.otp-container[data-v-5f02fee0]{gap:.75rem;justify-content:center}.otp-container[data-v-5f02fee0],.otp-group[data-v-5f02fee0]{align-items:center;display:flex}.otp-group[data-v-5f02fee0]{gap:.5rem}.otp-separator[data-v-5f02fee0]{align-items:center;display:flex;justify-content:center;width:1rem}.otp-separator-dash[data-v-5f02fee0]{border-radius:9999px;height:.125rem;width:.75rem;--tw-bg-opacity:1;background-color:rgb(var(--color-gray-300)/var(--tw-bg-opacity,1))}.otp-separator-dash[data-v-5f02fee0]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--color-gray-600)/var(--tw-bg-opacity,1))}.otp-input[data-v-5f02fee0]{height:3.5rem;width:3rem}@media(min-width:640px){.otp-input[data-v-5f02fee0]{height:4rem;width:3.5rem}}.otp-input[data-v-5f02fee0]{font-size:1.25rem;font-weight:600;line-height:1.75rem;text-align:center}@media(min-width:640px){.otp-input[data-v-5f02fee0]{font-size:1.5rem;line-height:2rem}}.otp-input[data-v-5f02fee0]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.otp-input[data-v-5f02fee0]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--color-gray-800)/var(--tw-bg-opacity,1))}.otp-input[data-v-5f02fee0]{border-width:2px;--tw-border-opacity:1;border-color:rgb(var(--color-gray-200)/var(--tw-border-opacity,1))}.otp-input[data-v-5f02fee0]:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--color-gray-600)/var(--tw-border-opacity,1))}.otp-input[data-v-5f02fee0]{border-radius:.75rem;--tw-text-opacity:1;color:rgb(var(--color-gray-900)/var(--tw-text-opacity,1))}.otp-input[data-v-5f02fee0]:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.otp-input[data-v-5f02fee0]{transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.otp-input[data-v-5f02fee0]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--color-primary-500)/var(--tw-ring-opacity,1))}.otp-input[data-v-5f02fee0]:disabled{cursor:not-allowed;--tw-bg-opacity:1;background-color:rgb(var(--color-gray-100)/var(--tw-bg-opacity,1));opacity:.5}.otp-input[data-v-5f02fee0]:disabled:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--color-gray-700)/var(--tw-bg-opacity,1))}.otp-input[data-v-5f02fee0]{font-size:18px}@media(min-width:640px){.otp-input[data-v-5f02fee0]{font-size:24px}}.otp-input--filled[data-v-5f02fee0]{--tw-border-opacity:1;border-color:rgb(var(--color-primary-300)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-primary-50)/var(--tw-bg-opacity,1))}.otp-input--filled[data-v-5f02fee0]:is(.dark *){--tw-border-opacity:1;background-color:rgb(var(--color-primary-900)/.2);border-color:rgb(var(--color-primary-600)/var(--tw-border-opacity,1))}.otp-input--error[data-v-5f02fee0]{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.otp-input--error[data-v-5f02fee0]:is(.dark *){--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.otp-input--error[data-v-5f02fee0]{animation:shake-5f02fee0 .4s ease-in-out}.otp-input[data-v-5f02fee0]:focus{--tw-border-opacity:1;border-color:rgb(var(--color-primary-500)/var(--tw-border-opacity,1))}.otp-input[data-v-5f02fee0]:focus:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--color-primary-400)/var(--tw-border-opacity,1))}.otp-input[data-v-5f02fee0]:focus{--tw-ring-color:rgb(var(--color-primary-500)/.2)}.otp-input[data-v-5f02fee0]:focus:is(.dark *){--tw-ring-color:rgb(var(--color-primary-400)/.2)}.otp-input[data-v-5f02fee0]:focus{transform:scale(1.02)}.otp-input[data-v-5f02fee0]::-webkit-inner-spin-button,.otp-input[data-v-5f02fee0]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.otp-input[type=number][data-v-5f02fee0]{-moz-appearance:textfield}@keyframes shake-5f02fee0{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}