.steps-timeline{display:block;--st-media-width: 50%;--st-primary-cap: 58rem;--st-hang: 3.2rem;--st-media-radius: 1.2rem;--st-secondary-size: 42%;--st-badge-size: 12rem;--st-badge-speed: 14s;--st-accent: rgb(var(--color-foreground))}.steps-timeline__header{margin:0 0 4rem}.steps-timeline__header--center{text-align:center;margin-left:auto;margin-right:auto;max-width:74rem}.steps-timeline__subheading{margin:0 0 .8rem;opacity:.85}.steps-timeline__heading{margin:0;line-height:1.15;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight)}.steps-timeline__header .steps-timeline__cta{margin-top:2.4rem}.steps-timeline__cta{display:flex;gap:1.2rem;flex-wrap:wrap}.steps-timeline__header--center .steps-timeline__cta{justify-content:center}.steps-timeline__cta--bottom{margin-top:4.4rem;justify-content:center}.steps-timeline__layout{display:grid;grid-template-columns:1fr;gap:3.2rem;align-items:center}@media screen and (min-width:990px){.steps-timeline__layout{grid-template-columns:minmax(0,1fr) var(--st-media-width);gap:6rem}.steps-timeline__layout--media-left{grid-template-columns:var(--st-media-width) minmax(0,1fr)}.steps-timeline__layout--media-left .steps-timeline__content{order:2}.steps-timeline__layout--media-left .steps-timeline__media{order:1}}.steps-timeline__content{position:relative}.steps-timeline__progress{position:absolute;left:.6rem;top:1.25rem;height:0;width:.2rem;z-index:1;pointer-events:none}.steps-timeline__progress-track,.steps-timeline__progress-fill{position:absolute;left:0;top:0;width:0;border-left:.2rem dotted rgba(var(--color-foreground),.4)}.steps-timeline__progress-track{height:100%}.steps-timeline__progress-fill{height:0;border-left-color:var(--st-accent, rgb(var(--color-foreground)));transition:height .2s ease-out}.steps-timeline__line--solid .steps-timeline__progress-track,.steps-timeline__line--solid .steps-timeline__progress-fill{border-left-style:solid}.steps-timeline__wrap.is-ready[data-animate=true] .steps-timeline__marker:before{display:none}.steps-timeline__step{position:relative;display:flex;gap:1.8rem;padding-bottom:4.4rem}.steps-timeline__step:last-child{padding-bottom:0}.steps-timeline__marker{position:relative;flex:0 0 1.4rem}.steps-timeline__dot{position:absolute;top:.55rem;left:0;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--st-accent, rgb(var(--color-foreground)));z-index:2;transition:background-color .25s ease}.steps-timeline__wrap.is-ready[data-animate=true] .steps-timeline__dot{background:rgba(var(--color-foreground),.25)}.steps-timeline__wrap.is-ready[data-animate=true] .steps-timeline__step.is-active .steps-timeline__dot{background:var(--st-accent, rgb(var(--color-foreground)))}.steps-timeline__marker:before{content:"";position:absolute;left:.6rem;top:2.2rem;bottom:-4.4rem;border-left:.2rem dotted rgba(var(--color-foreground),.4)}.steps-timeline__line--solid .steps-timeline__marker:before{border-left-style:solid;border-left-color:rgba(var(--color-foreground),.2)}.steps-timeline__step:last-child .steps-timeline__marker:before{display:none}.steps-timeline__label{display:inline-block;padding:.4rem 1.2rem;border-radius:100px;background:var(--st-label-bg, rgba(var(--color-foreground), .08));color:var(--st-label-text, rgb(var(--color-foreground)));font-size:1.2rem;font-weight:500;letter-spacing:.04em;margin-bottom:1.4rem}.steps-timeline__step-heading{margin:0 0 .8rem;line-height:1.2;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight)}.steps-timeline__step-text{margin:0;opacity:.8;max-width:44rem}.steps-timeline__step-text>*:first-child{margin-top:0}.steps-timeline__step-text>*:last-child{margin-bottom:0}.steps-timeline__media{position:relative;padding-right:var(--st-hang)}.steps-timeline__layout--media-left .steps-timeline__media{padding-right:0;padding-left:var(--st-hang)}.steps-timeline__frame{position:relative;width:100%;max-width:var(--st-primary-cap, 58rem);margin-left:auto}.steps-timeline__layout--media-left .steps-timeline__frame{margin-left:0;margin-right:auto}.steps-timeline__primary{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--st-media-radius);overflow:hidden}.steps-timeline__primary img,.steps-timeline__primary svg{display:block;width:100%;height:100%;object-fit:cover}.steps-timeline__primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--st-overlay, 0))}.steps-timeline__secondary{position:absolute;width:var(--st-secondary-size);aspect-ratio:1 / 1;border-radius:var(--st-media-radius);overflow:hidden;box-shadow:0 1.2rem 3.6rem #00000024}.steps-timeline__secondary img,.steps-timeline__secondary svg{display:block;width:100%;height:100%;object-fit:cover}.steps-timeline__secondary svg{background:rgb(var(--color-background))}.steps-timeline__secondary--bottom-right{right:0;bottom:0;transform:translate(var(--st-hang),32%)}.steps-timeline__secondary--bottom-left{left:0;bottom:0;transform:translate(calc(-1 * var(--st-hang)),32%)}.steps-timeline__secondary--top-right{right:0;top:0;transform:translate(var(--st-hang),-32%)}.steps-timeline__secondary--top-left{left:0;top:0;transform:translate(calc(-1 * var(--st-hang)),-32%)}.steps-timeline__badge{position:absolute;z-index:2;width:var(--st-badge-size);height:var(--st-badge-size);border-radius:50%;background:var(--st-badge-bg, rgb(var(--color-foreground)));color:var(--st-badge-color, rgb(var(--color-background)));display:grid;place-items:center}.steps-timeline__badge--top-right{top:-3.4rem;right:-3.4rem}.steps-timeline__badge--top-left{top:-3.4rem;left:-3.4rem}.steps-timeline__badge--bottom-right{bottom:-3.4rem;right:-3.4rem}.steps-timeline__badge--bottom-left{bottom:-3.4rem;left:-3.4rem}.steps-timeline__badge-ring{position:absolute;top:0;right:0;bottom:0;left:0;animation:steps-timeline-spin var(--st-badge-speed) linear infinite}.steps-timeline__badge--reverse .steps-timeline__badge-ring{animation-direction:reverse}.steps-timeline__badge-ring svg{display:block;width:100%;height:100%}.steps-timeline__badge-ring text{fill:var(--st-badge-color, rgb(var(--color-background)));font-family:var(--font-heading-family);font-size:var(--st-badge-font, 8.5px);letter-spacing:var(--st-badge-ls, 1.2px);word-spacing:var(--st-badge-ws, 2px);text-transform:uppercase}.steps-timeline__badge-center{position:relative;z-index:1;display:grid;place-items:center;width:var(--st-badge-center, 42%);height:var(--st-badge-center, 42%);color:var(--st-badge-color, rgb(var(--color-background)))}.steps-timeline__badge-center svg{width:100%;height:100%}.steps-timeline__badge-center img{width:100%;height:100%;object-fit:contain}@keyframes steps-timeline-spin{to{transform:rotate(360deg)}}@media screen and (max-width:989px){.steps-timeline__media{order:1;margin-bottom:4.8rem}.steps-timeline__content{order:2}.steps-timeline__media--badge-left{padding-left:var(--st-hang)}.steps-timeline__media--badge-right{padding-right:var(--st-hang)}.steps-timeline__frame{max-width:34rem;margin-left:auto;margin-right:auto}.steps-timeline__badge{width:var(--st-badge-size-mobile);height:var(--st-badge-size-mobile)}.steps-timeline__badge--top-right{top:-2.4rem;right:-2.4rem}.steps-timeline__badge--top-left{top:-2.4rem;left:-2.4rem}.steps-timeline__badge--bottom-right{bottom:-2.4rem;right:-2.4rem}.steps-timeline__badge--bottom-left{bottom:-2.4rem;left:-2.4rem}}@media(prefers-reduced-motion:reduce){.steps-timeline__badge-ring{animation:none}.steps-timeline__progress-fill{transition:none;height:100%}.steps-timeline__wrap.is-ready[data-animate=true] .steps-timeline__dot{background:var(--st-accent, rgb(var(--color-foreground)))}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-steps-timeline.css.map */