.timeline{--timeline-bg: #000000;--timeline-fg: #ffffff;--timeline-axis-color: #cccccc;--timeline-dot-size: 8px;--timeline-dot-logo-width: 17px;--timeline-dot-logo-height: 16px;--timeline-content-padding: 30px;--timeline-item-gap: 45px;--timeline-wrapper-max-width: 720px;display:block;background-color:var(--timeline-bg);color:var(--timeline-fg);width:100%;padding-inline:60px}.timeline__wrapper{position:relative;max-width:var(--timeline-wrapper-max-width);margin-inline:auto}.timeline__axis{position:absolute;inset-inline-start:50%;top:calc(-1 * var(--timeline-padding-top, 60px));bottom:calc(-1 * var(--timeline-padding-bottom, 60px));width:1px;background-color:var(--timeline-axis-color);transform:translate(-50%);z-index:0}.timeline__list{position:relative;display:flex;flex-direction:column;gap:var(--timeline-item-gap)}.timeline__item{position:relative;display:grid;grid-template-columns:1fr 1fr;opacity:0;transition:opacity .8s cubic-bezier(.25,.46,.45,.94)}.timeline__item--revealed{opacity:1}.timeline__item--left .timeline__content{grid-column:1;padding-inline-end:var(--timeline-content-padding)}.timeline__item--right .timeline__content{grid-column:2;padding-inline-start:var(--timeline-content-padding)}.timeline__dot{position:absolute;inset-inline-start:50%;top:8px;width:var(--timeline-dot-size);height:var(--timeline-dot-size);border-radius:8px;background-color:var(--timeline-fg);transform:translate(-50%);z-index:1;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease}.timeline__dot--active{transform:translate(-50%) scale(1.5);box-shadow:0 0 0 4px #fff3}.timeline__dot-logo{position:absolute;inset-inline-start:50%;top:4px;width:var(--timeline-dot-logo-width);height:var(--timeline-dot-logo-height);transform:translate(-50%);z-index:1}.timeline__dot-logo-image{display:block;width:var(--timeline-dot-logo-width);height:var(--timeline-dot-logo-height);object-fit:contain}.timeline__content{display:flex;flex-direction:column;gap:18.13px;padding-block-end:10px}.timeline__year{margin-block:0;font-family:Circular Std,sans-serif;font-weight:450;font-size:16px;line-height:24px;letter-spacing:0;color:var(--timeline-fg);transition:text-shadow .4s ease}.timeline__description{margin-block:0;font-family:Circular Std,sans-serif;font-weight:450;font-size:16px;line-height:19px;letter-spacing:.04px;color:var(--timeline-fg)}.timeline__item--emphasis .timeline__year{text-shadow:0 0 20px rgba(255,255,255,.3)}@media(prefers-reduced-motion:reduce){.timeline__item{opacity:1;transition:none}.timeline__dot{transition:none}}@media screen and (max-width:1199px){.timeline{--timeline-content-padding: 24px;--timeline-item-gap: 40px;padding-inline:40px}}@media screen and (max-width:768px){.timeline{--timeline-item-gap: 48px;--timeline-axis-offset: 24px;padding-inline:16px}.timeline__axis{inset-inline-start:var(--timeline-axis-offset);transform:none}.timeline__item{grid-template-columns:1fr}.timeline__item--left .timeline__content,.timeline__item--right .timeline__content{grid-column:1;padding-inline-start:52px;padding-inline-end:0}.timeline__dot,.timeline__dot-logo{inset-inline-start:var(--timeline-axis-offset)}.timeline__dot--active{transform:translate(-50%) scale(1.5)}}
/*# sourceMappingURL=/cdn/shop/t/298/assets/section-timeline.css.map */