.ss-tick-progress{--size: 120px;--thickness: 10;--r: 45;--c: calc(2 * 3.1415926 * var(--r));--progress: 0;width:var(--size);aspect-ratio:1;display:grid;place-items:center}.ss-tick-progress svg{width:100%;height:100%;transform:rotate(-90deg)}.ss-tick-progress__track,.ss-tick-progress__bar{fill:none;stroke-linecap:round;stroke-width:var(--thickness)}.ss-tick-progress__track{stroke:#bedcc0}.ss-tick-progress__bar{stroke:#459b4a;stroke-dasharray:var(--c);stroke-dashoffset:calc(var(--c) * (1 - var(--progress)));transition:stroke-dashoffset .3s ease}.ss-tick-progress__check path{stroke:#459b4a;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;transition:stroke-dashoffset .45s ease-out}.ss-tick-progress__check{transform:rotate(90deg) scale(.8);transform-origin:50% 50%;opacity:0;transition:opacity .15s ease,transform .25s cubic-bezier(.2,1.2,.2,1)}.ss-tick-progress--done .ss-tick-progress__check{opacity:1;transform:rotate(90deg) scale(1)}.ss-tick-progress--done .ss-tick-progress__check path{stroke-dashoffset:0}
/*# sourceMappingURL=/cdn/shop/t/76/assets/component-ss-tick-progress.css.map */