.timeline-step{width:100%;position:relative}.timeline-step-line:after{content:"";position:absolute;left:50%;display:block;top:0;width:8px;height:100%;background-color:var(--timeline-line-base, var(--colors-grey-200));transform:translate(-50%);z-index:-1}.timeline-step-line:before{content:"";position:absolute;left:50%;display:block;top:0;width:8px;height:var(--progress, 0%);background-color:var(--timeline-line-progress, var(--colors-primary-900));transform:translate(-50%);z-index:0;transition:height .1s linear}.timeline-step-badge{display:flex;align-items:center;justify-content:center;width:fit-content;margin:0 auto;padding:8px 16px;background-color:var(--timeline-badge-bg-default, var(--colors-grey-200));color:var(--timeline-badge-text-default, var(--colors-grey-700));border-radius:999px;font-size:14px;font-weight:600;text-align:center;transition:background-color .3s ease,color .3s ease;position:relative;z-index:1}.timeline-step-badge.active{background-color:var(--timeline-badge-bg-active, var(--colors-primary-900));color:var(--timeline-badge-text-active, var(--color-white))}@media (prefers-reduced-motion: reduce){.timeline-step-line:before{transition:none}}.timeline-step [data-original-color-scheme],.timeline-step [class^=color-],.timeline-step [class*=" color-"],.timeline-step [class^=color-schema-],.timeline-step [class*=" color-schema-"]{transition:background-color .3s ease,color .3s ease}.timeline{--timeline-line-base: var(--colors-grey-200);--timeline-line-progress: var(--colors-primary-900);--timeline-badge-bg-default: var(--colors-grey-200);--timeline-badge-text-default: var(--colors-grey-700);--timeline-badge-bg-active: var(--colors-primary-900);--timeline-badge-text-active: var(--color-white)}
/*# sourceMappingURL=/cdn/shop/t/21/assets/timeline.css.map */