.timeline_slider{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);overflow:hidden}.timeline_slider_top{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:3.2rem}.timeline_slider_heading{margin:0;color:var(--color-heading)}.timeline_slider_wrap{position:relative}.timeline_slider_line{position:absolute;left:0;right:0;top:12px;height:1px;background:var(--color-border);z-index:0;pointer-events:none}.timeline_slider_dot{display:block;width:26px;height:26px;margin-bottom:4rem;border:4px solid var(--color-border);border-radius:7px;background:#fff;position:relative;z-index:1}.timeline_slider_swiper{position:relative;display:block}.timeline_slider_swiper .swiper{overflow:visible}.timeline_slider_slide{height:auto}.timeline_slider_media{width:100%;aspect-ratio:auto;border-radius:4px;overflow:hidden;margin-bottom:2rem;height:var(--height)}.timeline_slider_image,.timeline_slider_media svg{width:100%;height:100%;object-fit:cover;display:flex;border-radius:var(--img-border-radius)}.timeline_slider_media svg{background:var(--color-secondary-background)}.timeline_slider_slide_heading{margin:0 0 .8rem;color:var(--color-heading)}.timeline_slider_slide_text{margin:0;color:var(--color-text)}.timeline_slider_slide_text p{margin:0}.timeline_slider_nav{position:absolute;top:-6.4rem;width:4rem;height:4rem;border-radius:50%;border:1px solid var(--color-border, currentColor);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:background .25s ease,border-color .25s ease}.timeline_slider_nav svg{width:1.6rem;height:1.6rem}.timeline_slider_nav--prev{right:6rem;transform:scaleX(-1)}.timeline_slider_nav--next{right:0}.timeline_slider_nav:hover{background:var(--color-heading);border-color:var(--color-heading)}.timeline_slider_nav:hover svg{filter:invert(1) brightness(2)}.timeline_slider_nav.swiper-button-disabled{opacity:.35;cursor:default;pointer-events:none}@media screen and (max-width:989px){.timeline_slider_top{flex-wrap:wrap}.timeline_slider_nav{display:none}}@media screen and (max-width:749px){.timeline_slider_top{flex-direction:column;align-items:flex-start;gap:1.6rem;margin-bottom:2.4rem}.timeline_slider_media{height:400px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/timeline-slider.css.map */