.ds-pininput{gap:var(--gap-sm);flex-direction:column;display:flex}.ds-pininput__cells{gap:var(--gap-sm);display:flex}.ds-pininput__cell{text-align:center;border:var(--border-xs) solid var(--color-input-border-primary);border-radius:var(--radius-md);background-color:var(--color-input-bg-primary);width:44px;height:52px;font-family:var(--font-paragraph-em-family);font-size:var(--font-paragraph-em-size);font-weight:var(--font-paragraph-em-weight);line-height:var(--font-paragraph-em-line-height);letter-spacing:var(--font-paragraph-em-letter-spacing);color:var(--color-input-text-primary);transition:border-color var(--motion-duration-base) var(--motion-ease-standard), background-color var(--motion-duration-base) var(--motion-ease-standard);outline:none;padding:0}.ds-pininput__cell:hover:not(:focus):not(:disabled){border-color:var(--color-input-border-hover)}.ds-pininput__cell:focus{border-color:var(--color-input-border-selected)}.ds-pininput__cell:focus-visible{outline:2px solid var(--color-action-primary-bg);outline-offset:2px}.ds-pininput--error .ds-pininput__cell,.ds-pininput--error .ds-pininput__cell:focus{border-color:var(--color-status-error-border)}.ds-pininput--disabled .ds-pininput__cells{opacity:.4}.ds-pininput--disabled .ds-pininput__cell{background-color:var(--color-input-bg-disabled);border-color:var(--color-input-border-disabled);color:var(--color-input-text-disabled);cursor:not-allowed}