.ds-step-mark{box-sizing:border-box;border-radius:var(--ds-radius-pill);font-family:var(--ds-font);font-weight:var(--ds-weight-semibold);font-variant-numeric:tabular-nums;line-height:var(--ds-line-tight);flex:none;place-items:center;display:inline-grid}.ds-step-mark[data-size=sm]{width:var(--ds-step-mark-sm);height:var(--ds-step-mark-sm);font-size:var(--ds-micro-size)}.ds-step-mark[data-size=md]{width:var(--ds-step-mark);height:var(--ds-step-mark);font-size:var(--ds-caption-size)}.ds-step-mark[data-size=lg]{width:var(--ds-step-mark-lg);height:var(--ds-step-mark-lg);font-size:var(--ds-section-size);font-weight:var(--ds-section-weight)}.ds-step-mark[data-tone=soft]{background:var(--ds-surface-summary);color:var(--ds-text-accent-on-summary)}.ds-step-mark[data-tone=elevated]{border:var(--ds-line-width-strong) solid var(--ds-action-global-add);background:var(--ds-surface-elevated);color:var(--ds-text-accent)}.ds-step-mark[data-state=todo]{border:var(--ds-line-width-medium) solid var(--ds-line-control);color:var(--ds-text-secondary)}.ds-step-mark[data-state=current]{background:var(--ds-action-primary);color:var(--ds-text-on-action);outline:var(--ds-space-1) solid var(--ds-line-summary)}.ds-step-mark[data-state=done]{background:var(--ds-action-primary-hover);color:var(--ds-text-on-action)}