.steps{display:grid;gap:var(--space-4);padding:0;list-style:none}.steps__item{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:var(--space-3);align-items:start}.steps__item>span:last-child{padding-top:.45rem}.step-number{position:relative;display:grid;place-items:center;width:2.5rem;height:2.5rem;font-weight:700;font-variant-numeric:tabular-nums}.step-number svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.step-number circle{fill:none;stroke:var(--color-text);stroke-width:2px;stroke-dasharray:100;stroke-dashoffset:0}@keyframes step-draw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.reveal .step-number circle{animation:step-draw linear both;animation-timeline:view();animation-range:entry 10% entry 70%}}.reveal--pending .step-number circle{stroke-dashoffset:100}.reveal--visible .step-number circle{stroke-dashoffset:0;transition:stroke-dashoffset .45s var(--ease) .12s}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-steps.css.map */