.timeline-container{display:flex}.timeline-content{width:100%}@media screen and (min-width:750px){.timeline-container[data-sticky-content=true] .timeline-content,.timeline-container[data-sticky-content=true] .timeline-container{position:sticky;top:2.5rem}}.timeline{--point-size: var(--point-size-desktop);width:100%;position:relative}.timeline timeline-slider{display:flex;flex-direction:column}@media screen and (max-width:749px){.timeline{--point-size: var(--point-size-mobile)}}.timeline--vertical .timeline__items{display:grid;gap:var(--items-spacing-vertical)}.timeline__row{position:relative;display:grid;grid-template-columns:auto 1fr;gap:1rem}.timeline__rail{display:flex;flex-direction:column;gap:var(--line-point-spacing);align-items:center}@media(min-width:750px){.timeline-container--vertical[data-desktop-line-position=right] .timeline-item{order:-1}.timeline-container--vertical[data-desktop-line-position=left][data-auto-align=true] .heading,.timeline-container--vertical[data-desktop-line-position=left][data-auto-align=true] .rich-text-block,.timeline-container--vertical[data-desktop-line-position=middle][data-auto-align=true] .heading,.timeline-container--vertical[data-desktop-line-position=middle][data-auto-align=true] .rich-text-block{text-align:left}.timeline-container--vertical[data-desktop-line-position=right][data-auto-align=true] .heading,.timeline-container--vertical[data-desktop-line-position=right][data-auto-align=true] .rich-text-block,.timeline-container--vertical[data-desktop-line-position=middle][data-auto-align=true] .timeline__item:nth-child(2n) .heading,.timeline-container--vertical[data-desktop-line-position=middle][data-auto-align=true] .timeline__item:nth-child(2n) .rich-text-block{text-align:right}.timeline__row{gap:1.5rem}.timeline-container--vertical[data-desktop-line-position=middle] .timeline__row{grid-template-columns:1fr auto 1fr}.timeline-container--vertical[data-desktop-line-position=middle] .timeline__row__placeholder{display:block}.timeline-container--vertical[data-desktop-line-position=middle] .timeline__item:nth-child(2n) .timeline__rail{order:-1}.timeline-container--vertical[data-desktop-line-position=middle] .timeline__item:nth-child(2n) .timeline-item{order:-2}}@media(max-width:749px){.timeline-container--vertical[data-mobile-line-position=right] .timeline-item{order:-1}.timeline-container--vertical[data-mobile-line-position=right][data-auto-align=true] .heading,.timeline-container--vertical[data-mobile-line-position=right][data-auto-align=true] .rich-text-block{text-align:right}.timeline-container--vertical[data-mobile-line-position=left][data-auto-align=true] .heading,.timeline-container--vertical[data-mobile-line-position=left][data-auto-align=true] .rich-text-block{text-align:left}}.timeline-container--horizontal[data-auto-align=true] .heading,.timeline-container--horizontal[data-auto-align=true] .rich-text-block{text-align:center}.timeline__line{position:relative;flex-grow:1;background:var(--inactive-line-color);width:var(--line-thickness, 2px)}.timeline--vertical .timeline__line{margin-bottom:calc((var(--items-spacing-vertical) - var(--line-point-spacing)) * -1)}.timeline--vertical .timeline__item:last-of-type .timeline__line{margin-bottom:0}.timeline__line:before{content:"";display:block;position:absolute;top:0;left:0;height:0;width:100%;background:var(--line-color, currentColor);transition:all var(--line-animation-duration) var(--point-animation-duration) ease-in-out}.timeline__item.is-active .timeline__line:before{height:100%}.timeline__point{position:relative;width:var(--point-size, 32px);height:var(--point-size, 32px);font-size:var(--point-size, 32px);border-radius:var(--point-radius, 50%);background:var(--inactive-point-bg, transparent);border:var(--point-border-width, 0px) solid var(--inactive-point-border, transparent);display:grid;place-items:center;flex:0 0 auto;z-index:0}.timeline-container--vertical[data-style-vertical=accordion] button.timeline__point{appearance:none;-webkit-appearance:none;color:inherit;cursor:pointer;font-family:inherit;line-height:normal;margin:0;padding:0}.timeline-container--vertical[data-style-vertical=accordion] button.timeline__point:focus-visible{outline:.2rem solid currentColor;outline-offset:.3rem}.timeline__point:before{content:"";position:absolute;inset:calc(var(--point-border-width, 0px) * -1);opacity:0;border-radius:var(--point-radius, 50%);background:var(--point-bg, transparent);border:var(--point-border-width, 0px) solid var(--point-border, transparent);transition:opacity var(--point-animation-duration) ease-in-out;z-index:1}.timeline__item.is-active .timeline__point:before{opacity:1}.timeline__point-dot{width:calc(1em * var(--point-dot-scale));height:calc(1em * var(--point-dot-scale));border-radius:9999px;background-color:var(--inactive-point-icon-color, currentColor);transition:background-color var(--point-animation-duration) ease-in-out}.timeline__point-text,.timeline__point .material-icon{color:var(--inactive-point-icon-color, currentColor);transition:color var(--point-animation-duration) ease-in-out;line-height:1}.timeline__point-text{font-size:calc(1em * var(--point-text-scale))}.timeline__point .material-icon{font-size:calc(1em * var(--point-icon-scale))}.timeline__point img{width:calc(1em * var(--point-icon-scale));height:calc(1em * var(--point-icon-scale));object-fit:contain;object-position:center center}.timeline__point span,.timeline__point img{position:relative;z-index:2}.timeline__item.is-active{--inactive-point-icon-color: var(--point-icon-color)}.timeline-container--vertical[data-style-vertical=accordion] .timeline-item__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease;overflow:hidden}.timeline-container--vertical[data-style-vertical=accordion] .timeline-item__body[hidden]{display:grid!important}.timeline-container--vertical[data-style-vertical=accordion] .timeline__item.is-open .timeline-item__body{grid-template-rows:1fr}.timeline-item__body>*{min-height:0}.timeline-container--vertical[data-style-vertical=accordion] .timeline__item.is-open .timeline-item{cursor:auto}.timeline-item{transition:opacity var(--point-animation-duration, .25s) ease;display:flex;flex-direction:column}.timeline-container--vertical[data-style-vertical=classic][data-animate-vertical=true] .timeline__item:not(.is-active) .timeline-item,.timeline-container--vertical[data-style-vertical=scroll_activated] .timeline__item:not(.is-active) .timeline-item{opacity:calc(var(--inactive-item-opacity, .7))}.timeline__item.is-active .timeline-item{opacity:1}.timeline-item__header{min-height:var(--point-size, 32px);order:-1}.timeline--horizontal .timeline__items{display:flex;align-items:flex-start;gap:0;overflow-x:auto}.timeline--horizontal .timeline__items>li{scroll-snap-align:start;width:100%;flex-shrink:0}.timeline--horizontal .timeline__row{gap:1.5rem;grid-template-columns:repeat(1,1fr)}.timeline--horizontal .timeline__rail{flex-direction:row-reverse;justify-content:flex-start;transform:translate(calc(-50% + var(--point-size) / 2 + var(--line-point-spacing)))}.timeline--horizontal .timeline__point{margin-right:var(--line-point-spacing)}.timeline--horizontal .timeline__point:before{transition-delay:var(--line-animation-duration)}.timeline--horizontal .timeline__line{flex-grow:0;height:var(--line-thickness, 2px);width:100%}.timeline--horizontal .timeline__line:before{height:100%;width:0;transition-delay:0s}.timeline--horizontal .timeline__item.is-active .timeline__line:before{width:100%}.timeline--horizontal .timeline__item:first-of-type .timeline__line{display:none}.timeline--horizontal .timeline__items{scrollbar-width:none}.timeline--horizontal .timeline-item{padding:0 var(--horizontal-side-padding)}@media screen and (max-width:749px){.timeline--horizontal .timeline__items{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.timeline--horizontal .timeline__items{margin-right:-1.5rem;margin-left:-1.5rem;width:auto}.arrows-container.mobile-under,.arrows-container.mobile-above{display:flex;justify-content:center;gap:1.5rem;padding-top:1.5rem}.arrows-container.mobile-above{padding:0 0 1.5rem;order:-1}.arrows-container.mobile-under .splide__arrow,.arrows-container.mobile-above .splide__arrow{position:static;transform:none}.timeline--horizontal .mobile-sides .slider-button--prev{left:1.7rem;transform:translate(-100%,calc(-50% + (var(--point-size) / 2) + .75rem))}.timeline--horizontal .mobile-sides .slider-button--next{right:1.7rem;transform:translate(100%,calc(-50% + (var(--point-size) / 2) + .75rem))}}@media screen and (min-width:750px){.timeline--horizontal .timeline__items--desktop-slider{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.arrows-container.desktop-under,.arrows-container.desktop-above{display:flex;justify-content:center;gap:2rem;padding-top:2rem}.arrows-container.desktop-above{padding:0 0 2rem;order:-1}.arrows-container.desktop-under .splide__arrow,.arrows-container.desktop-above .splide__arrow{position:static;transform:none}.timeline--horizontal .desktop-sides .slider-button--prev{left:0;transform:translate(-100%,calc(-50% + (var(--point-size) / 2) + .75rem))}.timeline--horizontal .desktop-sides .slider-button--next{right:0;transform:translate(100%,calc(-50% + (var(--point-size) / 2) + .75rem))}}.timeline-active-content-container{overflow:hidden;opacity:1;transition:opacity var(--timeline-active-transition, .25s) ease,height var(--timeline-active-transition, .25s) ease}.timeline-active-content-container.is-transitioning{opacity:0}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-timeline.css.map */