li.timeline--slide.center_focus{transform:scale(1.5);padding:2rem 1rem 2rem 2rem}li.timeline--slide.center_focus .timeline--label{animation:pulse-animation 2s infinite}.timeline--scroll{position:relative;z-index:0}.timeline--scroll:before,.timeline--scroll:after{content:"";position:absolute;left:0;width:100%;height:40px;z-index:10;pointer-events:none}.timeline--scroll:before{top:0;background:linear-gradient(to bottom,var(--color-bg, #fff),rgba(255,255,255,0))}.timeline--scroll:after{bottom:0;background:linear-gradient(to top,var(--color-bg, #fff),rgba(255,255,255,0))}.timeline{background:var(--color-bg, var(--bg-body, #fff));color:var(--color-text, var(--color-body));overflow:hidden}.timeline scroll-shadow{width:100%;--scroll-shadow-size: 30}.timeline .section-header h2{color:inherit}.timeline--scroll{display:block;position:relative}.timeline--scroll{height:500px;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;position:relative;scroll-behavior:smooth}.timeline--scroll-container{height:100%;width:100%;position:relative}.timeline--scroll-inner{display:flex;flex-direction:column}@media only screen and (min-width:768px){.timeline--scroll-inner{grid-gap:30px}}.timeline--scroll-progress{position:absolute;top:0;left:0;width:100%}.timeline--scroll-progress span{display:block;position:absolute;top:0;left:0;width:100%;height:1px;transform-origin:left center;transform:scaleX(0);background:var(--color-text)}.timeline--scroll-pagination{position:sticky;margin-top:30px;bottom:0;padding:0;left:0;width:max-content;min-width:100%}.timeline--scroll-pagination ul{display:flex;width:100%;list-style:none;margin:0;align-items:start;border-left:1px dashed rgba(var(--color-text-rgb),.2)}.timeline--scroll-pagination li{display:inline-flex;flex-direction:column;align-items:flex-start}.timeline--scroll-pagination li div{transform:translateY(-13px);position:relative;z-index:2}.timeline--scroll-pagination li .timeline--dot{display:block;transform:translate(-25px,25px);width:6px;height:6px;box-sizing:content-box;border-radius:50%;background:var(--color-text, var(--color-body));border:10px solid var(--color-bg, var(--bg-body, #fff))}.timeline--scroll-pagination li .timeline--label{display:block;margin:5px 0 0;font-weight:var(--font-body-medium-weight, 500);font-size:1rem;text-transform:uppercase;color:inherit;line-height:1;white-space:nowrap}.timeline--slide{scroll-snap-align:center;flex-shrink:0;padding:2rem 1rem;box-sizing:border-box;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.timeline--slide:focus,.timeline--slide.active{outline:none;border-left:4px solid var(--color-text-box, #000);background:#00000008}.timeline--scroll-progress{position:absolute;left:200px}@media screen and (max-width:1023px){.timeline{width:100%;margin-top:unset;margin-bottom:unset;left:unset;position:unset}.timeline--scroll-pagination ul{flex-direction:row;justify-content:flex-start;gap:30px}.timeline--scroll{height:auto;overflow-y:hidden;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;position:relative;scroll-behavior:smooth;white-space:nowrap}.timeline--scroll-pagination li .timeline--dot{display:block;transform:translate(-3px)}.timeline--slide{padding:0rem 1rem}.timeline--scroll-pagination ul{border-top:1px dashed rgba(var(--color-text-rgb),.2);border-left:unset}li.timeline--slide.center_focus{transform:scale(1.3);padding:1rem 1rem 2rem}.timeline--scroll-inner{display:flex;flex-direction:row!important}}@media only screen and (min-width:768px){.timeline--slide{flex-direction:row;width:auto}}.timeline-image{flex-shrink:0;height:380px}.timeline-image img{width:100%;height:100%;object-fit:cover}.timeline-content{display:flex;align-items:center;width:100%;flex-shrink:0;background:var(--color-bg-box, #fff);color:var(--color-text-box, var(--color-body))}@media only screen and (min-width:768px){.timeline-content{width:420px}}.timeline-content p,.timeline-content h5{color:inherit}.timeline-content .rte>*:last-child{margin-bottom:0}.timeline-content .text-button{margin-top:20px;margin-right:auto}.timeline-content--inner{padding:20px;display:flex;flex-direction:column}@media only screen and (min-width:768px){.timeline-content--inner{padding:50px}}.timeline.text-center .text-button{margin-left:auto}.timeline.text-right .text-button{margin-left:auto;margin-right:0}@keyframes pulse-animation{0%{box-shadow:0 0 #0003}to{box-shadow:0 0 0 20px #0000}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/timeline-vertical.css.map */