.login-bg-stage{width:100%;min-height:100dvh;position:relative;overflow:hidden}.login-bg-img,.login-bg-frame{position:absolute}.login-bg-img{object-fit:cover;object-position:50% 20%;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;inset:0}.login-bg-frame{width:max(100vw,177.778dvh);height:max(100dvh,56.25vw);top:20%;left:50%;transform:translate(-50%,-20%)}.login-bg-hole{scrollbar-width:thin;scrollbar-color:#a1a1aa73 transparent;justify-content:center;align-items:center;width:42%;height:73%;max-height:100dvh;padding:clamp(.75rem,2.2vh,2rem) clamp(1rem,2.5vw,2.5rem);display:flex;position:absolute;top:3%;left:29%;overflow-y:auto}.login-bg-hole::-webkit-scrollbar{width:6px}.login-bg-hole::-webkit-scrollbar-track{background:0 0}.login-bg-hole::-webkit-scrollbar-thumb{background:#a1a1aa73;border-radius:999px}.login-bg-form{text-shadow:0 1px 2px #000c;width:100%;max-width:26rem;margin:auto 0}.login-brand-row{flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;min-width:0;display:flex}.login-brand-row .brand-mark{white-space:nowrap;flex:0 auto;min-width:0;margin:0}@media (max-height:500px){.login-bg-hole{align-items:flex-start;padding-top:.5rem}.login-brand-row .brand-mark{font-size:clamp(1.5rem,8vh,2.5rem)}.login-tagline{font-size:clamp(.7rem,2.8vh,.95rem)}}.login-locale{flex:none;justify-content:flex-end;gap:.25rem;display:flex}@media (max-width:767px),(orientation:portrait){.login-bg-img{object-position:50% 45%}.login-bg-frame{width:max(100vw,56.25dvh);height:max(100dvh,177.778vw);top:45%;transform:translate(-50%,-45%)}.login-bg-hole{width:78%;height:56%;padding:.75rem .5rem;top:18%;left:12%}}.login-bg-img-reg{opacity:0;transition:opacity .45s}.login-bg-stage[data-reg-bg=on] .login-bg-img-reg{opacity:1}.login-bg-stage .login-bg-hole{transition:left .45s,top .45s,width .45s,height .45s}.login-bg-stage[data-mode=register] .login-bg-hole{width:44%;height:74%;padding-block:clamp(.25rem,1vh,1rem);top:2%;left:28%}.login-bg-stage[data-mode=register] .login-bg-form,.login-bg-stage[data-mode=register] .login-bg-form form,.login-bg-stage[data-mode=register] .login-bg-form form .space-y-2{flex-direction:column;display:flex}.login-bg-stage[data-mode=register] .login-bg-form>*,.login-bg-stage[data-mode=register] .login-bg-form form>*,.login-bg-stage[data-mode=register] .login-bg-form form .space-y-2>*{margin-block:0}.login-bg-stage[data-mode=register] .login-bg-form{gap:clamp(.75rem,2vh,1.25rem)}.login-bg-stage[data-mode=register] .login-bg-form form{gap:clamp(.375rem,1vh,.75rem)}.login-bg-stage[data-mode=register] .login-bg-form form .space-y-2{gap:.25rem}.login-bg-stage[data-mode=register] .login-bg-form form>[aria-hidden=true]{width:0;position:absolute}.login-bg-stage[data-mode=register] .login-bg-form form input:not([type=checkbox]){height:clamp(2.5rem,5.4vh,3rem)}.login-bg-stage[data-mode=register] .login-bg-form form label{flex-direction:row;align-items:flex-start}.login-bg-stage[data-mode=register] .login-bg-form form input[type=checkbox]{flex:none;width:1rem;height:1rem;margin-top:.125rem}.login-bg-stage[data-mode=register] .brand-mark{font-size:clamp(2.5rem,6vh,3.75rem)}.login-bg-stage[data-mode=register] .login-tagline{margin-top:.5rem}@media (prefers-reduced-motion:reduce){.login-bg-img-reg,.login-bg-stage .login-bg-hole{transition:none}}@media (max-width:767px),(orientation:portrait){.login-bg-stage[data-mode=register] .login-bg-hole{background:radial-gradient(closest-side,#0009,#0006 75%,#0000);width:78%;height:66%;padding:.25rem .75rem;top:14%;left:12%}.login-bg-stage[data-mode=register] .login-bg-form{gap:.375rem}.login-bg-stage[data-mode=register] .login-bg-form form{gap:.25rem}.login-bg-stage[data-mode=register] .login-bg-form form .space-y-2{gap:0}.login-bg-stage[data-mode=register] .login-bg-form form input:not([type=checkbox]){height:2rem}.login-bg-stage[data-mode=register] .brand-mark{font-size:2rem}.login-bg-stage[data-mode=register] .login-tagline{margin-top:.25rem;font-size:.875rem}.login-bg-stage[data-mode=register] .login-bg-form form button[type=submit]{height:2.25rem}.login-bg-stage[data-mode=login] .login-bg-form,.login-bg-stage[data-mode=login] .login-bg-form form,.login-bg-stage[data-mode=login] .login-bg-form form .space-y-2{flex-direction:column;display:flex}.login-bg-stage[data-mode=login] .login-bg-form>*,.login-bg-stage[data-mode=login] .login-bg-form form>*,.login-bg-stage[data-mode=login] .login-bg-form form .space-y-2>*{margin-block:0}.login-bg-stage[data-mode=login] .login-bg-form,.login-bg-stage[data-mode=login] .login-bg-form form{gap:.5rem}.login-bg-stage[data-mode=login] .login-bg-form form .space-y-2{gap:.25rem}.login-bg-stage[data-mode=login] .login-tagline{margin-top:.25rem}.login-bg-stage[data-mode=login] .login-bg-form form input:not([type=checkbox]),.login-bg-stage[data-mode=login] .login-bg-form form button[type=submit]{height:2.5rem}}@media (max-width:430px){.login-bg-stage{padding-inline:.5rem}.login-bg-form{max-width:calc(100vw - 3rem)}.login-bg-hole,.login-bg-stage[data-mode=register] .login-bg-hole{width:calc(100vw - 3rem);max-width:calc(100vw - 3rem);padding-inline:.75rem;left:calc(max(100vw,56.25dvh)/2 - 50vw + 1.5rem)}.login-bg-img{transform-origin:50%;transform:scale(1.12)}.login-brand-row{padding-top:.5rem}.login-brand-row .brand-mark{font-size:2.5rem}.login-locale button{padding-inline:.5rem}}