:root{--primary100: #f1ecff;--primary300: #cdc0f3;--primary400: #9c7edb;--primary500: #7e3dd4;--primary700: #52258f;--primary900: #1e0b3a;--mono0: #fff;--mono100: #f2f2ec;--mono300: #e6e4d6;--mono400: #c0bda2;--mono500: #9e9c88;--mono700: #605f56;--mono900: #1e0b3a}.OtpInput{display:flex;flex-direction:column;gap:8px;height:74px;position:relative}.OtpInput__boxes{display:flex;gap:8px;align-items:center}.OtpInput__input{position:absolute;left:0;top:0;opacity:0;pointer-events:none}.OtpInput__box{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:50px;height:44px;border:1.5px solid #e6e4d6;border-radius:12px;background-color:#fff;font-size:18px;color:#1e0b3a;cursor:text}.OtpInput--focused .OtpInput__box--active{border-color:#52258f}.OtpInput--error .OtpInput__boxes{animation:otp-shake .4s ease}.OtpInput--error .OtpInput__box{border-color:#d72505}.OtpInput--disabled .OtpInput__box{cursor:not-allowed;color:#9e9c88;background-color:#f2f2ec;border:1.5px solid #9e9c88}.OtpInput__caret{display:inline-block;width:2px;height:24px;animation:otp-blink 1s step-end infinite;background-color:#52258f}@keyframes otp-shake{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-4px)}30%,70%{transform:translate(4px)}}@keyframes otp-blink{0%,to{opacity:1}50%{opacity:0}}