#blazor-error-ui dialog {
    padding: var(--spacingVerticalXXL) var(--spacingHorizontalXXL);
    background: var(--colorNeutralBackground1);
    color: var(--colorNeutralForeground1);
    border: none;
    border-radius: var(--borderRadiusXLarge);
    box-shadow: var(--shadow64);
}

#blazor-error-ui dialog::backdrop {
    background: var(--colorBackgroundOverlay);
}

#blazor-error-ui button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    min-width: 96px;
    padding: 0 var(--spacingHorizontalM);
    border: none;
    border-radius: var(--borderRadiusMedium);
    background: var(--colorBrandBackground);
    color: var(--colorNeutralForegroundOnBrand);
    font-weight: var(--fontWeightSemibold);
}

#blazor-error-ui button:hover {
    background: var(--colorBrandBackgroundHover);
}