@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-03ce4d80],[data-v-03ce4d80]::backdrop,[data-v-03ce4d80]:after,[data-v-03ce4d80]:before{--tw-border-style:solid;--tw-font-weight:initial;--tw-duration:initial;--tw-ease:initial}}}.otp-container[data-v-03ce4d80]{justify-content:center;gap:calc(var(--spacing,.25rem)*2);display:flex}@media(min-width:640px){.otp-container[data-v-03ce4d80]{gap:calc(var(--spacing,.25rem)*3)}}.otp-digit[data-v-03ce4d80]{height:calc(var(--spacing,.25rem)*14);width:calc(var(--spacing,.25rem)*11);border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);text-align:center;font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,1.4));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.3s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));--tw-outline-style:none;border-width:2px;outline-style:none}@media(min-width:640px){.otp-digit[data-v-03ce4d80]{height:calc(var(--spacing,.25rem)*16);width:calc(var(--spacing,.25rem)*12);font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,1.33333))}}.otp-digit[data-v-03ce4d80]{background:var(--input-bg);border-color:var(--input-border);color:var(--heading-text);caret-color:var(--secondary-color)}.otp-digit[data-v-03ce4d80]:focus{box-shadow:0 0 0 3px #00bcd426}.otp-digit--filled[data-v-03ce4d80],.otp-digit[data-v-03ce4d80]:focus{border-color:var(--secondary-color)}.otp-digit--error[data-v-03ce4d80]{animation:shake-03ce4d80 .3s ease-in-out;border-color:#ef4444!important}.otp-digit[data-v-03ce4d80]:disabled{cursor:not-allowed;opacity:.5}@keyframes shake-03ce4d80{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}