:export{animationDurationQuick:.2s;animationDurationNormal:.35s;animationDurationSlow:.6s;animationTimingEaseInOut:ease-in-out;animationTimingEaseOut:ease-out}@keyframes verificationCodeFieldBounce{0%,10%,25%,40%,50%{transform:translateY(0)}20%{transform:translateY(-10px)}30%{transform:translateY(-5px)}50%,to{transform:translateY(0)}}.code-input{max-width:calc(25% - 7.5px);height:50px;background-color:#f5f8fd;border-radius:.25rem;border:1px solid #dae9ff;font-size:22px;text-align:center;font-family:Gilroy,sans-serif;font-weight:400}.code-input:focus-visible{outline:2px solid #3073de}.code-input--loading{animation:verificationCodeFieldBounce 1.8s infinite}.code-input--loading:nth-child(1){animation-delay:0s}.code-input--loading:nth-child(2){animation-delay:.1s}.code-input--loading:nth-child(3){animation-delay:.2s}.code-input--loading:nth-child(4){animation-delay:.3s}.code-input--loading:nth-child(5){animation-delay:.4s}.code-input--loading:nth-child(6){animation-delay:.5s}.code-input--loading:nth-child(7){animation-delay:.6s}.code-input--loading:nth-child(8){animation-delay:.7s}.code-input--loading:nth-child(9){animation-delay:.8s}.code-input--loading:nth-child(10){animation-delay:.9s}.otp-wrapper{display:flex;justify-content:space-between;align-items:center}.otp-wrapper--error>input{border-color:#ec4d40!important}
