.product-story-section{--timeline-height: 200px;color:#fff;background:var(--color-gray-light)}@media (max-width: 768px){.product-story-section{--timeline-height: 140px;background:var(--color-gray-dark)}}.product-story-section *{outline:none}.product-story-timeline-wrapper{position:relative;height:var(--timeline-height)}.product-story-timeline-wrapper>div{position:relative;top:50%;transform:translateY(-50%)}.product-story-timeline-wrapper:before{-webkit-user-select:none;user-select:none;content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:1px;background:linear-gradient(to right,#1c1c1e,#fff,#1c1c1e)}.product-story-timeline{height:var(--timeline-height)}.product-story-timeline-item{display:flex;flex-direction:column;align-items:center;justify-content:center;height:var(--timeline-height)}.product-story-timeline-item.desktop{width:348px}.product-story-timeline-item.mobile{width:70px}.product-story-timeline-item>*{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.product-story-timeline-item svg{line-height:0}.product-story-timeline-item .title{background:var(--theme-color);color:#000;top:calc(50% - 74px);font-size:20px;line-height:20px;padding:8px 12px 8px 44px;border-radius:40px;white-space:nowrap;opacity:0;transition:all .5s ease-in-out}.product-story-timeline-item.mobile .title{line-height:20px;font-size:14px;top:calc(50% - 55px);padding:4px 8px 4px 32px}.product-story-timeline-item .title .check{position:absolute;line-height:0;left:12px;top:50%;transform:translateY(-50%)}.product-story-timeline-item.mobile .title .check{left:8px}.product-story-timeline-item .title .triangle{position:absolute;left:50%;top:calc(50% + 22px);transform:translate(-50%,-50%)}.product-story-timeline-item.mobile .title .triangle{top:calc(50% + 16px)}.product-story-timeline-item .year{top:calc(50% + 40px);font-size:18px;line-height:20px}.product-story-timeline-item.is-selected .year{font-weight:900;font-size:20px}.product-story-timeline-item.mobile .year{font-size:12px;font-weight:300}.product-story-timeline-item.mobile.is-selected .year{font-size:14px;font-weight:900}.product-story-timeline-item .dot{color:#ff0;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:9px;height:9px;border-radius:50%;background:#fff;transition:all .5s ease-in-out}.product-story-timeline-item.mobile .dot{width:5px;height:5px}.product-story-timeline-item .dot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0px;height:0px;border-radius:50%;background:#2b2b2b;transition:all .5s ease-in-out}.product-story-timeline-item.is-selected .title{opacity:1}.product-story-timeline-item.is-selected .dot{background:#fff;width:46px;height:46px}.product-story-timeline-item.mobile.is-selected .dot{background:#fff;width:26px;height:26px}.product-story-timeline-item.is-selected .dot:after{width:32px;height:32px}.product-story-timeline-item.mobile.is-selected .dot:after{width:18px;height:18px}.product-story-slides-wrapper{position:relative;overflow:hidden}.product-story-slides{display:flex;background:var(--color-gray-dark);padding-top:8px;padding-bottom:32px}@media (min-width: 768px){.product-story-slides{padding-top:32px;background:#000}}.product-story-content-wrapper.desktop{position:relative;padding:32px 0}.product-story-content-item{transition:opacity .3s ease-in-out;opacity:.6}.product-story-content-item.is-selected{opacity:1}.product-story-content-item.desktop{width:348px;margin-right:32px}.product-story-content-item.mobile{margin-right:16px;width:calc(100% - 80px)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/s0215-product-story.css.map */