.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:var(--radius-md)}.time-line__content-wrap{max-width:var(--timeline-content-w);z-index:1;border-radius:var(--radius-md)}.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:var(--radius-md)}.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:var(--fs-xl);margin:0;font-weight:var(--fw-regular);line-height:var(--lh-tight)}.time-line__content-text p{font-size:var(--fs-sm);margin:0;font-weight:var(--fw-regular);line-height:var(--lh-loose)}.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:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:1px;cursor:pointer}.time-line__progress-bar{display:block;position:absolute;width:calc(100% - 2rem);height:2px;background-color:color-mix(in srgb,var(--c-black) 10%,transparent);transform:translate(0);transition:all .3s linear;overflow:hidden}.time-line__progress-line{position:absolute;content:"";height:2px;transform:translate(0);background-color:var(--c-black)}.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:none}.time-line__inner{position:relative;display:flex;flex-direction:column;justify-content:center}.time-line__slider{display:flex;gap:0;padding:0;min-width:0;width:100%}.time-line__slide{align-self:stretch;flex:0 0 66%;min-width:0;max-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%;min-width:0;align-self:stretch}.time-line__img{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md) 0 0 var(--radius-md)}.time-line__content-wrap{width:50%;min-width:0;align-self:stretch;margin-right:5rem;border-radius:0 var(--radius-md) var(--radius-md) 0}.time-line__content{margin:0;scroll-snap-align:unset;scroll-snap-stop:unset;border-radius:0 var(--radius-md) var(--radius-md) 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 var(--c-gray-400);background:var(--c-white)}.time-line__btn-prev[data-active=true],.time-line__btn-next[data-active=true]{color:var(--ink-1);cursor:pointer;pointer-events:all}.time-line__btn-prev[data-active=false],.time-line__btn-next[data-active=false]{color:color-mix(in srgb,var(--c-black) 30%,transparent);pointer-events:none}}@media only screen and (min-width:1250px){.time-line__slider{gap:20px}.time-line__slide{flex-basis:85%;max-width:85%}.time-line__content{padding:64px}.time-line__content-title{font-size:var(--fs-2xl)}.time-line__content-text{font-size:var(--fs-md)}.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/153/assets/section-timeline.css.map */