.timeline{--progressbar-width:0.125rem;--progressbar-background:var(--surface-primary-invert-10,rgba(22,22,14,.1));--sticky-position:50vh;clip-path:inset(0 -100vmax)}.timeline__wrapper{display:flex;flex-direction:column;justify-content:center;margin:var(--space-s) auto 0;padding-bottom:var(--space-m);padding-top:var(--space-m);position:relative}@media (min-width:48.001rem){.timeline__wrapper{align-items:center}}.timeline__progress{background-color:var(--progressbar-background);clip-path:inset(0 0 0 0);height:100%;position:absolute;width:var(--progressbar-width);z-index:-2}@media (max-width:48rem){.timeline__progress{margin-left:.2rem}}.timeline__progress--bar{background-color:var(--color-white);height:var(--sticky-position);inset:0 auto var(--sticky-position);position:fixed;width:var(--progressbar-width);z-index:-1}.timeline .timeline-item+.timeline-item{margin-top:var(--space-l)}.timeline-item{--circle-size:1rem;display:grid;width:100%;z-index:2}@media (min-width:48.001rem){.timeline-item{--circle-size:2.5rem}}.timeline-item .timeline-item__center{grid-area:circle}.timeline-item.timeline-item--left .timeline-item__wrapper{grid-area:left}@media (min-width:48.001rem){.timeline-item{grid-template-areas:"left circle right";grid-template-columns:1fr var(--space-2xl) 1fr}.timeline-item.timeline-item--right .timeline-item__wrapper{grid-area:right}}@media (max-width:48rem){.timeline-item{grid-template-areas:"circle left";grid-template-columns:1rem auto;margin-left:.2rem}.timeline-item.timeline-item--left{grid-area:left;margin-bottom:var(--space-m);opacity:1!important}.timeline-item.timeline-item--right{grid-area:left}.timeline-item .timeline-item__center{transform:translateX(calc(var(--circle-size)/-2 + .0375rem))}}.timeline-item__wrapper{background:var(--surface-primary,#fffffc);border:1px solid var(--surface-primary-invert-10,rgba(22,22,14,.1));padding:var(--space-s)}.timeline-item__center{display:flex;justify-content:center}.timeline-item__circle{background:var(--surface-secondary);height:calc(var(--circle-size) + var(--space-4xs)*2);margin:calc(var(--space-4xs)*-1) 0;padding:var(--space-4xs) 0;position:sticky;top:var(--sticky-position);width:var(--circle-size)}.timeline-item__circle svg{height:auto;width:100%}.timeline-item__content{margin-top:var(--space-3xs)}