.timeline__container{padding-left:12.5px;padding-right:12.5px;max-width:1360px;margin-left:auto;margin-right:auto}@media only screen and (min-width:768px){.timeline__container{padding-left:40px;padding-right:40px}}time-line{display:block}.timeline{background:var(--bg-body);color:var(--color-accent)}.timeline__inner{--timeline-ring: 11px;--timeline-indent: 32px;--timeline-ring-y: 18px;--timeline-gap: 30px;--timeline-per-view: 2.4;--timeline-columns: min(var(--timeline-per-view), max(var(--timeline-count, 1), 2))}.timeline__nav{display:none}.timeline__inner--align-left .timeline__item{text-align:start}.timeline__inner--align-center .timeline__item{text-align:center}.timeline__inner--align-right .timeline__item{text-align:end}.timeline__labels,.timeline__track{list-style:none;margin:0;padding:0}.timeline__track{position:relative;display:grid;gap:45px;padding-inline-start:var(--timeline-indent)}.timeline__track:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.timeline__track:before,.timeline__track:after{content:"";position:absolute;top:var(--timeline-ring-y);bottom:0;pointer-events:none}.timeline__track:before{inset-inline-start:calc((var(--timeline-ring) - 1px) / 2);width:1px;background:rgba(var(--color-accent-rgb),.2)}.timeline__track:after{inset-inline-start:calc((var(--timeline-ring) - 2px) / 2);width:2px;background:var(--color-accent);transform:scaleY(var(--timeline-progress, 1));transform-origin:center top}.timeline__item{position:relative;display:flex;flex-direction:column;gap:15px;min-width:0;scroll-margin-top:calc(var(--header-height, 0px) + 20px)}.timeline__item:not(.timeline__item--dated){--timeline-ring-y: 6px}.timeline__item:focus-visible{outline:2px solid var(--color-accent);outline-offset:6px}.timeline__item:before{content:"";position:absolute;top:calc(var(--timeline-ring-y) - var(--timeline-ring) / 2);inset-inline-start:calc(var(--timeline-indent) * -1);width:var(--timeline-ring);height:var(--timeline-ring);border:1px solid var(--color-accent);border-radius:50%;background:var(--bg-body);transition:background-color .25s cubic-bezier(.104,.204,.492,1)}.timeline__item.is-reached:before{background:var(--color-accent)}.timeline__track--first-undated:before,.timeline__track--first-undated:after{top:6px}.timeline__date{margin:0;color:inherit;font-variant-numeric:lining-nums}.timeline__media{position:relative;width:100%;height:0;padding-bottom:75%;overflow:hidden;background:var(--color-accent3)}.timeline__media img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.timeline__body h3{margin-bottom:10px;color:inherit;overflow-wrap:break-word}.timeline__body .rte{text-wrap:pretty}.timeline__body .rte>:last-child{margin-bottom:0}.timeline__body .text-button{margin-top:15px}@media only screen and (min-width:768px){.timeline__nav{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:40px}.timeline__rail{position:relative;flex:0 1 auto;width:calc(var(--timeline-count, 1) * 7.5rem);min-width:0}.timeline__rail:before,.timeline__rail:after{content:"";position:absolute;left:0;right:0;pointer-events:none}.timeline__rail:before{bottom:0;height:1px;background:rgba(var(--color-accent-rgb),.2)}.timeline__rail:after{bottom:-.5px;height:2px;background:var(--color-accent);transform:scaleX(var(--timeline-progress, 1));transform-origin:left center}[dir=rtl] .timeline__rail:after{transform-origin:right center}.timeline__labels{display:flex}.timeline__mark{position:relative;flex:0 1 7.5rem;min-width:0}.timeline__mark:after{content:"";position:absolute;bottom:calc(var(--timeline-ring) / -2);inset-inline-start:0;width:var(--timeline-ring);height:var(--timeline-ring);border:1px solid var(--color-accent);border-radius:50%;background:var(--bg-body);transition:background-color .25s cubic-bezier(.104,.204,.492,1);pointer-events:none;z-index:1}.timeline__mark.is-reached:after{background:var(--color-accent)}.timeline__arrows{display:flex;flex:none;gap:10px;margin-inline-start:auto}.timeline__arrows[hidden]{display:none}.timeline__arrow{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;padding:0;border:1px solid var(--color-accent);border-radius:50%;background:transparent;color:var(--color-accent);cursor:pointer;transition:all .25s cubic-bezier(.104,.204,.492,1)}.timeline__arrow svg path{stroke:currentColor}[dir=rtl] .timeline__arrow svg{transform:scaleX(-1)}.timeline__arrow:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.timeline__arrow[aria-disabled=true]{opacity:.3;cursor:default}.timeline__arrow:not([aria-disabled=true]):hover{background:var(--color-accent);color:var(--color-accent3)}.timeline__label{display:block;padding-block:4px 20px;padding-inline-end:15px;text-align:start;font-size:.875rem;line-height:1.3;letter-spacing:.1em;text-transform:uppercase;color:inherit;opacity:.6;overflow-wrap:break-word;transition:opacity .25s cubic-bezier(.104,.204,.492,1),color .25s cubic-bezier(.104,.204,.492,1)}.is-reached>.timeline__label{opacity:1}.timeline__label:hover{opacity:1;color:var(--color-accent2)}.timeline__track{display:flex;gap:var(--timeline-gap);margin-inline:-40px;padding-inline:40px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:40px;scrollbar-width:none}.timeline__track::-webkit-scrollbar{display:none}.timeline__track:focus-visible{outline-offset:-2px}.timeline__track:before,.timeline__track:after{content:none}.timeline__item{flex:none;width:calc((100% - var(--timeline-gap) * (var(--timeline-columns) - 1)) / var(--timeline-columns));scroll-snap-align:start}.timeline__item:before{content:none}.timeline__item:focus-visible{outline-offset:-2px}.timeline__media{margin-bottom:10px}}@media only screen and (min-width:1068px){.timeline__inner{--timeline-per-view: 3.4}}time-line:not(:defined) .timeline__item:before,time-line:not(:defined) .timeline__mark:after{background:var(--color-accent)}@media(forced-colors:active){.timeline__track:before,.timeline__track:after,.timeline__rail:before,.timeline__rail:after{background:CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/timeline.css.map */
