/* Keep the original page layout; only its visible foreground window moves. */

@media (max-width: 767px) {
    html.auth-root.is-auth-mobile-managed {
        height: 100%;
        min-height: 0;
        overflow: hidden;
        overflow: clip;
        overscroll-behavior: none;
        scroll-behavior: auto;
        background: #030905 url("../img/backgrounds/aurora-streaks.0a652349dbc4.webp") no-repeat calc(50% + 100px) top / auto var(--auth-background-height, 100lvh);
        background-attachment: fixed;
    }

    html.is-auth-mobile-managed::before { content: none; }

    html.is-auth-mobile-managed body.auth-login-page {
        position: fixed;
        inset: 0;
        top: var(--auth-visual-top, 0px);
        width: 100%;
        height: var(--auth-stable-viewport-height, 100svh);
        min-height: 0;
        max-height: none;
        overflow: hidden;
        overscroll-behavior: none;
        background: transparent;
        transition: none;
        isolation: isolate;
    }

    html.is-auth-mobile-managed body.auth-login-page::before {
        content: '';
        position: fixed;
        inset: 0;
        top: var(--auth-visual-top, 0px);
        height: var(--auth-background-height, 100lvh);
        z-index: -1;
        background: #030905 url("../img/backgrounds/aurora-streaks.0a652349dbc4.webp") no-repeat calc(50% + 100px) top / auto var(--auth-background-height, 100lvh);
        mask: none;
        -webkit-mask: none;
        transform: none;
        transition: none;
        pointer-events: none;
    }

    html.is-auth-mobile-managed .auth-login-page .auth-form input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]) { font-size: 16px; }

    html.is-auth-mobile-managed body.auth-login-page.is-auth-editing > :is(.site-brand-topbar, .site-brand-tagline, .toast-stack, .auth-shell) {
        translate: 0 var(--auth-content-shift, 0px);
        transition: none;
        animation: none;
    }

    .auth-input-error { display: none; }
    html.is-auth-mobile-managed body.is-auth-editing .auth-input-error:not([hidden]) {
        display: block;
        position: fixed;
        z-index: 10;
        top: calc(var(--auth-visual-top, 0px) + 4px);
        left: 20px;
        right: 20px;
        margin: 0;
        padding: 6px 10px;
        border-radius: 4px;
        background: #030905;
        color: #CCDECB;
        font-size: 12px;
        line-height: 16px;
        pointer-events: none;
    }
}