:root{--timeline-list-gap: 160px;--timeline-list-current-background: linear-gradient( #1f9dd8, #78b942 25%, #ffc807 50%, #ea7723 75%, #ec1c66 );--timeline-list-progress-background: var(--color-bg-backdrop);--timeline-list-bar-size: .25rem;--timeline-list-size-gutter: var(--size-gap-2xl)}.tad-timeline-list{display:flex;flex-direction:column;align-items:center;gap:var(--timeline-list-gap);padding-block:calc(var(--timeline-list-gap) / 2);position:relative;contain:paint;max-inline-size:100%}.tad-timeline-list__progress{position:absolute;inline-size:var(--timeline-list-bar-size);block-size:100%;background:var(--timeline-list-progress-background);contain:paint}.tad-timeline-list__current{inline-size:var(--timeline-list-bar-size);block-size:50vh;background-image:var(--timeline-list-current-background);position:sticky;inset-block-start:0;margin-block-start:-50vh}.tad-timeline-list__items{display:flex;flex-direction:column;gap:var(--timeline-list-gap);margin:0;padding:0;max-inline-size:100%}@media (max-width: 49.9375em){.tad-timeline-list__progress{inset-inline-start:calc((var(--timeline-list-size-gutter) - var(--timeline-list-bar-size)) / 2)}}