.product-timeline{--timeline-marker-size: 2.8rem;--timeline-row-gap: 5.6rem;--timeline-column-gap: 3.2rem}.product-timeline__heading em{font-style:italic}.product-timeline__tabs{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2.4rem;max-width:96rem;margin:3.2rem auto 0}.product-timeline__tab{display:flex;align-items:center;justify-content:center;height:auto;min-height:5.2rem;padding:1rem 1.6rem;border:.2rem solid rgba(var(--color-foreground),.8);border-radius:var(--blocks-radius);background:rgba(var(--color-foreground),.03);color:rgb(var(--color-foreground));font-size:var(--font-body-size);line-height:1.3;text-align:center;text-transform:none;letter-spacing:0;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.product-timeline__tab:hover{border-color:rgb(var(--color-button))}.product-timeline__tab[aria-selected=true]{border-color:rgb(var(--color-button));background:rgba(var(--color-button),.08)}.product-timeline__panel:focus-visible{outline-offset:.8rem}.product-timeline__list{display:grid;row-gap:var(--timeline-row-gap);margin:4.8rem 0 0;padding:0;list-style:none}.product-timeline__item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--timeline-marker-size) minmax(0,1fr);column-gap:var(--timeline-column-gap);align-items:start}.product-timeline__item--left{grid-template-areas:"content marker decor"}.product-timeline__item--right{grid-template-areas:"decor marker content"}.product-timeline__item:before{content:"";position:absolute;inset-block-start:calc(var(--timeline-marker-size) / 2);inset-block-end:calc(var(--timeline-row-gap) * -1);inset-inline-start:50%;width:.2rem;transform:translate(-50%);background:rgb(var(--color-button));opacity:.85}.product-timeline__item:last-child:before{inset-block-end:0}.product-timeline__content{grid-area:content;min-width:0}.product-timeline__marker{grid-area:marker;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:var(--timeline-marker-size);height:var(--timeline-marker-size);border-radius:50%;background:rgb(var(--color-button));color:rgb(var(--color-button-text));box-shadow:0 0 0 .4rem rgb(var(--color-background))}.product-timeline__decor{grid-area:decor;align-self:center;display:flex;justify-content:center;min-width:0}.product-timeline__decor .icon{width:min(14rem,60%);height:auto;aspect-ratio:1;color:rgb(var(--color-button));opacity:var(--timeline-decor-opacity, .14)}.product-timeline__decor img{display:block;width:min(42rem,100%);height:auto}.product-timeline__label{display:flex;align-items:center;gap:.8rem;min-height:var(--timeline-marker-size);margin:0 0 1.2rem;font-family:var(--font-body-family);font-size:var(--font-body-size);font-weight:var(--font-body-weight-bold);letter-spacing:.08em;line-height:1.3;text-transform:uppercase;color:rgb(var(--color-text-heading))}.product-timeline__label .icon{color:rgb(var(--color-button))}.product-timeline__box{padding:1.4rem 1.6rem;border:.1rem solid rgba(var(--color-button),.35);background:rgba(var(--color-button),.05)}.product-timeline__box-title{margin:0 0 .4rem;color:rgb(var(--color-text-heading))}.product-timeline__box-text{margin:0;line-height:1.5}.product-timeline__subheading{margin:2rem 0 1.2rem;color:rgb(var(--color-text-heading))}.product-timeline__benefits{display:grid;gap:1rem;margin:0;padding:0;list-style:none}.product-timeline__benefit{display:flex;align-items:flex-start;gap:1rem;line-height:1.5}.product-timeline__benefit .icon{margin-block-start:.15em;color:rgb(var(--color-button))}.product-timeline__note{max-width:72rem;margin:5.6rem auto 0;padding:2rem 2.4rem;background:rgba(var(--color-button),.05);text-align:center}.product-timeline__note p{margin:0}@media(prefers-reduced-motion:reduce){.product-timeline__tab{transition:none}}@media screen and (max-width:767.98px){.product-timeline{--timeline-marker-size: 2.6rem;--timeline-row-gap: 4rem;--timeline-column-gap: 1.2rem}.product-timeline__tabs{gap:1.2rem;margin-block-start:2.4rem}.product-timeline__tab{min-height:4.8rem;padding:.8rem 1.2rem}.product-timeline__list{margin-block-start:3.2rem}.product-timeline__box{padding:1.4rem}.product-timeline__subheading{margin-block-start:1.6rem}.product-timeline__note{margin-block-start:4rem;padding:1.6rem}.product-timeline--mobile-stacked .product-timeline__item{grid-template-columns:var(--timeline-marker-size) minmax(0,1fr);grid-template-areas:"marker content" ". decor";column-gap:1.6rem}.product-timeline--mobile-stacked .product-timeline__item:before{inset-inline-start:calc(var(--timeline-marker-size) / 2)}.product-timeline--mobile-stacked .product-timeline__decor{display:none}.product-timeline--mobile-stacked .product-timeline__decor--image{display:flex;justify-content:flex-start;margin-block-start:1.6rem}.product-timeline--mobile-alternate .product-timeline__label{gap:.6rem;font-size:calc(var(--font-body-size) * .9)}.product-timeline--mobile-alternate .product-timeline__box{padding:1.2rem}.product-timeline--mobile-alternate .product-timeline__box-text,.product-timeline--mobile-alternate .product-timeline__benefit{font-size:calc(var(--font-body-size) * .9)}.product-timeline--mobile-alternate .product-timeline__benefit{gap:.6rem}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-product-timeline.css.map */