.timeline-steps__heading{margin:0;text-align:center}.timeline-steps__wrap{--ts-accent: #000;--ts-icon-color: #fff;--ts-line: #121212;--ts-step-heading: #121212;--ts-badge-bg: #fff;--ts-badge-border: #121212;--ts-badge-text: #121212;--ts-inactive: .5;--ts-dot: 28px;position:relative;display:flex;flex-direction:column;width:100%;margin-top:20px}.timeline-steps__wrap *,.timeline-steps__wrap *:before,.timeline-steps__wrap *:after{box-sizing:border-box}.timeline-steps__bar{position:absolute;top:0;left:50%;width:2px;height:100%;transform:translate(-50%)}.timeline-steps__bar-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;background:var(--ts-line);opacity:.1}.timeline-steps__bar-progress{position:absolute;top:0;left:0;display:block;width:100%;height:0;background:var(--ts-accent);transition:height .15s linear}.timeline-steps__items{display:flex;flex-direction:column;gap:10px;width:100%;margin:0;padding:0;list-style:none;text-align:center}.timeline-steps__item{position:relative;padding:0}.timeline-steps__dot-overlay{position:absolute;top:26px;left:50%;display:block;width:var(--ts-dot);height:var(--ts-dot);overflow:hidden;border-radius:100px;background:rgb(var(--color-background));transform:translate(-50%,-50%)}.timeline-steps__icon{position:absolute;top:26px;left:50%;z-index:1;display:block!important;width:var(--ts-dot);height:var(--ts-dot);padding:5px;overflow:hidden;border-radius:100px;background:var(--ts-accent);color:var(--ts-icon-color);transform:translate(-50%,-50%);transition:opacity .25s ease}.timeline-steps__icon .svg-wrapper{display:block;width:100%;height:100%}.timeline-steps__icon img,.timeline-steps__icon svg{display:block;width:100%;height:100%;object-fit:cover}.timeline-steps__icon svg{fill:currentColor}.timeline-steps__icon--recolor svg path,.timeline-steps__icon--recolor svg circle,.timeline-steps__icon--recolor svg rect,.timeline-steps__icon--recolor svg polygon,.timeline-steps__icon--recolor svg ellipse{fill:currentColor}.timeline-steps__icon--recolor svg [fill=none],.timeline-steps__icon--recolor svg [fill=none] *{fill:none;stroke:currentColor}.timeline-steps__icon--recolor svg [stroke]:not([stroke=none]){stroke:currentColor}.timeline-steps__card{margin-top:30px;padding:20px 2.4rem;background:rgb(var(--color-background))}.timeline-steps__badge{display:inline-block;margin-bottom:12px;padding:4px 12px;border:1px solid var(--ts-badge-border);border-radius:100px;background:var(--ts-badge-bg);color:var(--ts-badge-text);font-size:13px;line-height:1;letter-spacing:normal;transition:opacity .25s ease}.timeline-steps__item-heading{margin:0;width:100%;font-size:20px;line-height:1.3;color:var(--ts-step-heading);text-transform:none;word-break:break-word;transition:opacity .25s ease}.timeline-steps__item-text{margin-top:12px;transition:opacity .25s ease}.timeline-steps__item-text p{margin:0;font-size:14px;line-height:1.5;letter-spacing:normal;color:rgb(var(--color-foreground));word-break:break-word}.timeline-steps__item-text p+p{margin-top:.8em}@media screen and (min-width:1024px){.timeline-steps__heading--left{text-align:left}.timeline-steps__wrap{--ts-dot: 32px;flex-direction:row;margin-top:40px}.timeline-steps__bar{position:relative;top:auto;left:0;height:auto;transform:none}.timeline-steps__items{gap:40px;text-align:start}.timeline-steps__item{padding:0 36px}.timeline-steps__dot-overlay,.timeline-steps__icon{top:0;left:0;transform:translate(calc(-50% - 1px))}.timeline-steps__card{margin-top:0;padding:0;background:transparent}.timeline-steps__badge{padding:6px 16px}.timeline-steps__item-heading{font-size:24px;text-align:left}.timeline-steps__item-text{display:block;text-align:left}.timeline-steps__wrap--js[data-scroll-activate=true] .timeline-steps__item:not(.is-active) .timeline-steps__icon,.timeline-steps__wrap--js[data-scroll-activate=true] .timeline-steps__item:not(.is-active) .timeline-steps__badge,.timeline-steps__wrap--js[data-scroll-activate=true] .timeline-steps__item:not(.is-active) .timeline-steps__item-heading,.timeline-steps__wrap--js[data-scroll-activate=true] .timeline-steps__item:not(.is-active) .timeline-steps__item-text{opacity:var(--ts-inactive)}}@media(prefers-reduced-motion:reduce){.timeline-steps__bar-progress,.timeline-steps__icon,.timeline-steps__badge,.timeline-steps__item-heading,.timeline-steps__item-text{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-timeline-steps.css.map */