@import "index.css?v=9.66.05011";

html, body {
    margin-top: 0;
    min-height: 100vh;
}

.login-theme-switcher {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 1050;
}

.login-card-container {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-card {
    max-width: 26rem;
    width: 100%;
    margin: 1rem;
    border-radius: .75rem;

    /* Hide required-field asterisks — on a login form they're obvious */
    label::after {
        display: none !important;
    }

    .login-logo {
        display: block;
        margin-inline: auto;
        max-width: 12rem;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .login-card {
        animation: login-fade-in .4s ease-out;
    }

    @keyframes login-fade-in {
        from {
            opacity: 0;
            transform: translateY(.5rem);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}