.s-timeline{display:block;padding-block:var(--sg-space-48)}.s-timeline__layout{row-gap:var(--sg-space-40)}.s-timeline__intro{display:flex;flex-direction:column;align-items:center;gap:var(--sg-space-12);text-align:center}.s-timeline__heading{color:var(--sg-color-black)}.s-timeline__text{max-width:56rem;color:var(--sg-color-black-80);font-size:var(--sg-type-text-md-size);line-height:var(--sg-type-text-md-line-height);text-wrap:balance}.s-timeline__hint{display:none}.s-timeline__nav{--s-timeline-line-offset: calc(50% / var(--s-timeline-count));--s-timeline-line-length: calc(100% - 100% / var(--s-timeline-count));position:relative;display:grid;grid-auto-rows:minmax(5.6rem,1fr);margin:0;padding:0;list-style:none}.s-timeline__nav:before,.s-timeline__nav:after{content:"";position:absolute;top:var(--s-timeline-line-offset);left:50%;width:2px;transform:translate(-50%)}.s-timeline__nav:before{height:var(--s-timeline-line-length);background-color:var(--sg-color-grey-250)}.s-timeline__nav:after{height:calc(var(--s-timeline-line-length) * var(--s-timeline-index) / max(var(--s-timeline-count) - 1,1));background-color:var(--sg-color-black);transition:height var(--sg-duration-base) var(--sg-ease),width var(--sg-duration-base) var(--sg-ease)}.s-timeline__nav-item{display:flex}.s-timeline__point{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;width:100%;margin:0;padding:0;border:0;background:none;font:inherit;cursor:pointer}.s-timeline__point:focus-visible{outline:2px solid var(--sg-color-black);outline-offset:2px}.s-timeline__dot{position:absolute;top:50%;left:50%;z-index:1;width:1.6rem;height:1.6rem;border:2px solid var(--sg-color-grey-250);border-radius:var(--sg-radius-pill);background-color:var(--sg-color-white);transform:translate(-50%,-50%);transition:background-color var(--sg-duration-fast) var(--sg-ease),border-color var(--sg-duration-fast) var(--sg-ease),transform var(--sg-duration-fast) var(--sg-ease)}.s-timeline__point:hover .s-timeline__dot{border-color:var(--sg-color-black);transform:translate(-50%,-50%) scale(1.25)}.s-timeline__point[aria-selected=true] .s-timeline__dot{border-color:var(--sg-color-black);background-color:var(--sg-color-blue);transform:translate(-50%,-50%) scale(1.25)}.s-timeline__point-text{display:flex;flex-direction:column;gap:var(--sg-space-4);grid-row:1}.s-timeline__nav-item:nth-child(odd) .s-timeline__point-text{grid-column:1;padding-inline-end:var(--sg-space-32);text-align:right}.s-timeline__nav-item:nth-child(2n) .s-timeline__point-text{grid-column:2;padding-inline-start:var(--sg-space-32);text-align:left}.s-timeline__point-year,.s-timeline__point-label{color:var(--sg-color-grey-600);transition:color var(--sg-duration-fast) var(--sg-ease)}.s-timeline__point-label{font-weight:var(--sg-font-weight-regular);text-wrap:balance}.s-timeline__point:hover .s-timeline__point-year,.s-timeline__point:hover .s-timeline__point-label,.s-timeline__point[aria-selected=true] .s-timeline__point-year,.s-timeline__point[aria-selected=true] .s-timeline__point-label{color:var(--sg-color-black)}.s-timeline__viewport{overflow:clip}.s-timeline__track{display:grid;grid-auto-columns:100%;grid-auto-flow:column;touch-action:pan-y;transition:transform var(--sg-duration-base) var(--sg-ease)}.s-timeline__panel-year{color:var(--sg-color-black)}.s-timeline__panel-title{margin-block-end:var(--sg-space-12);color:var(--sg-color-black)}.s-timeline__panel-text{color:var(--sg-color-black-80)}.s-timeline__controls{display:flex;justify-content:space-between;gap:var(--sg-space-16);margin-block-start:var(--sg-space-32)}.s-timeline__control{transition:opacity var(--sg-duration-fast) var(--sg-ease),visibility var(--sg-duration-fast) var(--sg-ease),background-color var(--sg-duration-fast) var(--sg-ease),border-color var(--sg-duration-fast) var(--sg-ease)}.s-timeline__control:disabled{visibility:hidden;opacity:0}@media screen and (min-width:750px){.s-timeline{padding-block:var(--sg-space-60)}}@media screen and (min-width:990px){.s-timeline__layout{row-gap:var(--sg-space-60)}.s-timeline__nav{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;grid-auto-rows:auto;grid-row:1}.s-timeline__nav:before,.s-timeline__nav:after{top:50%;left:var(--s-timeline-line-offset);width:var(--s-timeline-line-length);height:2px;transform:translateY(-50%)}.s-timeline__nav:after{width:calc(var(--s-timeline-line-length) * var(--s-timeline-index) / max(var(--s-timeline-count) - 1,1))}.s-timeline__point{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));padding-inline:var(--sg-space-8)}.s-timeline__nav-item:nth-child(odd) .s-timeline__point-text,.s-timeline__nav-item:nth-child(2n) .s-timeline__point-text{grid-column:1;padding-inline:0;text-align:center}.s-timeline__nav-item:nth-child(odd) .s-timeline__point-text{grid-row:2;align-self:start;padding-block-start:var(--sg-space-24)}.s-timeline__nav-item:nth-child(2n) .s-timeline__point-text{grid-row:1;align-self:end;padding-block-end:var(--sg-space-24)}.s-timeline__intro{grid-column:1 / span 5;grid-row:2;align-self:start;align-items:flex-start;gap:var(--sg-space-24);padding:var(--sg-space-48) var(--sg-space-40);border-radius:var(--sg-radius-lg);background-color:var(--sg-color-black);text-align:left}.s-timeline__heading,.s-timeline__text{color:var(--sg-color-white)}.s-timeline__text{font-size:var(--sg-type-text-lg-size);line-height:var(--sg-type-text-lg-line-height);text-wrap:pretty}.s-timeline__hint{display:block}.s-timeline__content{grid-column:7 / -1;grid-row:2}.s-timeline__panel-title{font-size:var(--sg-type-h2-size);line-height:var(--sg-type-h2-line-height)}.s-timeline__controls{margin-block-start:var(--sg-space-48)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/s-timeline.css.map */