.login-mascot-scene{--peek-x:0px;--peek-rotate:0deg;--eye-x:0px;--eye-y:0px;--hand-y:120%}.login-mascot-body-group{transform:translateX(var(--peek-x)) rotate(var(--peek-rotate));transform-origin:bottom;transition:transform .45s cubic-bezier(.34,1.2,.64,1),filter .3s}.login-mascot-eyes{transform:translate(calc(-50% + var(--eye-x)), var(--eye-y));transition:transform .35s cubic-bezier(.34,1.2,.64,1)}.login-mascot-hand{transform:translateY(var(--hand-y));transition:transform .4s cubic-bezier(.34,1.2,.64,1)}.login-mascot-shadow{transition:transform .45s,opacity .3s}.login-mascot-scene.phoneFocus{--peek-x:18px;--peek-rotate:8deg;--eye-x:6px;--eye-y:4px}.login-mascot-scene.phoneFocus .login-mascot-shadow{transform:translate(8px)scaleX(.92)}.login-mascot-scene.passwordFocus{--hand-y:0%}.login-mascot-scene.error .login-mascot-head{animation:.55s ease-in-out mascot-shake}.login-mascot-scene.error .login-mascot-mouth-smile,.login-mascot-scene.error .login-mascot-mouth-happy{display:none}.login-mascot-scene.error .login-mascot-mouth-sad{display:block}.login-mascot-scene.error .login-mascot-body-group{filter:saturate(.92)}.login-mascot-scene.success{--eye-y:-1px}.login-mascot-scene.success .login-mascot-head{animation:.7s ease-in-out 2 mascot-nod}.login-mascot-scene.success .login-mascot-mouth-smile,.login-mascot-scene.success .login-mascot-mouth-sad{display:none}.login-mascot-scene.success .login-mascot-mouth-happy{display:block}@keyframes mascot-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-8deg)translateY(1px)}40%{transform:rotate(8deg)}60%{transform:rotate(-6deg)}80%{transform:rotate(5deg)}}@keyframes mascot-nod{0%,to{transform:rotate(0)translateY(0)}35%{transform:rotate(6deg)translateY(2px)}70%{transform:rotate(-2deg)translateY(0)}}@media (prefers-reduced-motion:reduce){.login-mascot-body-group,.login-mascot-eyes,.login-mascot-hand,.login-mascot-shadow{transition:none}.login-mascot-scene.error .login-mascot-head,.login-mascot-scene.success .login-mascot-head{animation:none}}