/* src/MonolithAccessControl.Central.Admin.Client/wwwroot/css/otp-input.css */
.mac-otp-field {
    min-width: 0; margin: 4px 0 8px; padding: 0; border: 0;
}
.mac-otp-field > legend {
    width: 100%; margin-bottom: 10px; padding: 0; text-align: center;
    color: var(--mud-palette-text-primary); font-size: .72rem; font-weight: 600;
}
.mac-otp-digits.mac-otp-digits {
    display: grid; grid-template-columns: repeat(6, minmax(0, 42px));
    justify-content: center; gap: 10px; min-width: 0;
}
.mac-otp-digit.mac-otp-digit {
    --mac-otp-accent: var(--login-primary, var(--mud-palette-primary));
    box-sizing: border-box; width: 100%; min-width: 0;
    height: 48px; min-height: 48px; max-height: 48px; padding: 0;
    border: 1px solid var(--mac-otp-accent); border-radius: 8px;
    background: color-mix(in srgb, var(--mac-otp-accent) 8%, var(--mud-palette-surface));
    color: var(--mud-palette-text-primary); caret-color: var(--mac-otp-accent);
    font-family: inherit; font-size: 26px; font-weight: 800;
    font-variant-numeric: tabular-nums; line-height: 1; text-align: center;
}
.mac-otp-digit.mac-otp-digit:focus {
    outline: 2px solid var(--mac-otp-accent); outline-offset: 2px;
    background: var(--mud-palette-surface);
}
.mac-otp-digit.mac-otp-digit[aria-invalid="true"],
.has-error .mac-otp-digit.mac-otp-digit { border-color: var(--mud-palette-error); }
.mac-otp-digit.mac-otp-digit:disabled { opacity: .65; cursor: default; }
@media (max-width: 360px) {
    .mac-otp-digits.mac-otp-digits { gap: 6px; }
}