/*
 * The school's crest at the top of the login form.
 *
 * Plain CSS registered through FilamentAsset (see panel-forms.css for why).
 * The login page draws the crest itself (App\Filament\Pages\Auth\Login), in
 * place of Filament's brand text, so the school's name appears once.
 */
.alr-login-logo {
    display: block;
    height: 7.5rem;
    width: auto;
    margin: 0 auto 0.75rem;
}

/*
 * The crest's lines and lettering are dark and its background is transparent,
 * so on the dark theme it sits on a light card instead of vanishing.
 */
.dark .alr-login-logo {
    background-color: #ffffff;
    border-radius: 1rem;
    padding: 0.5rem;
    box-sizing: content-box;
}

@media (max-width: 640px) {
    .alr-login-logo {
        height: 6rem;
    }
}