.otp[data-v-74277c7e]{border:0;display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:0}.otp__legend[data-v-74277c7e]{clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.otp__boxes[data-v-74277c7e]{display:grid;gap:var(--space-2);grid-template-columns:repeat(6,minmax(0,3.25rem));justify-content:center}.otp__box[data-v-74277c7e]{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:1.25rem;font-weight:700;height:3.5rem;padding:0;text-align:center;width:100%}.otp__box[data-v-74277c7e]:hover:not(:disabled){border-color:var(--color-border-strong)}.otp__box[data-v-74277c7e]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1a56db1f;outline:none}.otp:disabled .otp__box[data-v-74277c7e]{color:var(--color-text-muted);cursor:not-allowed;opacity:.7}.otp--invalid .otp__box[data-v-74277c7e]{border-color:var(--color-danger)}.otp__error[data-v-74277c7e]{color:var(--color-danger);font-size:var(--text-small);margin:0;text-align:center}@media(max-width:26rem){.otp__boxes[data-v-74277c7e]{gap:var(--space-1);grid-template-columns:repeat(6,minmax(0,1fr))}.otp__box[data-v-74277c7e]{font-size:var(--text-body-lg);height:3rem}}