html,
body {
    height: 100%;
}

.form-signin {
    max-width: 330px;
    padding: 1rem;
}

.form-signin .form-floating:focus-within {
    z-index: 2;
}

.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.auth-msg {
    animation: fadeOut 3s forwards;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/* Remember me warning */
:root {
    --warn-remember-me-opacity: 0.0;
}

:root:has(#remember-me-checkbox:checked) {
    --warn-remember-me-opacity: 1.0;
}

#warn-remember-me {
    color: #dc3545;
    font-size: 0.75em;
    opacity: var(--warn-remember-me-opacity);
    transition: opacity 0.5s ease;
}