.home-login-modal{box-sizing:border-box;inset:0;margin:auto;width:min(480px,calc(100vw - 24px));height:min(610px,calc(100dvh - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;border:1px solid #34343d;border-radius:20px;background:#101016;box-shadow:0 24px 80px #0008;overflow:hidden}
.home-login-modal.is-reset{height:min(720px,calc(100dvh - 24px))}
.home-login-modal::backdrop{background:#0009;backdrop-filter:blur(5px)}
.home-login-modal iframe{display:block;width:100%;height:100%;border:0;background:#101016}
.home-login-close{position:absolute;right:12px;top:10px;z-index:2;width:44px;height:44px;border:1px solid #44434c;border-radius:50%;background:#24232b;color:#fff;font:26px/1 sans-serif;cursor:pointer}
.home-login-close:hover{background:#44313a}
.home-login-close:focus-visible{outline:2px solid #ef5978;outline-offset:3px}
html{scrollbar-gutter:stable}
html.home-login-open{overflow:hidden;scrollbar-gutter:auto}
body.home-login-open{overflow:hidden}
.home-login-modal[open]{animation:home-login-enter .42s cubic-bezier(.16,1,.3,1) both;will-change:transform,opacity}
.home-login-modal[open]::backdrop{animation:home-login-backdrop-in .38s ease both}
.home-login-modal.is-closing{animation:home-login-exit .26s cubic-bezier(.4,0,.2,1) both}
.home-login-modal.is-closing::backdrop{animation:home-login-backdrop-out .26s ease both}
@keyframes home-login-enter{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes home-login-exit{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(5px) scale(.99)}}
@keyframes home-login-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes home-login-backdrop-out{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){.home-login-modal[open],.home-login-modal[open]::backdrop{animation:none}}