.login-stage{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.login-stage svg{width:min(560px,100%);height:auto;display:block;overflow:visible}.login-stage .glow{transform-box:fill-box;transform-origin:50%;animation:4.5s ease-in-out infinite mascot-glow}@keyframes mascot-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.95;transform:scale(1.06,1.12)}}.login-stage .char-wrap{transform-box:fill-box;transform-origin:bottom;transition:transform .55s cubic-bezier(.34,1.35,.4,1)}.login-stage .char{transform-box:fill-box;transform-origin:bottom;animation:4.2s ease-in-out infinite mascot-bob}.login-stage #wrap-pink .char{animation-delay:.6s}.login-stage #wrap-yellow .char{animation-delay:1.1s}.login-stage #wrap-orange .char{animation-delay:1.7s}@keyframes mascot-bob{0%,to{transform:translateY(0)scaleY(1)}50%{transform:translateY(2.5px)scaleY(.992)}}.login-stage .pupil,.login-stage .dot-eye,.login-stage .eye-white{transition:transform .22s cubic-bezier(.3,.8,.4,1)}.login-stage .eye-open{transform-box:fill-box;transform-origin:50%;transition:transform .3s cubic-bezier(.34,1.4,.5,1),opacity .15s}.login-stage .lid,.login-stage .happy-lid{opacity:0;transition:opacity .15s}.login-stage .mouth-normal,.login-stage .mouth-worried,.login-stage .mouth-watch{transition:opacity .15s}.login-stage .mouth-worried,.login-stage .mouth-watch{opacity:0}.login-stage.watching .eye-open{transform:scale(1.16)}.login-stage.watching #wrap-purple{transform:translate(12px)rotate(2.5deg)}.login-stage.watching #wrap-pink{transform:translate(9px)rotate(2deg)}.login-stage.watching #wrap-yellow{transform:translate(7px)rotate(1.5deg)}.login-stage.watching #wrap-orange{transform:translate(10px)rotate(1.5deg)}.login-stage.watching #char-purple .mouth-normal{opacity:0}.login-stage.watching #char-purple .mouth-watch{opacity:1}.login-stage.away #wrap-purple{transform:translate(-14px)rotate(-4deg)}.login-stage.away #wrap-pink{transform:translate(-10px)rotate(-3.5deg)}.login-stage.away #wrap-yellow{transform:translate(-8px)rotate(-3deg)}.login-stage.away #wrap-orange{transform:translate(-10px)rotate(-2.5deg)}.login-stage.away #char-orange .eye:not(.peek-back) .eye-open{opacity:0}.login-stage.away #char-orange .happy-lid,.login-stage.away #char-orange .eye.peek-back .eye-open{opacity:1}.login-stage.away #char-orange .eye.peek-back .happy-lid{opacity:0}.login-stage.loading .char-wrap{animation:1.3s ease-in-out infinite mascot-sway}.login-stage.loading #wrap-pink{animation-delay:.15s}.login-stage.loading #wrap-yellow{animation-delay:.3s}.login-stage.loading #wrap-orange{animation-delay:.45s}@keyframes mascot-sway{0%,to{transform:rotate(-3.5deg)}50%{transform:rotate(3.5deg)}}.login-stage.happy .eye-open{opacity:0}.login-stage.happy .happy-lid{opacity:1}.login-stage.happy .mouth-worried,.login-stage.happy .mouth-watch{opacity:0}.login-stage.happy .mouth-normal,.login-stage.happy .glow{opacity:1}.login-stage.sad #wrap-purple{transform:translate(2px,9px)rotate(-6deg)}.login-stage.sad #wrap-pink{transform:translateY(7px)rotate(3deg)}.login-stage.sad #wrap-yellow{transform:translateY(6px)rotate(-2deg)}.login-stage.sad #wrap-orange{transform:translateY(8px)}.login-stage.sad .mouth-normal,.login-stage.sad .mouth-watch{opacity:0}.login-stage.sad .mouth-worried{opacity:1}.login-stage.sad .glow{opacity:.4;animation-play-state:paused}.login-stage.blink .eye .eye-open{opacity:0}.login-stage.blink .eye .lid{opacity:1}@media (prefers-reduced-motion:reduce){.login-stage .char,.login-stage .glow{animation:none}.login-stage *{transition-duration:.01ms!important}}