: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:160px;gap:var(--timeline-list-gap);padding-top:80px;padding-bottom:80px;padding-top:calc(var(--timeline-list-gap) / 2);padding-bottom:calc(var(--timeline-list-gap) / 2);position:relative;contain:paint;max-width:100%}.tad-timeline-list__progress{position:absolute;width:.25rem;width:var(--timeline-list-bar-size);height:100%;background:var(--color-bg-backdrop);background:var(--timeline-list-progress-background);contain:paint}.tad-timeline-list__current{width:.25rem;width:var(--timeline-list-bar-size);height:50vh;background-image:linear-gradient(#1f9dd8,#78b942 25%,#ffc807 50%,#ea7723 75%,#ec1c66);background-image:var(--timeline-list-current-background);position:sticky;top:0;margin-top:-50vh}.tad-timeline-list__items{display:flex;flex-direction:column;gap:160px;gap:var(--timeline-list-gap);margin:0;padding:0;max-width:100%}@media (max-width: 49.9375em){.tad-timeline-list__progress{left:calc((var(--size-gap-2xl) - .25rem) / 2);left:calc((var(--timeline-list-size-gutter) - var(--timeline-list-bar-size)) / 2)}}