.ds-otp{position:relative;display:flex;gap:var(--space-2);direction:ltr;inline-size:100%;max-inline-size:100%}.ds-otp__input{position:absolute;inset:0;z-index:1;inline-size:100%;block-size:100%;margin:0;padding:0;border:0;outline:none;background:transparent;color:transparent;caret-color:transparent;font-size:16px;cursor:text}.ds-otp__input::selection{background:transparent}.ds-otp__input:disabled{cursor:not-allowed}.ds-otp__cell{flex:1 1;min-inline-size:0;max-inline-size:58px;block-size:60px;display:grid;place-items:center;border:1px solid var(--input-border,var(--border));border-radius:var(--radius-input);background:var(--surface);color:var(--text);font:700 26px/1 var(--font-ui);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ds-otp:focus-within .ds-otp__cell--active{outline:2px solid var(--link);outline-offset:2px}.ds-otp--invalid .ds-otp__cell{border:2px solid var(--danger)}.ds-otp--disabled .ds-otp__cell{background:var(--surface-raised);color:var(--text-muted);border-color:var(--border-subtle)}@media (forced-colors:active){.ds-otp:focus-within .ds-otp__cell--active{outline-color:Highlight}}