.time-line{display:block;--timeline-image-w: 70vw;--timeline-content-w: 79vw}.time-line__title{text-align:center;color:inherit}.time-line__slider-wrapper{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth}.time-line__slider-wrapper::-webkit-scrollbar{display:none}.time-line__slider{position:relative;display:grid;grid-auto-flow:column;align-items:center;justify-content:safe center;min-width:min-content;padding:0 calc((100vw - var(--timeline-image-w)) / 2);column-gap:calc((100vw - var(--timeline-image-w)))}.time-line__slide{display:grid;grid-template-columns:var(--timeline-image-w) var(--timeline-content-w);align-items:center}.time-line__img-wrap{position:sticky;display:block;left:calc((100vw - var(--timeline-image-w)) / 2)}.time-line__img{width:100%;border-radius:8px}.time-line__content-wrap{max-width:var(--timeline-content-w);z-index:1;border-radius:8px}.time-line__content{display:flex;flex-direction:column;gap:25px;margin-right:calc(-1 * (var(--timeline-content-w) - var(--timeline-image-w)));padding:40px;position:relative;scroll-snap-align:center;scroll-snap-stop:always;z-index:1;background-color:inherit;border-radius:8px}.time-line__content:before{content:"";display:block;width:var(--timeline-image-w);height:100%;position:absolute;top:0;right:100%;pointer-events:none;scroll-snap-align:center;scroll-snap-stop:always}.time-line__content-title{color:inherit;font-size:22px;margin:0;font-weight:400;line-height:26px}.time-line__content-text p{font-size:15px;margin:0;font-weight:400;line-height:26px}.time-line__navigation{position:relative;width:100%;margin-top:40px;display:flex}.time-line__navigation-item{padding-top:18px;width:100%;display:flex;font-size:13px;font-weight:600;letter-spacing:1px;cursor:pointer}.time-line__progress-bar{display:block;position:absolute;width:calc(100% - 2rem);height:2px;background-color:#00000026;transform:translate(0);transition:all .3s linear}.time-line__progress-line{position:absolute;content:"";height:2px;transform:translate(0);background-color:#000;transition:all .3s linear}.time-line__buttons{display:none}@media only screen and (min-width: 750px){.time-line__progress-bar{width:calc(100% - 10rem)}}@media only screen and (min-width: 1000px){.time-line__slider-wrapper{scroll-snap-type:x mandatory}.time-line__inner{position:relative;display:flex;flex-direction:column;justify-content:center}.time-line__slider{display:flex;gap:0;padding:0}.time-line__slide{align-self:stretch;min-width:66%;display:flex;transition:opacity .2s linear;scroll-snap-align:center;scroll-snap-stop:unset}.time-line__slide[data-active=true]{opacity:1}.time-line__slide[data-active=false]{opacity:.2}.time-line__img-wrap{position:static;width:50%;align-self:stretch}.time-line__img{display:block;height:100%;border-radius:8px 0 0 8px}.time-line__content-wrap{width:50%;align-self:stretch;margin-right:5rem;border-radius:0 8px 8px 0}.time-line__content{margin:0;scroll-snap-align:unset;scroll-snap-stop:unset;border-radius:0 8px 8px 0}.time-line__content:before{display:none}.time-line__buttons{display:flex;flex-direction:column;right:20px;position:absolute;z-index:2}.time-line__btn-prev,.time-line__btn-next{width:56px;height:56px;border-radius:0;border:1px solid #D9D9D9;background:#fff}.time-line__btn-prev[data-active=true],.time-line__btn-next[data-active=true]{color:rgba(0,0,0,);cursor:pointer;pointer-events:all}.time-line__btn-prev[data-active=false],.time-line__btn-next[data-active=false]{color:#0000004d;pointer-events:none}}@media only screen and (min-width: 1250px){.time-line__slider{gap:20px}.time-line__slide{min-width:85%}.time-line__content{padding:64px}.time-line__content-title{font-size:26px}.time-line__content-text{font-size:16px}.time-line__progress-bar{width:calc(100% - 5rem)}}@media screen and (pointer: fine){.time-line__btn-prev:hover svg{animation:prevNextButtonKeyframe .3s ease-in-out reverse forwards}.time-line__btn-next:hover svg{animation:prevNextButtonKeyframe .3s ease-in-out forwards}}@keyframes prevNextButtonKeyframe{0%{transform:translate(0)}50%{transform:translate(calc(50% + 10px))}51%{transform:translate(calc(-50% - 10px))}to{transform:translate(0)}}
/*# sourceMappingURL=/cdn/shop/t/125/assets/section-timeline.css.map */