.history-timeline{position:relative;width:100%;margin-top:4rem;display:flex;flex-direction:column;align-items:center}.history-timeline__dots{display:flex;justify-content:space-between;align-items:center;width:80%;pointer-events:auto;position:relative;z-index:2}.timeline-item{display:flex;align-items:center;cursor:pointer;position:relative;flex:1}.timeline-item:last-child{flex:0}.timeline-dot_wrap{position:relative;display:flex}.timeline-dot{width:12px;height:12px;background-color:#d1d1d1;border-radius:4px;transition:background .3s ease,transform .3s ease;position:relative;z-index:2;flex-shrink:0}.timeline-item.active .timeline-dot{background-color:#111;transform:scale(1.2)}.timeline-item.active:hover .timeline-dot{transform:scale(1)}.timeline-item:hover .timeline-dot{background-color:#111;transform:scale(1.2)}.timeline-line{height:2px;background:#d1d1d1;position:relative;flex:1;margin:0 8px;overflow:hidden;display:block}.timeline-line-progress{position:absolute;top:0;left:0;height:100%;width:0%;background:#111;transition:width linear;display:block!important}.timeline-label{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:.75rem;color:#666;white-space:nowrap;transition:color .3s}.timeline-item.active .timeline-label{color:#111;font-weight:600}.history-scroll_heading h2{font-weight:700;font-size:36px;line-height:1.5;letter-spacing:0}.history-scroll__panel{border-radius:16px}.history-scroll__panel-inner{display:flex}.history-scroll__panel-image-wrap,.history-scroll__panel-text{flex:0 0 50%}.history-scroll__panel-image{border-top-left-radius:16px;border-bottom-left-radius:16px}.history-scroll__panel-text{padding:2rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.history-scroll__panel-text-heading{color:rgb(var(--color-button))}.history-scroll__panel-text-inner h3,.history-scroll__panel-text-heading{margin-top:0}.history-scroll__panel-text-inner p{margin:0}.history-scroll__panel-image{height:100%;width:100%;display:block}@media screen and (max-width:749px){.history-scroll__panel-inner{flex-direction:column}.timeline-item:nth-child(2n) .timeline-label{top:20px}.history-scroll_inner{padding:0 1.5rem}}@media screen and (min-width:750px){.timeline-label{font-size:1rem}}@media screen and (min-width:990px){.history-timeline__dots{width:90%}.history-scroll__track.swiper{margin-left:5rem}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/horizontal-timeline.css.map */