.login-modal-backdrop {
    backdrop-filter: blur(4px);
    opacity: 0;
    transition: opacity 0.25s ease;
}

.login-modal-card {
    min-height: 420px;
    max-height: calc(100vh - 4rem);
    opacity: 0;
    transform: translateY(20px) scale(0.96);
    transition: opacity 0.25s ease, transform 0.25s ease;
}

.login-modal-backdrop.login-modal-visible {
    opacity: 1;
}

.login-modal-backdrop.login-modal-visible .login-modal-card {
    opacity: 1;
    transform: translateY(0) scale(1);
}

#login-modal-backdrop.hidden {
    pointer-events: none;
}

.login-captcha-box {
    letter-spacing: 0.35em;
}

.otp-digit::-webkit-outer-spin-button,
.otp-digit::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.otp-digit {
    -moz-appearance: textfield;
}