.ui-pin-input{display:flex;gap:var(--space-2)}.ui-pin-input__cell{flex:1 1 0;min-width:2.75rem;height:3.25rem;padding:0;font-family:var(--font-sans);font-size:var(--text-xl);font-weight:var(--weight-medium);text-align:center;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.ui-pin-input__cell:hover{border-color:var(--color-primary)}.ui-pin-input__cell:focus,.ui-pin-input__cell:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.ui-pin-input__cell:disabled{opacity:.55;cursor:not-allowed}.ui-pin-input--invalid .ui-pin-input__cell{border-color:var(--color-danger)}.ui-pin-input--invalid .ui-pin-input__cell:focus,.ui-pin-input--invalid .ui-pin-input__cell:focus-visible{border-color:var(--color-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-danger) 30%,transparent)}@media(prefers-reduced-motion:reduce){.ui-pin-input__cell{transition:none}}