.otp-input-container[data-v-de86e42b]{justify-content:center;align-items:center;gap:.75rem;display:flex}.otp-input[data-v-de86e42b]{text-align:center;color:#47c8ff;background-color:#fff;border:1px solid #7c7c7c;border-radius:.5rem;width:3rem;height:3rem;font-size:1.25rem;font-weight:600;transition:all .2s ease-in-out}.otp-input[data-v-de86e42b]:not(.is-complete):not(.has-error):not(:focus){border-color:#7c7c7c}.otp-input[data-v-de86e42b]:focus{outline:none}.otp-input.is-active[data-v-de86e42b],.otp-input[data-v-de86e42b]:focus{border-color:#47c8ff}.otp-input.is-complete[data-v-de86e42b]{background-color:#f8fafc;border-color:#47c8ff}.otp-input.has-error[data-v-de86e42b]{color:#dc2626;will-change:transform;background-color:#fef2f2;border-color:#dc2626;animation:.52s cubic-bezier(.36,.07,.19,.97) both otp-input-shake-de86e42b}.otp-input.has-error[data-v-de86e42b]:focus{color:#dc2626;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}@keyframes otp-input-shake-de86e42b{0%,to{transform:translateZ(0)}10%{transform:translate(-10px)}20%{transform:translate(8px)}30%{transform:translate(-6px)}45%{transform:translate(4px)}60%{transform:translate(-3px)}75%{transform:translate(2px)}90%{transform:translate(-1px)}}@media (prefers-reduced-motion:reduce){.otp-input.has-error[data-v-de86e42b]{animation:none}}.otp-input[data-v-de86e42b]:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f9fafb;border-color:#d1d5db}.otp-input[data-v-de86e42b]::placeholder{color:#9ca3af;font-weight:600}.otp-input[data-v-de86e42b]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.otp-input[data-v-de86e42b]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.otp-input[type=number][data-v-de86e42b]{appearance:textfield}