.steps{display:flex;font-size:1.4rem;font-family:var(--font-heading-family);font-weight:600;list-style:none;counter-reset:steps;gap:3rem;padding:0;margin:0 auto}.steps li{counter-increment:steps;position:relative}.steps .icon-checkmark{width:1.6rem;height:1.6rem;background-color:rgb(var(--color-accent));color:rgb(var(--color-background));border-radius:100%;padding:.2rem;position:absolute;left:calc(50% + 1rem);top:2.5rem}.steps li:not(.finished) .icon-checkmark{display:none}.steps li:before{margin:0 auto;content:counter(steps);width:4rem;height:4rem;border-radius:100%;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));display:flex;align-items:center;justify-content:center;font-size:2rem}.steps .current:before{background-color:rgb(var(--color-accent))}.steps li:not(:last-child):after{content:"";position:absolute;width:10rem;height:.2rem;background-color:rgb(var(--color-foreground));top:2rem;left:calc(50% + 2rem)}.steps-element{border-bottom:solid .1rem rgb(var(--color-border));display:flex;justify-content:center;padding:2rem 0}.steps li.current~li:not(.finished) span{color:rgba(var(--color-foreground),.2)}.steps li.current~li:not(.finished):before{color:rgba(var(--color-foreground),.2);border:solid .2rem rgba(var(--color-foreground),.2);background-color:rgb(var(--color-background))}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-steps.css.map */