.otp-input{background-color:#0000003e;border-radius:8px;box-shadow:inset 0 2px 4px #0003;color:var(--color-white)!important;font-size:18px;font-weight:600;height:48px;margin:0 4px;text-align:center;transition:all .2s ease;width:48px}@media (max-width:768px){.otp-input{height:48px;width:48px}}@media (max-width:480px){.otp-input{height:40px;width:40px}}@media (max-width:320px){.otp-input{height:32px;width:32px}}.otp-input:focus{border-color:var(--color-error);outline:none}.otp-input.is-complete{border-color:var(--color-error);color:var(--color-white)!important}.otp-input::-webkit-inner-spin-button,.otp-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.otp-input::-moz-placeholder{color:#d1d5db;font-size:16px;font-weight:400;text-align:center}.otp-input::placeholder{color:#d1d5db;font-size:16px;font-weight:400;text-align:center}.otp-input:disabled{background-color:#f9fafb;border-color:#e5e7eb;color:#9ca3af!important;cursor:not-allowed}