.step-progress{padding-bottom:15px;scrollbar-width:thin;margin-bottom:2px;scroll-snap-type:y mandatory;scroll-behavior:smooth}.step-progress ::-webkit-scrollbar{height:12px;width:12px;background:var(--step-progress-scrollbar-background)}.step-progress ::-webkit-scrollbar-corner{background:var(--step-progress-scrollbar-corner)}.scroll-button{position:absolute;top:50%;right:0;transform:translateY(-50%);opacity:0;transition:opacity .3s ease}.step-progress:hover .scroll-button{opacity:.5}.steps>*{scroll-snap-align:start}.step-content{width:6em;min-width:6em;max-width:6em}.step-circle{width:2.5em;height:2.5em;color:var(--step-foreground)}.step-text{font-size:.7em;margin-top:0;word-break:break-word;text-align:center;color:var(--step-foreground)}.step-active .step-circle{background-color:var(--bright-blue)}.step-active .step-text{color:var(--step-active)}.step-success .step-circle{background-color:var(--step-success);color:var(--step-success-text)}.step-success .step-text{color:var(--step-success)}