.timeline{background:var(--color-bg, var(--bg-body));color:var(--color-text, var(--color-body));overflow:hidden;--timeline-gap: 24px;--timeline-slide: min(78vw, 320px)}@media only screen and (min-width:768px){.timeline{--timeline-gap: 40px;--timeline-slide: 340px}}@media only screen and (min-width:1068px){.timeline{--timeline-gap: 56px;--timeline-slide: 380px}}.timeline .section-header h2{color:inherit}.timeline .section-header{margin-bottom:0}.timeline__head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:36px}@media only screen and (min-width:768px){.timeline__head{margin-bottom:48px}}.timeline__head .section-header{flex:1}.timeline__nav{display:none;gap:8px;flex-shrink:0}@media only screen and (min-width:768px){.timeline__nav{display:inline-flex}}.timeline__arrow{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(var(--color-text-rgb),.2);border-radius:50%;cursor:pointer;color:inherit;background:transparent;transition:border-color .3s cubic-bezier(.22,1,.36,1),opacity .3s}.timeline__arrow:hover{border-color:rgba(var(--color-text-rgb),.9)}.timeline__arrow[disabled]{opacity:.3;cursor:default}.timeline__arrow svg{width:8px;height:auto}.timeline__arrow svg path{stroke:currentColor}.timeline--scroll{display:block;position:relative}.timeline--scroll-container{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;padding-bottom:4px;cursor:grab;outline:none}.timeline--scroll-container.is-dragging{cursor:grabbing;scroll-snap-type:none}.timeline--scroll-container::-webkit-scrollbar{display:none}.timeline--scroll-inner{display:inline-grid;grid-auto-flow:column;grid-auto-columns:var(--timeline-slide);gap:var(--timeline-gap);padding-right:15px}@media only screen and (min-width:768px){.timeline--scroll-inner{padding-right:50px}}.timeline--slide{display:flex;flex-direction:column;scroll-snap-align:start;min-width:0}.timeline-label{color:inherit;margin-bottom:16px;opacity:.6}.timeline-image{position:relative;width:100%;height:0;padding-bottom:var(--timeline-ratio, 125%);overflow:hidden;margin:0 0 22px;background:rgba(var(--color-text-rgb),.05)}.timeline-image a{position:absolute;top:0;right:0;bottom:0;left:0}.timeline-image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 1.6s cubic-bezier(.22,1,.36,1);will-change:transform}.timeline--slide:hover .timeline-image img{transform:scale(1.04)}.timeline-content{color:var(--color-text-box, var(--color-body))}.timeline-content--inner{display:flex;flex-direction:column}.timeline-heading{color:inherit;margin-bottom:12px;font-size:1.75rem;line-height:1.15}@media only screen and (min-width:1068px){.timeline-heading{font-size:2rem}}.timeline-content .rte{font-size:.9375rem;line-height:1.7;opacity:.8}.timeline-content .rte>*:last-child{margin-bottom:0}.timeline-content .text-button{margin-top:18px;margin-right:auto}.timeline.text-center .text-button{margin-left:auto}.timeline.text-right .text-button{margin-left:auto;margin-right:0}.timeline--scroll-pagination{position:relative;margin-top:36px;padding-top:14px}.timeline--scroll-progress{position:absolute;top:0;left:0;width:100%;height:1px;background:rgba(var(--color-text-rgb),.14)}.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);transition:transform .12s linear}.timeline--scroll-pagination ul{display:grid;grid-template-columns:repeat(var(--box-count, 3),1fr);list-style:none;margin:0;padding:0}.timeline--scroll-pagination li button{display:inline-flex;flex-direction:column;align-items:flex-start;gap:10px;background:none;border:0;padding:0;cursor:pointer;color:inherit;font:inherit}.timeline--scroll-pagination .timeline--dot{display:block;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.3;margin-top:-17px;box-shadow:0 0 0 6px var(--color-bg, var(--bg-body));transition:opacity .3s,transform .3s}.timeline--scroll-pagination .timeline--label{font-size:.625rem;letter-spacing:.18em;text-transform:uppercase;font-weight:500;opacity:.45;white-space:nowrap;transition:opacity .3s}.timeline--scroll-pagination li.is-active .timeline--dot{opacity:1;transform:scale(1.4)}.timeline--scroll-pagination li.is-active .timeline--label{opacity:1}@media only screen and (max-width:767px){.timeline--scroll-pagination li:not(.is-active) .timeline--label{display:none}}.timeline-heading{font-size:.875rem;letter-spacing:.22em;text-transform:uppercase;font-weight:500;line-height:1.4}@media only screen and (min-width:1068px){.timeline-heading{font-size:.9375rem}}.timeline-content .rte{font-size:.875rem}
/*# sourceMappingURL=/cdn/shop/t/12/assets/timeline.css.map */