@keyframes goUpPass{0%{transform:translateY(0);opacity:1;height:63px}to{transform:translateY(var(--distPass, 80px));opacity:0;margin:0;padding:0;height:0}}@keyframes goUpPassConf{0%{transform:translateY(0);opacity:1;height:63px}to{transform:translateY(var(--distPassRep, -150px));opacity:0;margin:0;padding:0;height:0}}@keyframes goDownName{0%{transform:translateY(0);opacity:1;height:63px}to{transform:translateY(var(--distName, 80px));opacity:0;margin:0;padding:0;height:0}}@keyframes spansDown{0%{transform:translateY(0)}to{transform:translateY(var(--distName, 40px));font-size:0;opacity:0}}@keyframes formNarrow{0%{height:500px}to{gap:0;height:300px;max-width:450px}}@keyframes buttonToLeft{to{transform:translate(-30vw)}}@keyframes h1Up{0%{transform:translateY(0)}to{transform:translateY(-70px)}}@keyframes emailAnim{0%{font-size:17px;width:100%}to{font-size:1px!important;margin:93px 0 60px;width:7%}}@keyframes topInfoToLeft{to{transform:translate(-30vw)}}.animation1 .topInfo{animation:topInfoToLeft .6s forwards}.animation1 form #passReg{--distPass: -140px;animation:goUpPass .5s forwards}.animation1 form #repPassReg{--distPassRep: -190px;animation:goUpPassConf .5s forwards}.animation1 form #nameReg{--distName: 100px;animation:goDownName .5s forwards}.animation1 form div>span{--distName: 40px;animation:spansDown .5s forwards}.animation1 form #emailReg{animation:emailAnim .5s forwards;min-height:64px}.animation1 form #emailReg input{font-size:0;padding:20px}.animation1 form input{pointer-events:none;background:#633536}.animation1 form button{animation:topInfoToLeft .9s forwards}.animation1 form h1{animation:h1Up .5s forwards}@keyframes animationFromLeft{0%{transform:translate(-30vw)}to{transform:translate(0)}}.topInfoCode,.infoCode,form h3{animation:animationFromLeft .6s forwards}.buttonsReg,.resendGroup{animation:animationFromLeft .8s forwards}.resendGroup{display:flex;align-items:center}.resendGroup{display:flex;align-items:center;justify-content:space-between;min-width:245px;max-width:260px;margin-top:25px}.resendGroup .resendTimer{display:flex;align-items:center}.infoCode{color:#aeaeae;font-size:15px}.codeSpace{display:flex;flex-direction:column;gap:30px}.resendBtn{width:50px!important;height:35px;background:#ffffff29!important;border-radius:8px;display:flex;margin:0!important;align-items:center;justify-content:center;cursor:pointer;border:none}@keyframes codeInp{to{transform:translate(0)}}.otpInpt{display:flex;gap:.3vw}.otpInpt input{padding:10px;aspect-ratio:1 / 1;text-align:center;width:40px!important;animation:codeInp .8s forwards;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.is-visible .otp-digit{opacity:1;transform:translate(0) scale(1)}.otp-digit:nth-child(1){transition-delay:.1s;opacity:1;transform:translate(0) scale(1)}.otp-digit:nth-child(2){transition-delay:.2s}.otp-digit:nth-child(3){transition-delay:.3s}.otp-digit:nth-child(4){transition-delay:.4s}.otp-digit:nth-child(5){transition-delay:.5s}.otp-digit:nth-child(6){transition-delay:.6s}