.step-progress__ring{position:relative;aspect-ratio:1 / 1;max-width:15rem}.step-progress__ring svg{display:block;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.step-progress__track,.step-progress__arc{fill:none;stroke-width:1.75}.step-progress__track{stroke:var(--step-progress-track, #fff)}.step-progress__arc{stroke:var(--step-progress-arc, rgb(var(--color-foreground)));stroke-dasharray:100 100;stroke-dashoffset:calc(100 - var(--to))}.step-progress__ring[data-to="0"] .step-progress__arc{visibility:hidden}step-progress.is-ready .step-progress__arc{stroke-dashoffset:calc(100 - var(--from))}step-progress.is-ready .step-progress__ring.is-animating .step-progress__arc{animation:step-progress-fill var(--duration, .6s) cubic-bezier(.45,0,.55,1) forwards}step-progress.is-ready .step-progress__ring.is-done .step-progress__arc{animation:none;stroke-dashoffset:calc(100 - var(--to))}@keyframes step-progress-fill{0%{stroke-dashoffset:calc(100 - var(--from))}to{stroke-dashoffset:calc(100 - var(--to))}}.step-progress__number{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin:0;font-family:var(--font-heading-family);font-weight:600;-webkit-text-stroke:.03em currentColor;color:var(--step-progress-arc, rgb(var(--color-foreground)));line-height:1}.step-progress__cta{margin-top:.8rem;padding:0 1.5rem}@media screen and (min-width:750px){.step-progress__cta{margin-top:0;padding:0}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-step-progress.css.map */