.h-input-otp[data-v-49079ecc]{--h-input-otp-cell-background:var(--h0n-ui-color-secondary);font-family:var(--h0n-ui-font-family);gap:10px;min-width:0;display:grid}.h-input-otp__cell-shell[data-v-49079ecc]{background:var(--h-input-otp-cell-background);border-radius:var(--h0n-ui-radius-xl);color:var(--h0n-ui-color-text);font-size:var(--h0n-ui-typography-h4-size);font-weight:var(--h0n-ui-font-weight-medium);transition:background-color var(--h0n-ui-duration-fast) ease, box-shadow var(--h0n-ui-duration-fast) ease;border:1px solid #0000;width:42px;position:relative;overflow:hidden}.h-input-otp__cell-shell[data-v-49079ecc]:focus-within{box-shadow:0 0 0 2px var(--h0n-ui-color-primary)}.h-input-otp__cell[data-v-49079ecc]{caret-color:#0000;color:#0000;font:inherit;font-size:inherit;font-weight:inherit;text-align:center;z-index:1;background:0 0;border:0;outline:none;width:100%;height:100%;padding:0 0 2px;line-height:1;position:absolute;inset:0}.h-input-otp__cell[data-v-49079ecc]:disabled{cursor:not-allowed}.h-input-otp__cell-shell[data-v-49079ecc]:not(.h-input-otp__cell-shell--filled):focus-within:after{background:var(--h0n-ui-color-text);border-radius:var(--h0n-ui-radius-round);content:"";pointer-events:none;width:2px;height:16px;animation:1s step-end infinite h-input-otp-caret-49079ecc;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.h-input-otp__character[data-v-49079ecc]{pointer-events:none;justify-content:center;align-items:center;padding-top:2px;line-height:1;display:flex;position:absolute;inset:0}.h-input-otp--surface[data-v-49079ecc]{--h-input-otp-cell-background:var(--h0n-ui-color-surface)}.h-input-otp--sm .h-input-otp__cell-shell[data-v-49079ecc]{width:36px;min-height:40px;padding-inline:0}.h-input-otp--md .h-input-otp__cell-shell[data-v-49079ecc]{width:42px;min-height:46px;padding-inline:0}.h-input-otp--lg .h-input-otp__cell-shell[data-v-49079ecc]{width:48px;min-height:52px;padding-inline:0}.h-input-otp--error .h-input-otp__cell-shell[data-v-49079ecc]{box-shadow:0 0 0 2px color-mix(in srgb, var(--h0n-ui-color-danger) 64%, transparent)}.h-input-otp--disabled[data-v-49079ecc]{opacity:.55}.h-input-otp-character-enter-active[data-v-49079ecc],.h-input-otp-character-leave-active[data-v-49079ecc]{transition:opacity var(--h0n-ui-duration-normal) ease, transform var(--h0n-ui-duration-normal) cubic-bezier(.2, .8, .2, 1)}.h-input-otp-character-enter-from[data-v-49079ecc],.h-input-otp-character-leave-to[data-v-49079ecc]{opacity:0;transform:translateY(8px)}@keyframes h-input-otp-caret-49079ecc{0%,45%{opacity:1}50%,95%{opacity:0}}@media (prefers-reduced-motion:reduce){.h-input-otp__cell-shell[data-v-49079ecc]:not(.h-input-otp__cell-shell--filled):focus-within:after{animation:none}}.h-input-otp__cells,.h-input-otp__group{align-items:center;min-width:0;display:flex}.h-input-otp__cells{flex-wrap:wrap;gap:12px}.h-input-otp__group{gap:8px}.h-input-otp__separator{background:var(--h0n-ui-color-muted);border-radius:var(--h0n-ui-radius-round);opacity:.72;flex:0 0 8px;width:8px;height:2px;display:block}