.login-in{animation:login-in .8s cubic-bezier(.22, 1, .36, 1) var(--i,0s) both}@keyframes login-in{0%{opacity:0;transform:translateY(14px)}}.login-input:-webkit-autofill{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);transition:background-color 9999s;box-shadow:inset 0 0 0 1000px #fff}.login-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);transition:background-color 9999s;box-shadow:inset 0 0 0 1000px #fff}.login-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);transition:background-color 9999s;box-shadow:inset 0 0 0 1000px #fff}.login-btn:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff59 50%,#0000 70%);animation:4s ease-in-out 2s infinite login-sheen;position:absolute;inset:0;translate:-100%}@keyframes login-sheen{30%,to{translate:100%}}.login-progress{border-radius:1.5rem 1.5rem 0 0;height:3px;position:absolute;inset:0 0 auto;overflow:hidden}.login-progress:after{content:"";background:linear-gradient(90deg, transparent, var(--gold), var(--brand), transparent);width:40%;animation:1.1s ease-in-out infinite login-progress;position:absolute;inset:0}@keyframes login-progress{0%{translate:-100%}to{translate:250%}}.login-shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both login-shake}@keyframes login-shake{15%,85%{transform:translate(-2px)}30%,70%{transform:translate(5px)}45%,55%{transform:translate(-7px)}}@media (prefers-reduced-motion:reduce){.login-scene *,.login-scene :before,.login-scene :after{animation:none!important}}