@keyframes auth-swing{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}@keyframes auth-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes auth-caret{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes auth-gap-pulse{0%,to{opacity:.35}50%{opacity:.8}}@keyframes auth-key-turn{0%{transform:perspective(var(--key-depth)) rotateX(0deg);animation-timing-function:cubic-bezier(.45,0,.3,1)}34%{transform:perspective(var(--key-depth)) rotateX(82deg);animation-timing-function:ease-out}40%{transform:perspective(var(--key-depth)) rotateX(70deg);animation-timing-function:ease-in-out}47%,56%{transform:perspective(var(--key-depth)) rotateX(76deg);animation-timing-function:cubic-bezier(.5,0,.35,1)}88%{transform:perspective(var(--key-depth)) rotateX(-4deg);animation-timing-function:ease-in-out}to{transform:perspective(var(--key-depth)) rotateX(0deg)}}@keyframes auth-key-click{0%,to{transform:none}35%{transform:translate(1.2%)}}@keyframes auth-key-flash{0%{opacity:0}12%{opacity:1}to{opacity:0}}.auth-stage{container-type:size}.auth-art{--ar:1.7917;--fx:.5;--fy:var(--art-fy-m,.5);--h:max(100cqh, 100cqw / var(--ar));width:calc(var(--h) * var(--ar));height:var(--h);left:calc((100cqw - var(--h) * var(--ar)) * var(--fx));top:calc((100cqh - var(--h)) * var(--fy));position:absolute}@media (min-width:768px){.auth-art{--fy:var(--art-fy-md,var(--art-fy-m,.5))}}@media (min-width:1024px){.auth-art{--ar:.8057;--fy:var(--art-fy-d,.5)}}.auth-gap-glow{mix-blend-mode:screen;opacity:.55;background:radial-gradient(closest-side,#d9f23f80,#d9f23f00);animation:4.5s ease-in-out infinite auth-gap-pulse}.auth-key-out{-webkit-mask:var(--key-out-m) 0 0 / 100% 100% no-repeat;-webkit-mask:var(--key-out-m) 0 0 / 100% 100% no-repeat;mask:var(--key-out-m) 0 0 / 100% 100% no-repeat}.auth-key-in{-webkit-mask:var(--key-in-m) 0 0 / 100% 100% no-repeat;-webkit-mask:var(--key-in-m) 0 0 / 100% 100% no-repeat;mask:var(--key-in-m) 0 0 / 100% 100% no-repeat}.auth-key{--key-depth:320px;transform-origin:81.98% 37.34%;transition:translate .5s ease-out,scale .5s ease-out,filter .5s ease-out;translate:-67.8%}[data-key-step=code] .auth-key{translate:-36.3%}[data-key-step=done] .auth-key{transition:translate .6s cubic-bezier(.3,.7,.35,1),scale .6s cubic-bezier(.3,.7,.35,1),filter .6s ease-out;animation:.25s ease-out 1.2s both auth-key-click;translate:0;scale:.96}.auth-key-bow{clip-path:inset(0 64.64% 0 0);transform-origin:18.47% 37.34%}.auth-key-shaft{clip-path:polygon(34.91% 0,100% 0,100% 48.54%,76.58% 48.54%,76.58% 100%,34.91% 100%)}.auth-key-bit{clip-path:inset(47.63% 0 0 76.58%);transform-origin:81.98% 37.34%}[data-key-step=done] .auth-key-bow,[data-key-step=done] .auth-key-bit{animation:1.75s .65s both auth-key-turn}[data-key-step=done] .auth-key-front{filter:drop-shadow(-3px 2px 3px #000000b3)}.auth-key-dark{filter:brightness(.38)drop-shadow(0 0 4px #0009)}.auth-key-flash{mix-blend-mode:screen;opacity:0;background:radial-gradient(closest-side,#f4ffbef2,#d9f23f73 45%,#d9f23f00)}[data-key-step=done] .auth-key-flash{animation:1s ease-out 2.1s both auth-key-flash}@media (min-width:1024px){.auth-key{--key-depth:700px}.auth-key-out{-webkit-mask-image:var(--key-out-d);-webkit-mask-image:var(--key-out-d);mask-image:var(--key-out-d)}.auth-key-in{-webkit-mask-image:var(--key-in-d);-webkit-mask-image:var(--key-in-d);mask-image:var(--key-in-d)}[data-key-step=done] .auth-key-front{filter:drop-shadow(-8px 5px 7px #000000b3)}.auth-key-dark{filter:brightness(.38)drop-shadow(0 0 10px #0009)}}.auth-swing{transform-origin:50% 0;animation:6s ease-in-out infinite auth-swing}.auth-ticker-track{animation:auth-ticker var(--auth-ticker-duration,60s) linear infinite}.auth-ticker:hover .auth-ticker-track{animation-play-state:paused}.auth-caret{animation:1.1s step-end infinite auth-caret}@media (prefers-reduced-motion:reduce){.auth-swing,.auth-ticker-track,.auth-caret,.auth-gap-glow,[data-key-step] .auth-key,[data-key-step] .auth-key-part,[data-key-step] .auth-key-flash{animation:none}[data-key-step] .auth-key{transition:none}}