/* Shared entry background: establishment login and personal PIN only. */
body.hsu-access-route.hsu-establishment-login-open .mfp-bg,
body.hsu-access-route .hsu-access-session__dialog[data-access-dialog][data-mode="login"]::backdrop{
    background-color:#e8e2f7;
    background-image:
        radial-gradient(ellipse at center,rgba(167,133,229,.52) 0%,rgba(167,133,229,0) 70%),
        radial-gradient(ellipse at center,rgba(178,149,233,.42) 0%,rgba(178,149,233,0) 72%),
        radial-gradient(ellipse at center,rgba(102,173,239,.38) 0%,rgba(102,173,239,0) 68%),
        linear-gradient(135deg,#e7eafb 0%,#e9dff6 55%,#e5edfb 100%)!important;
    background-size:110% 135%,105% 125%,90% 110%,100% 100%;
    background-position:-35% 5%,125% 125%,145% 40%,center;
    background-repeat:no-repeat;
    animation:hsu-access-aurora 1s cubic-bezier(.2,.7,.3,1) both;
}
/* Magnific Popup normally dims its backdrop. Keep the entry screen opaque. */
html body.hsu-access-route.hsu-establishment-login-open .mfp-bg{
    opacity:1!important;
    background-color:#e8e2f7!important;
    filter:none;
    backdrop-filter:none;
}
body.hsu-access-route .hsu-access-session__dialog[data-access-dialog][data-mode="login"][open],
body.hsu-access-route.hsu-establishment-login-open .mfp-wrap .hsu-auth-modal--login{
    animation:hsu-access-arrival .28s ease-out both;
}
/* A short blocked page should still occupy the available screen. */
body.hsu-access-route.hsu-access-awaiting-establishment #main-content{
    min-height:calc(100vh - 180px);
    min-height:calc(100svh - 180px);
}
@keyframes hsu-access-aurora{
    from{background-position:-75% -25%,165% 155%,185% 80%,center}
    to{background-position:-35% 5%,125% 125%,145% 40%,center}
}
@keyframes hsu-access-arrival{
    from{opacity:0;transform:translateY(8px) scale(.985)}
    to{opacity:1;transform:translateY(0) scale(1)}
}
@media(prefers-reduced-motion:reduce){
    body.hsu-access-route.hsu-establishment-login-open .mfp-bg,
    body.hsu-access-route .hsu-access-session__dialog[data-access-dialog][data-mode="login"]::backdrop,
    body.hsu-access-route .hsu-access-session__dialog[data-access-dialog][data-mode="login"][open],
    body.hsu-access-route.hsu-establishment-login-open .mfp-wrap .hsu-auth-modal--login{
        animation:none;
    }
}
