#login .external .recovery-toggle>*{color:var(--mc);font-size:.75em;transition:all .18s ease-in-out}#login .external .recovery-toggle>.toggle:hover,#login .external .recovery-toggle>[href]:hover,#login .external .recovery-toggle>[type]:hover{color:color-mix(in srgb, var(--mc) 92%, var(--de) 8%)}#login .external .recovery-toggle>[disabled],#login .external .recovery-toggle>.inactive{color:var(--bg3);pointer-events:none}.toggle{cursor:pointer}.toggle:has(.checked)>input:not(:checked)~.checked{display:none!important}.toggle:has(.checked)>input:checked~:not(.checked){display:none!important}[data-toggle]{cursor:pointer}[data-toggle][data-toggle-targets="0"]{cursor:default}[data-toggle]:has(.toggled):not([data-toggle-active=true]) .toggled{display:none!important}[data-toggle]:has(.toggled)[data-toggle-active=true] :not(.toggled,.forced){display:none!important}#login{min-height:100vh;display:flex}#login .wrap{padding:clamp(var(--gap)/2,3vw,var(--gap)*2);align-items:end;gap:var(--gap);flex-direction:column;flex:2;min-width:420px;max-width:100%;display:flex}#login .wrap>*{width:100%;max-width:420px}#login .logo{margin-bottom:clamp(var(--gap),5vh,180px)}#login .logo svg{width:auto;height:64px;fill:var(--de)}#login .external{align-items:start;gap:var(--gap);grid-template-rows:auto auto;grid-template-columns:1fr;display:grid}#login .external>form{grid-area:1/1/auto/-1}#login .external>form,#login .external>form>fieldset{gap:calc(var(--gap)/2)}#login .external>form [type=submit]{width:100%}#login .external .recovery-toggle{text-align:center;grid-row:2}#login .external:has([id=recoveryShow]:not(:checked)) [name=recovery]{opacity:0;pointer-events:none}#login .external:has([id=recoveryShow]:checked) [name=login]{opacity:0;pointer-events:none}#login .img{background:var(--bg1);flex:3;position:relative}#login .img img,#login .img:after{z-index:6;width:100%;height:100%;position:absolute;inset:0}#login .img img{object-fit:cover;transition:all .18s ease-in-out}@media (prefers-color-scheme:dark){#login .img img{opacity:0}}#login .img:after{content:"";opacity:0;transition:all .18s ease-in-out .18s}@media (prefers-color-scheme:dark){#login .img:after{opacity:1;background-image:url(/login-dark.webp);background-position:50%;background-repeat:no-repeat;background-size:cover}}#login:has(.sso-login[class*=loading]) .external{opacity:.65;pointer-events:none;filter:blur(4px)}