.otp[data-v-9596f520]{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin:var(--space-5) 0}.otp__input[data-v-9596f520]{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius-md);color:var(--c-ink);font-family:var(--font-semi);font-size:22px;height:56px;text-align:center;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);width:48px}.otp__input[data-v-9596f520]:focus,.otp__input[data-v-9596f520]:focus-visible{border-color:var(--c-primary);box-shadow:0 0 0 4px rgba(var(--c-primary-rgb),.15);outline:none;transform:translateY(-1px)}.otp__input.is-invalid[data-v-9596f520]{border-color:var(--c-error);box-shadow:0 0 0 4px #dc26261a}@media(max-width:480px){.otp[data-v-9596f520]{gap:var(--space-2)}.otp__input[data-v-9596f520]{font-size:18px;height:48px;width:40px}}