.timeline-wrapper{--flex-basis:20vw;--flex-basis-mobile:80vw;--flex-basis-tablet:25vw;--gap-mobile:5%;--img-size:16vw;--img-size-mobile:64vw;--gap:10%;display:flex;flex-direction:column;margin-bottom:var(--block-spaces);margin-top:var(--block-spaces);position:relative}@media (max-width:428px){.timeline-wrapper{margin-bottom:var(--block-spaces-mobile);margin-top:var(--block-spaces-mobile)}}.timeline-wrapper .scroll-container{-ms-overflow-style:none;cursor:grab;overflow-y:scroll;scroll-snap-type:x mandatory;scrollbar-width:none;width:100vw}.timeline-wrapper .scroll-container.noscroll{scroll-snap-type:none}.timeline-wrapper .scroll-container::-webkit-scrollbar{display:none}.timeline-wrapper .timeline-overlay-left,.timeline-wrapper .timeline-overlay-right{background-color:var(--color-white);cursor:pointer;height:100%;opacity:.7;position:absolute;top:0;width:35%;z-index:5}.timeline-wrapper .timeline-overlay-left{left:0}.timeline-wrapper .timeline-overlay-right{right:0}.timeline-wrapper .timeline-container{display:flex;flex-wrap:nowrap;gap:var(--gap);margin-bottom:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.timeline-wrapper .timeline-container .timeline-item{background-color:var(--color-white);cursor:pointer;display:flex;flex-basis:var(--flex-basis);flex-direction:column;flex-grow:0;flex-shrink:0;opacity:.3;scroll-snap-align:center;transition:opacity .2s ease-in-out}.timeline-wrapper .timeline-container .timeline-item h3{color:var(--color-black);font-size:clamp(13px,1.7998560115vw,25px);font-weight:600;line-height:clamp(22px,2.4478041757vw,34px);margin:0}.timeline-wrapper .timeline-container .timeline-item p{-webkit-hyphens:auto;hyphens:auto}.timeline-wrapper .timeline-container .timeline-item .lb-img-wrapper{padding-top:var(--img-size);position:relative}.timeline-wrapper .timeline-container .timeline-item .lb-img-wrapper img{bottom:0;left:0;position:absolute;right:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:428px){.timeline-wrapper .timeline-container .timeline-item .lb-img-wrapper{padding-top:var(--img-size-mobile)}}@media (max-width:1000px){.timeline-wrapper .timeline-container .timeline-item{flex-basis:var(--flex-basis-tablet)}}@media (max-width:428px){.timeline-wrapper .timeline-container .timeline-item{flex-basis:var(--flex-basis-mobile);flex-direction:column}}.timeline-wrapper .timeline-container .timeline-item img{pointer-events:none}.timeline-wrapper .timeline-container .timeline-item.active{cursor:grab;opacity:1}.timeline-wrapper .timeline-container .timeline-item:first-child,.timeline-wrapper .timeline-container .timeline-item:last-child{margin-left:calc(var(--flex-basis) + var(--gap)*2)}@media (max-width:428px){.timeline-wrapper .timeline-container{gap:var(--gap-mobile)}}
