:where(.timeline__content){--timeline-active: rgb(var(--color-heading));--timeline-inactive: rgba(var(--color-border));--timeline-background: rgb(var(--color-background))}main:has(.section--timeline) section:not(.section--timeline){z-index:1;position:relative}.timeline__content{grid-template-rows:auto;grid-template-columns:1fr;grid-auto-columns:1fr;display:grid;position:relative}@media (min-width: 768px){.timeline__content{justify-items:center}}.timeline__progress{z-index:0;flex-direction:column;align-items:center;width:1.25rem;height:100%;display:flex;position:absolute}.timeline__fade-overlay-top{z-index:1;background-image:linear-gradient(180deg,rgb(var(--color-background)),#0000);width:3px;height:4rem;position:absolute}.timeline__progress-line{z-index:0;background-color:rgb(var(--color-heading));width:3px;height:50vh;margin-top:-50vh;position:sticky;top:0}.timeline__line{background-color:var(--timeline-inactive);width:3px;height:100%}.timeline__fade-overlay-bottom{z-index:1;background-image:linear-gradient(180deg,#fff0,var(--timeline-background));width:4px;height:4rem;position:absolute;bottom:0%}.timeline__progress-line-cover{z-index:2;background-color:var(--timeline-background);width:100%;height:50vh;position:absolute;top:-50vh}@media (max-width: 767px){.timeline-card{flex-direction:column;display:flex}.timeline-card__marker{order:1}.timeline-card__info{order:2;padding-left:3rem;margin-top:-2.5rem}.timeline-card__media{order:3;padding-left:3rem;margin-bottom:6rem}}@media (min-width: 768px){.timeline-card{grid-column-gap:3rem;grid-template-rows:auto;grid-template-columns:1fr max-content 1fr;grid-auto-columns:1fr;display:grid;padding-bottom:6rem}.timeline-card:nth-child(odd) .timeline-card__media{order:1}.timeline-card:nth-child(odd) .timeline-card__info{order:-1;text-align:right}.timeline-card__info{padding-top:1.5rem}}.timeline-card__media,.timeline-card__marker{padding-top:3rem}.timeline__marker{width:1.25rem;height:1.25rem;border-radius:50%;box-shadow:0 0 0 8px var(--timeline-background);background-color:var(--timeline-inactive);transition:background-color .2s ease;position:relative;z-index:1}.timeline__marker.in-view{background-color:var(--timeline-active)}.timeline-card__info h3{opacity:.4;font-weight:600}
/*# sourceMappingURL=/cdn/shop/t/55/assets/section-timeline.css.map */