.product-family-timeline{position:relative;overflow:clip;padding-bottom:14.05rem;background:linear-gradient(to bottom,#ecf0e2 0% 20%,#f7f7f6 70% 100%)}.product-family-timeline__wave-mobile{display:block;position:absolute;top:0;left:0;right:0;line-height:0;pointer-events:none;z-index:2}.product-family-timeline__wave-mobile svg{display:block;width:100%;height:auto}@media screen and (min-width:750px){.product-family-timeline__wave-mobile{display:none}.product-family-timeline{margin-top:-1px}}.product-family-timeline .page-width{position:relative;z-index:1}.product-family-timeline__heading{text-align:center;margin-bottom:5rem;font-size:calc(var(--font-heading-scale) * 3.2rem);line-height:1.19;font-weight:700}@media screen and (min-width:750px){.product-family-timeline__heading{font-size:calc(var(--font-heading-scale) * 4.8rem);line-height:1.17}}.product-family-timeline__timeline{position:relative;display:flex;flex-direction:column;gap:0;max-width:calc(100% * 10 / 12 - 4px + 6.6rem + 17px);margin:0 auto}.product-family-timeline__center-line{position:absolute;left:50%;width:2px;top:0;bottom:-5.75rem;background:linear-gradient(to bottom,rgba(var(--primary-color-rgb),0),rgba(var(--primary-color-rgb),1) 8% 92%,rgba(var(--primary-color-rgb),0));transform:translate(-50%);z-index:0}.product-family-timeline__item{display:grid;grid-template-columns:1fr 5rem 1fr;align-items:center;position:relative;padding:0;height:10.1rem}.product-family-timeline__timeline>.product-family-timeline__item:first-of-type{margin-top:1.6rem}.product-family-timeline__timeline>.product-family-timeline__item:last-of-type{margin-bottom:1.6rem}.product-family-timeline__item--left .product-family-timeline__card-col{grid-column:1;grid-row:1;display:flex;justify-content:flex-end;padding-right:.8rem}.product-family-timeline__item--left .product-family-timeline__node-col,.product-family-timeline__item--right .product-family-timeline__node-col{grid-column:2;grid-row:1}.product-family-timeline__item--right .product-family-timeline__card-col{grid-column:3;grid-row:1;display:flex;justify-content:flex-start;padding-left:.8rem}.product-family-timeline__node-col{width:5rem;display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;z-index:1}.product-family-timeline__node{width:3rem;height:3rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--light-green-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2),0 4px 16px rgba(var(--primary-color-rgb),.25);position:relative}.product-family-timeline__node:before{content:"";position:absolute;top:50%;width:1.6rem;height:1px;background-color:var(--primary-color);transform:translateY(-50%)}.product-family-timeline__item--left .product-family-timeline__node:before{right:100%}.product-family-timeline__item--right .product-family-timeline__node:before{left:100%}.product-family-timeline__item--left .product-family-timeline__card-col:after{content:"";position:absolute;right:-1.6rem;top:50%;width:calc(1.6rem + .8rem);height:1px;background-color:var(--primary-color);transform:translateY(-50%);z-index:1}.product-family-timeline__item--right .product-family-timeline__card-col:after{content:"";position:absolute;left:-1.6rem;top:50%;width:calc(1.6rem + .8rem);height:1px;background-color:var(--primary-color);transform:translateY(-50%);z-index:1}.product-family-timeline__node-icon{width:1.125rem;height:1.3125rem;object-fit:contain;position:absolute}.product-family-timeline__node-icon--outline{opacity:1;filter:none}.product-family-timeline__node-icon--filled{opacity:0}.product-family-timeline__card-col{position:relative;display:flex;align-items:center}.product-family-timeline__card{display:block;text-decoration:none;color:inherit;background:#fff;border-radius:2.4rem;box-shadow:0 1px 4px rgba(var(--primary-color-rgb),.1);border:1px solid rgba(var(--primary-color-rgb),.35);transition:transform .25s ease,box-shadow .25s ease;width:100%;height:17.8rem;overflow:hidden;position:relative;z-index:1}.product-family-timeline__card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #88b04b59}.product-family-timeline__card:hover .product-family-timeline__title{text-decoration:underline}.product-family-timeline__card-inner{display:flex;flex-direction:row;align-items:stretch;gap:.4rem;padding:0;height:100%}.product-family-timeline__image-wrapper{flex:0 0 50%;padding:1.6rem 0 1.6rem 2.4rem;overflow:hidden;border-radius:0}.product-family-timeline__image-wrapper img,.product-family-timeline__image-wrapper svg{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0}.product-family-timeline__image-wrapper .placeholder-svg{width:100%;height:100%}.product-family-timeline__text-col{flex:1 1 0;display:flex;align-items:center;padding:1.6rem 2.4rem 1.6rem 0}.product-family-timeline__title{margin:0;font-size:1.6rem;font-weight:700;line-height:1.3;color:var(--primary-color);text-transform:uppercase;letter-spacing:.04em}@media screen and (max-width:749px){.product-family-timeline{padding-bottom:0}.product-family-timeline__heading{text-align:center;margin-bottom:3rem;margin-top:4rem}.product-family-timeline__center-line{left:2rem;transform:none;top:-2.4rem;bottom:-.8rem;background:linear-gradient(to bottom,rgba(var(--primary-color-rgb),0),rgba(var(--primary-color-rgb),1) 10% 90%,rgba(var(--primary-color-rgb),0))}.product-family-timeline__timeline{max-width:calc(100% * 10 / 12);gap:1.6rem}.product-family-timeline__item{display:flex;flex-direction:row;align-items:center;padding:0;height:auto;grid:unset}.product-family-timeline__timeline>.product-family-timeline__item:first-of-type{margin-top:1.6rem}.product-family-timeline__timeline>.product-family-timeline__item:last-of-type{margin-bottom:1.6rem}.product-family-timeline__item--left .product-family-timeline__node-col,.product-family-timeline__item--right .product-family-timeline__node-col{order:-1;flex-shrink:0;width:5rem;margin-left:.5rem;padding:0;justify-content:flex-start;position:static}.product-family-timeline__item--left .product-family-timeline__card-col,.product-family-timeline__item--right .product-family-timeline__card-col{flex:1;min-width:0;padding:0;display:flex;justify-content:flex-start}.product-family-timeline__item--left .product-family-timeline__node:before,.product-family-timeline__item--right .product-family-timeline__node:before{left:100%;right:auto;width:2.4rem}.product-family-timeline__item--left .product-family-timeline__card-col:after,.product-family-timeline__item--right .product-family-timeline__card-col:after{display:none}.product-family-timeline__card{max-width:100%;width:100%;height:auto;min-height:9rem}.product-family-timeline__card-inner{gap:.4rem;height:auto}.product-family-timeline__image-wrapper{flex:0 0 33%;padding:1.6rem 0 1.6rem 1.6rem;height:9rem}.product-family-timeline__text-col{padding:1.6rem 1.6rem 1.6rem 0}.product-family-timeline__title{font-size:1.4rem}}@media screen and (min-width:750px)and (prefers-reduced-motion:no-preference){[data-product-family-timeline-animate] .product-family-timeline__center-line{transform-origin:top center;transform:translate(-50%) scaleY(0);transition:transform 1s cubic-bezier(.4,0,.2,1)}.product-family-timeline--line-visible .product-family-timeline__center-line{transform:translate(-50%) scaleY(1)}[data-product-family-timeline-animate] .product-family-timeline__item{opacity:0;transform:translateY(20px);transition:opacity .4s ease-out,transform .4s ease-out}[data-product-family-timeline-animate] .product-family-timeline__item.product-family-timeline__item--visible{opacity:1;transform:translateY(0)}[data-product-family-timeline-animate] .product-family-timeline__item .product-family-timeline__node:before,[data-product-family-timeline-animate] .product-family-timeline__item .product-family-timeline__card-col:after{opacity:0;transition:opacity .3s ease-out .15s}[data-product-family-timeline-animate] .product-family-timeline__item.product-family-timeline__item--visible .product-family-timeline__node:before,[data-product-family-timeline-animate] .product-family-timeline__item.product-family-timeline__item--visible .product-family-timeline__card-col:after{opacity:1}[data-product-family-timeline-animate] .product-family-timeline__node-icon{transition:opacity .3s ease-out}[data-product-family-timeline-animate] .product-family-timeline__node--active .product-family-timeline__node-icon--outline{opacity:0}[data-product-family-timeline-animate] .product-family-timeline__node--active .product-family-timeline__node-icon--filled{opacity:1}[data-product-family-timeline-animate] .product-family-timeline__node{transition:box-shadow .3s ease-out,transform .2s ease-out}[data-product-family-timeline-animate] .product-family-timeline__node--active{box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.3),0 4px 20px rgba(var(--primary-color-rgb),.35);transform:scale(1.1)}}@media screen and (max-width:749px)and (prefers-reduced-motion:no-preference){[data-product-family-timeline-animate] .product-family-timeline__center-line{transform-origin:top center;transform:scaleY(0)}.product-family-timeline--line-visible .product-family-timeline__center-line{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){[data-product-family-timeline-animate] .product-family-timeline__item{opacity:1;transform:none}[data-product-family-timeline-animate] .product-family-timeline__center-line{transform:translate(-50%) scaleY(1)}}@media screen and (max-width:749px)and (prefers-reduced-motion:reduce){[data-product-family-timeline-animate] .product-family-timeline__center-line{transform:scaleY(1)}}
/*# sourceMappingURL=/cdn/shop/t/337/assets/section-product-family-timeline.css.map */