.step-by-step__container{--step-number--color:#ffffff;--step-number--bgcolor:var(--color-brand);--step-number--border-radius:50%;--step-connector--color:#bcbcbc;--step-item--bgcolor:#ffffff;--step-item--border-radius:var(--base-border-radius)}.step-by-step__inner{display:flex;align-items:center;justify-content:space-between;grid-gap:1em;overflow-x:auto}.step-by-step__number{display:inline-flex;width:2em;height:2em;background-color:var(--step-number--bgcolor);color:var(--step-number--color);align-items:center;justify-content:center;border-radius:var(--step-number--border-radius)}.step-by-step__icon{font-size:3em;text-align:center}.step-by-step__item-wrapper{margin:0 auto;padding:.5em;background-color:var(--step-item--bgcolor);border-radius:var(--step-item--border-radius)}.step-by-step__connector{font-size:2em;color:var(--step-connector--color)}.step-by-step__text{text-align:center}