.ProductsTimeline{display:flex;flex-direction:column;gap:2rem}.ProductsTimeline .ProductTimeline--timeline{border-top:1px solid var(--black);display:flex;align-items:flex-start;gap:1rem}.ProductsTimeline .ProductTimeline--step{flex-basis:calc(25% - .75rem);color:var(--beige);transition:color .5s var(--beie-curve);pointer-events:none}.ProductsTimeline .ProductTimeline--step.Active{color:var(--black);pointer-events:all}.ProductsTimeline .ProductTimeline--step.Active .ProductThumbnail{translate:0 0}.ProductsTimeline .ProductTimeline--step.Active .ProductTimeline--step-number:after{background-color:var(--black)}.ProductsTimeline .ProductTimeline--step.Active .ProductTimeline--step-description{translate:0 0}.ProductsTimeline .ProductTimeline--step.Active .Cover{opacity:0}.ProductsTimeline .ProductTimeline--step:hover{color:var(--black)}.ProductsTimeline .ProductTimeline--step:hover .ProductTimeline--step-number:after{background-color:var(--black)}.ProductsTimeline .ProductTimeline--step-product{aspect-ratio:1;width:100%;overflow:hidden}.ProductsTimeline .ProductTimeline--step-product .ProductThumbnail{translate:0 101%;transition:translate .5s var(--beie-curve)}.ProductsTimeline .ProductTimeline--step-content{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}.ProductsTimeline .ProductTimeline--step-number{padding:2rem 0;position:relative;cursor:pointer;display:block;width:fit-content;pointer-events:all}.ProductsTimeline .ProductTimeline--step-number:after{content:"";position:absolute;top:0;left:50%;translate:-50% -50%;width:1.5rem;height:1.5rem;background-color:var(--beige);border-radius:100px;transition:background-color .5s var(--beie-curve);pointer-events:all}.ProductsTimeline .ProductTimeline--step-title{font-size:1.25rem;cursor:pointer;pointer-events:all}.ProductsTimeline .ProductTimeline--step-description-container{overflow:hidden}.ProductsTimeline .ProductTimeline--step-description-container .ProductTimeline--step-description{translate:0 101%;transition:translate .5s var(--beie-curve)}.ProductsTimeline p{margin:0}@media screen and (max-width:768px){.ProductsTimeline{display:none;gap:1rem}.ProductsTimeline .ProductTimeline--timeline{flex-direction:column;gap:1rem}.ProductsTimeline .ProductTimeline--step{flex-basis:100%}.ProductsTimeline .ProductTimeline--step-number{padding:1rem 0}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/products-timeline.css.map */