.otp-panel-container[data-v-b1eec1e9]{margin-left:auto;margin-right:auto;max-width:24rem;width:100%}.otp-inputs[data-v-b1eec1e9]{align-items:center;display:flex;gap:.5rem;justify-content:center}@media(min-width:640px){.otp-inputs[data-v-b1eec1e9]{gap:.75rem}}.otp-panel-input[data-v-b1eec1e9]{border-radius:.5rem;border-width:2px;height:2.25rem;width:2.25rem;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));font-size:.875rem;font-weight:600;line-height:1.25rem;text-align:center;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.otp-panel-input[data-v-b1eec1e9]:focus{--tw-border-opacity:1;border-color:rgb(30 131 214/var(--tw-border-opacity,1));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(30 131 214/var(--tw-ring-opacity,1));--tw-ring-offset-width:1px}@media(min-width:640px){.otp-panel-input[data-v-b1eec1e9]{font-size:1.125rem;height:3rem;line-height:1.75rem;width:3rem}}.otp-panel-input[data-v-b1eec1e9]:where([class~=dark],[class~=dark] *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.otp-panel-input[data-v-b1eec1e9]:focus:where([class~=dark],[class~=dark] *){--tw-border-opacity:1;border-color:rgb(70 160 234/var(--tw-border-opacity,1));--tw-ring-opacity:1;--tw-ring-color:rgb(70 160 234/var(--tw-ring-opacity,1))}.otp-panel-input[data-v-b1eec1e9]:hover:not(:disabled){--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.otp-panel-input[data-v-b1eec1e9]:hover:not(:disabled):where([class~=dark],[class~=dark] *){--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity,1))}.otp-input-filled[data-v-b1eec1e9]{--tw-border-opacity:1;border-color:rgb(30 131 214/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(241 247 254/var(--tw-bg-opacity,1))}.otp-input-filled[data-v-b1eec1e9]:where([class~=dark],[class~=dark] *){--tw-border-opacity:1;background-color:#133c6733;border-color:rgb(70 160 234/var(--tw-border-opacity,1))}.otp-input-active[data-v-b1eec1e9]{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--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(30 131 214/var(--tw-ring-opacity,1));--tw-ring-offset-width:1px}.otp-input-active[data-v-b1eec1e9]:where([class~=dark],[class~=dark] *){--tw-ring-opacity:1;--tw-ring-color:rgb(70 160 234/var(--tw-ring-opacity,1))}.otp-input-error[data-v-b1eec1e9]{--tw-border-opacity:1;border-color:rgb(240 82 82/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(253 242 242/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(119 29 29/var(--tw-text-opacity,1))}.otp-input-error[data-v-b1eec1e9]:where([class~=dark],[class~=dark] *){--tw-border-opacity:1;background-color:#771d1d33;border-color:rgb(249 128 128/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(253 232 232/var(--tw-text-opacity,1))}.otp-input-success[data-v-b1eec1e9]{--tw-border-opacity:1;border-color:rgb(14 159 110/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(243 250 247/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(1 71 55/var(--tw-text-opacity,1))}.otp-input-success[data-v-b1eec1e9]:where([class~=dark],[class~=dark] *){--tw-border-opacity:1;background-color:#01473733;border-color:rgb(49 196 141/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(222 247 236/var(--tw-text-opacity,1))}.otp-input-disabled[data-v-b1eec1e9]{cursor:not-allowed;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));opacity:.5}.otp-input-disabled[data-v-b1eec1e9]:where([class~=dark],[class~=dark] *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.otp-error-message[data-v-b1eec1e9]{font-size:.875rem;line-height:1.25rem;margin-top:.5rem;text-align:center;--tw-text-opacity:1;color:rgb(224 36 36/var(--tw-text-opacity,1))}.otp-error-message[data-v-b1eec1e9]:where([class~=dark],[class~=dark] *){--tw-text-opacity:1;color:rgb(249 128 128/var(--tw-text-opacity,1))}.otp-success-message[data-v-b1eec1e9]{font-size:.875rem;line-height:1.25rem;margin-top:.5rem;text-align:center;--tw-text-opacity:1;color:rgb(5 122 85/var(--tw-text-opacity,1))}.otp-success-message[data-v-b1eec1e9]:where([class~=dark],[class~=dark] *){--tw-text-opacity:1;color:rgb(49 196 141/var(--tw-text-opacity,1))}@keyframes pulse-b1eec1e9{50%{opacity:.5}}.otp-error .otp-inputs[data-v-b1eec1e9]{animation:pulse-b1eec1e9 2s cubic-bezier(.4,0,.6,1) infinite}.otp-success .otp-inputs[data-v-b1eec1e9]{animation:none}@media(max-width:640px){.otp-panel-input[data-v-b1eec1e9]{font-size:.875rem;height:2rem;line-height:1.25rem;width:2rem}.otp-inputs[data-v-b1eec1e9]{gap:.375rem}}@media(prefers-contrast:high){.otp-panel-input[data-v-b1eec1e9]{border-width:4px;--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1))}.otp-panel-input[data-v-b1eec1e9]:where([class~=dark],[class~=dark] *){--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.otp-input-filled[data-v-b1eec1e9]{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.otp-input-filled[data-v-b1eec1e9]:where([class~=dark],[class~=dark] *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}}@media(prefers-reduced-motion:reduce){.otp-panel-input[data-v-b1eec1e9]{transition-property:none}.otp-input-active[data-v-b1eec1e9]{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.otp-error .otp-inputs[data-v-b1eec1e9]{animation:none}}.otp-inputs[data-v-b1eec1e9],.otp-panel-container[data-v-b1eec1e9],.otp-panel-input[data-v-b1eec1e9]{direction:ltr!important}.otp-panel-input[data-v-b1eec1e9]{text-align:center!important}.otp-panel-input[data-v-b1eec1e9]::-webkit-inner-spin-button,.otp-panel-input[data-v-b1eec1e9]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.otp-panel-input[type=number][data-v-b1eec1e9]{-moz-appearance:textfield}.sr-only[data-v-b1eec1e9]{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}
