@apply relative flex items-center gap-2;@apply cursor-not-allowed opacity-50;@apply flex items-center gap-2;@apply relative flex h-10 w-9.5 flex-1 items-center justify-center;@apply border bg-field text-field-foreground shadow-field;@apply rounded-field text-sm font-semibold outline-none;.input-otp__slot{border-width:var(--border-width-field);border-color:var(--color-field-border);transition:background-color .15s var(--ease-smooth),border-color .15s var(--ease-smooth),box-shadow .15s var(--ease-out)}@apply motion-reduce:transition-none;@media (hover:hover){@apply bg-field-hover;.input-otp__slot:hover,.input-otp__slot[data-hovered=true]{border-color:var(--color-field-border-hover)}}@apply z-10 bg-field-focus status-focused-field;@apply bg-field-focus;@apply status-disabled;@apply status-invalid-field;.input-otp__slot[data-invalid=true]{background-color:var(--color-field-focus)}@apply text-lg leading-6 tracking-[-.27px];.input-otp__slot-value{animation:slot-value-in .25s var(--ease-smooth)both;transform-origin:bottom}@apply motion-reduce:animate-none;@apply absolute h-4 w-[2px]animate-caret-blink rounded-[4px]bg-field-placeholder;@apply h-[2px]w-[6px]shrink-0 rounded-[4px]bg-separator;@apply bg-on-surface shadow-none;@media (hover:hover){@apply bg-on-surface-hover;}.input-otp--on-surface .input-otp__slot[data-active=true],.input-otp--on-surface .input-otp__slot[data-filled=true]{background-color:var(--color-on-surface-focus)}@keyframes slot-value-in{0%{opacity:0;transform:translateY(8px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}