html:has(body.page-auth) {
    scroll-behavior: auto !important;
}

body.page-auth {
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
}

@media (min-width: 1025px) {
    body.page-auth {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
    }

    body.page-auth > header,
    body.page-auth > #contact-us,
    body.page-auth > .footer-copyright {
        flex-shrink: 0;
    }

    body.page-auth > .auth-container-split {
        flex: 1 1 auto;
        height: calc(110dvh - 100px);
        height: calc(110dvh - 100px);
        max-height: calc(110dvh - 100px);
        max-height: calc(110dvh - 100px);
        overflow: hidden;
    }

    body.page-auth > .auth-container-split > .auth-left {
        height: 100%;
    }

    body.page-auth > .auth-container-split > .auth-right {
        height: 100%;
        max-height: 100%;
        overflow-y: auto;
    }
}

body.page-auth.is-scrolling .web-recaptcha-badge,
body.page-auth.is-scrolling .web-recaptcha-badge__logo,
body.page-auth.is-scrolling .web-recaptcha-badge__logo img,
body.page-auth.is-scrolling .web-recaptcha-badge__panel,
body.page-auth.is-scrolling .prgoress_indicator {
    transition: none !important;
    animation: none !important;
}

body.page-auth .web-recaptcha-badge {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    contain: layout style paint;
}

body.page-auth .prgoress_indicator {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    contain: layout style paint;
}

@media (hover: none), (pointer: coarse) {
    body.page-auth .web-recaptcha-badge,
    body.page-auth .web-recaptcha-badge__logo,
    body.page-auth .web-recaptcha-badge__logo img,
    body.page-auth .web-recaptcha-badge__panel {
        transition: none !important;
        animation: none !important;
    }
}