.step-timeline--custom-width{max-width:var(--page-width-custom);margin-inline:auto}.step-timeline__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.step-timeline__row--image-right .step-timeline__media{order:1}.step-timeline__media{position:relative;align-self:start;width:100%;max-height:calc(100vh - var(--step-timeline-header, 0px) - var(--sticky-atc-bar-height, 0px) - 8rem);aspect-ratio:var(--step-timeline-ratio, 1);overflow:hidden}@media(min-width:1024px)and (max-width:1279.98px){.step-timeline__media{height:var(--step-timeline-fit-height, auto)}}.step-timeline__media>img,.step-timeline__media>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.step-timeline__content{display:flex;flex-direction:column;min-width:0;padding-block:6rem 0;padding-inline:8rem 0}@media(max-width:1279.98px){.step-timeline__content{padding-inline:5rem 0}}.step-timeline__row--image-right .step-timeline__content{padding-inline:0 8rem}@media(max-width:1279.98px){.step-timeline__row--image-right .step-timeline__content{padding-inline:0 5rem}}.step-timeline__heading{margin-block-end:4rem}.step-timeline__indicator,.step-timeline__arrows{display:none}.step-timeline__window{position:relative;min-height:0}.step-timeline__list{--step-indicator-dot-size: 4rem;position:relative;margin:0;padding:0;list-style:none;counter-reset:step-timeline}.step-timeline__step{display:grid;grid-template-columns:4.3rem minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:4rem;min-height:15rem;counter-increment:step-timeline}.step-timeline__dot{grid-area:1/1;justify-self:center}.step-timeline__dot:before{content:counter(step-timeline)}.step-timeline .step-indicator__dot.is-done{border-width:.1rem;border-color:rgb(var(--color-foreground))}.step-timeline__line{grid-area:2/1;justify-self:center;width:.2rem;background-image:repeating-linear-gradient(to bottom,rgba(var(--color-foreground),.2) 0 .5rem,transparent .5rem 1rem)}.step-timeline__step:not(:has(~.step-timeline__step)) .step-timeline__line{visibility:hidden}.step-timeline__text{grid-area:1/2/3/3;padding-block:.8rem 3.2rem}.step-timeline__title{margin:0;overflow-wrap:anywhere}.step-timeline__body{margin-block-start:1.2rem;color:rgba(var(--color-foreground),.7)}.step-timeline__empty{padding-block:1.2rem;color:rgba(var(--color-foreground),.5);font-style:italic}@media(min-width:1024px)and (prefers-reduced-motion:no-preference){.js body:not(.disable-animations) .step-timeline:not(.is-sized) .step-timeline__track{padding-block-end:calc((var(--step-timeline-count, 1) - 1) * 50vh)}}@media(min-width:1024px){.step-timeline.is-pinned .step-timeline__row{position:sticky;top:calc((100vh - var(--sticky-atc-bar-height, 0px) - var(--step-timeline-pin-height, 0px)) / 2)}}@media(min-width:1024px)and (prefers-reduced-motion:no-preference){.step-timeline.is-pinned:not(.is-instant) .step-timeline__row{transition:top var(--animation-default)}}@media(min-width:1024px){body.header-pinned .step-timeline.is-pinned .step-timeline__row{top:calc((100vh - var(--sticky-atc-bar-height, 0px) - var(--step-timeline-pin-height, 0px) + var(--header-height, 0px)) / 2)}.step-timeline.is-pinned .step-timeline__content{height:var(--step-timeline-pin-height)}.step-timeline.is-pinned .step-timeline__window{flex:1 1 auto;margin-block-start:-.6rem;margin-inline:-.6rem;padding:.6rem .6rem 0;overflow:clip}.step-timeline.is-pinned .step-timeline__window:after{content:"";position:absolute;top:50%;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(var(--color-background),0),rgb(var(--color-background)) 58%);pointer-events:none;transition:opacity .4s}.step-timeline.is-pinned.is-end .step-timeline__window:after{opacity:0}.step-timeline.is-pinned .step-timeline__window:before{content:"";position:absolute;inset:0 0 auto;z-index:1;height:8rem;background:linear-gradient(180deg,rgb(var(--color-background)),rgba(var(--color-background),0));opacity:0;pointer-events:none;transition:opacity .4s}.step-timeline.is-pinned.has-top-fade .step-timeline__window:before{opacity:1}.step-timeline.is-pinned .step-timeline__list{transform:translateY(var(--step-timeline-offset, 0));transition:transform .4s}.step-timeline.is-pinned.is-instant .step-timeline__list{transition:none}.step-timeline.is-pinned .step-timeline__title{cursor:pointer}.step-timeline:not(.is-pinned) .step-timeline__dot{border-width:.2rem;border-color:rgba(var(--color-foreground),.1);background-color:transparent;color:rgb(var(--color-foreground));cursor:default}}@media(max-width:1023.98px){.step-timeline__row{grid-template-columns:minmax(0,1fr);row-gap:3.2rem;touch-action:pan-y}.step-timeline__row--image-right .step-timeline__media{order:0}.step-timeline__media{max-height:none;aspect-ratio:var(--step-timeline-ratio-mobile, 1)}.step-timeline__content,.step-timeline__row--image-right .step-timeline__content{padding:0}.step-timeline__heading{margin-block-end:2.4rem}.step-timeline__indicator .step-indicator__line{height:.2rem;background-image:repeating-linear-gradient(to right,rgba(var(--color-foreground),.2) 0 .5rem,transparent .5rem 1rem)}.step-timeline__indicator{display:flex}.step-timeline__indicator .step-indicator__item:first-child{margin-inline-start:0}.step-timeline__arrows{display:flex;margin-block-start:3.2rem}.step-timeline__indicator+.step-timeline__window{margin-block-start:2.4rem}.step-timeline__list{display:grid}.step-timeline__step{display:block;grid-area:1/1;min-height:0;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.step-timeline__step.is-active{opacity:1;visibility:visible}.step-timeline:not(:defined) .step-timeline__step:not(.step-timeline__step~.step-timeline__step){opacity:1;visibility:visible}.step-timeline.is-instant .step-timeline__step{transition:none}.step-timeline__dot,.step-timeline__line{display:none}.step-timeline__text{padding:0}.step-timeline__empty{grid-column:1}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-step-timeline.css.map */