.canary--Steps{--steps-item-width:var(--steps-item-width-prop,auto);align-items:center;display:flex;gap:var(--space-xs);max-width:100%;width:-moz-max-content;width:max-content}.canary--Steps_size_s{--steps-list-gap:var(--space-xs);--steps-item-badge-margin-top:calc(var(--space-3xs)/2)}.canary--Steps_size_m{--steps-list-gap:var(--space-s);--steps-item-badge-margin-top:var(--space-3xs)}.canary--Steps_size_l{--steps-list-gap:var(--space-m);--steps-item-badge-margin-top:var(--space-3xs)}.canary--Steps-List{display:grid;flex:1;gap:var(--space-xs) var(--steps-list-gap);grid-auto-flow:column;grid-template:auto auto/repeat(var(--steps-items-length),var(--steps-item-width));overflow-x:scroll;overflow-y:visible}.canary--Steps-Item{max-width:var(--steps-item-max-width-prop)}.canary--Steps-ScrollButton{flex:none}.canary--Steps-ScrollButton_position_right .Button-Icon{transform:rotate(180deg)}