.progress-timeline{--progress-timeline-circle-size: 32px;--progress-timeline-item-gap: var(--space-token-md);--progress-timeline-marker-gap: var(--space-token-md);--progress-timeline-title-body-gap: var(--space-token-2xs);--progress-timeline-marker-content-gap: var(--space-token-xl);--progress-timeline-circle-bg: var(--color-gray-600);--progress-timeline-circle-color: var(--color-text-white-primary);display:flex;flex-direction:column;gap:var(--progress-timeline-item-gap);margin:0;padding:0;list-style:none}.progress-timeline__item{display:grid;grid-template-columns:var(--progress-timeline-circle-size) minmax(0,1fr);column-gap:var(--progress-timeline-marker-gap);align-items:start}.progress-timeline__marker{position:relative;display:flex;justify-content:center;align-self:stretch;width:var(--progress-timeline-circle-size)}.progress-timeline__circle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--progress-timeline-circle-size);height:var(--progress-timeline-circle-size);border-radius:50%;background:var(--progress-timeline-circle-bg);color:var(--progress-timeline-circle-color);text-align:center;overflow:hidden}.progress-timeline__item:not(:last-child) .progress-timeline__marker:after{content:"";position:absolute;top:var(--progress-timeline-circle-size);bottom:calc(-1 * var(--progress-timeline-item-gap));left:50%;width:1px;transform:translate(-50%);background:var(--progress-timeline-line-color, var(--stroke-20));pointer-events:none}.progress-timeline__body{min-width:0;text-align:start}.progress-timeline__title,.progress-timeline__description{margin:0}.progress-timeline__description--spaced{margin-block-start:var(--progress-timeline-title-body-gap)}@media screen and (min-width:1280px){.progress-timeline{--progress-timeline-circle-size: 42px;--progress-timeline-title-body-gap: var(--space-token-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:0}.progress-timeline__item{display:flex;flex-direction:column;align-items:center;min-width:0}.progress-timeline__marker{width:100%;align-self:auto;margin-block-end:var(--progress-timeline-marker-content-gap)}.progress-timeline__item:not(:last-child) .progress-timeline__marker:after{top:50%;bottom:auto;left:calc(50% + (var(--progress-timeline-circle-size) / 2));right:calc(-50% + (var(--progress-timeline-circle-size) / 2));width:auto;height:1px;transform:translateY(-50%)}.progress-timeline__body{width:100%;padding-inline:var(--space-token-xs);text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/progress-timeline.css.map */