.otp-input-wrapper{flex-direction:column;align-items:center;width:100%;margin-bottom:1rem;display:flex;overflow:visible}.otp-input-container{flex-wrap:nowrap;justify-content:center;align-items:center;gap:.5rem;max-width:100%;padding:.5rem 0;display:flex}.otp-input-box{text-align:center;color:#1a202c;background:#fff;border:2px solid #e0e7ff;border-radius:8px;outline:none;flex:none;width:45px;min-width:0;height:52px;font-size:1.3rem;font-weight:600;transition:all .2s}.otp-input-box:focus{background:#fff;border-color:#233e7e;box-shadow:0 0 0 .2rem #233e8026}.otp-input-box:disabled{color:#a0aec0;cursor:not-allowed;background:#f7fafc;border-color:#e2e8f0}.otp-input-filled{background:#f7fafc;border-color:#233e7e}.otp-input-error .otp-input-box{border-color:#e53e3e}.otp-input-error .otp-input-box:focus{border-color:#e53e3e;box-shadow:0 0 0 .2rem #e53e3e26}.otp-input-error-message{color:#e53e3e;text-align:center;word-break:break-word;width:100%;margin-top:.75rem;font-size:.875rem;display:block}@media (min-width:768px){.otp-input-box{width:50px;height:56px;font-size:1.5rem}.otp-input-container{gap:.75rem}.otp-input-error-message{text-align:center}}@media (max-width:480px){.otp-input-box{width:40px;height:48px;font-size:1.1rem}.otp-input-container{gap:.4rem}}@media (max-width:320px){.otp-input-box{width:35px;height:44px;font-size:1rem}.otp-input-container{gap:.25rem}}.otp-input-box::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.otp-input-box::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.otp-input-box[type=number]{-moz-appearance:textfield}