@layer components{[data-ds=mystery] .ds-steps{align-items:center;gap:var(--ds-spacing-2xs);color:inherit;display:flex}[data-ds=mystery] .ds-steps-step{align-items:center;gap:var(--ds-spacing-2xs);color:var(--ds-color-semantic-muted);font-family:var(--ds-typography-families-body);font-size:var(--ds-typography-scale-sm-font-size);line-height:var(--ds-typography-scale-sm-line-height);display:inline-flex}[data-ds=mystery] .ds-steps-step[data-state=done]{color:var(--ds-color-semantic-foreground)}[data-ds=mystery] .ds-steps-step[data-state=active]{color:var(--ds-color-semantic-primary)}[data-ds=mystery] .ds-steps-step[data-state=upcoming]{color:var(--ds-color-semantic-faint)}[data-ds=mystery] .ds-steps-marker{border-radius:var(--ds-radius-full);border:1px solid var(--ds-color-semantic-border);background-color:var(--ds-color-semantic-surface);color:currentColor;width:1.5rem;height:1.5rem;font-family:var(--ds-typography-families-mono);font-size:var(--ds-typography-scale-xs-font-size);letter-spacing:0;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}[data-ds=mystery] .ds-steps-marker[data-state=done]{border-color:var(--ds-color-semantic-foreground);background-color:var(--ds-color-semantic-foreground);color:var(--ds-color-semantic-canvas)}[data-ds=mystery] .ds-steps-marker[data-state=active]{border-color:var(--ds-color-semantic-primary);color:var(--ds-color-semantic-primary)}[data-ds=mystery] .ds-steps-label{white-space:nowrap;color:inherit}[data-ds=mystery] .ds-steps-connector{min-width:var(--ds-spacing-md);background-color:var(--ds-color-semantic-border);height:1px;color:inherit;flex:1}}