:root{--timeline-dot: 12px}.pageblock--timeline{position:relative;min-height:200vh;margin-top:-10px}.pageblock--timeline .container{position:sticky;top:0;display:flex;gap:100px;align-items:center;height:100vh}@container style(--breakpoint-lg-max: true){.pageblock--timeline .container{flex-direction:column;height:auto}}:root[style*="--breakpoint-lg-max: true"] .applyContainerPolyFill .pageblock--timeline .container{flex-direction:column;height:auto}.pageblock--timeline .timeline__content-left{width:40%}@container style(--breakpoint-lg-max: true){.pageblock--timeline .timeline__content-left{width:100%}}:root[style*="--breakpoint-lg-max: true"] .applyContainerPolyFill .pageblock--timeline .timeline__content-left{width:100%}.pageblock--timeline .timeline__content-right{position:relative;display:flex;gap:30px;width:60%}@container style(--breakpoint-lg-max: true){.pageblock--timeline .timeline__content-right{width:100%;height:auto}}:root[style*="--breakpoint-lg-max: true"] .applyContainerPolyFill .pageblock--timeline .timeline__content-right{width:100%;height:auto}.pageblock--timeline .timeline__line{position:relative;width:2px;border-left:2px dashed var(--color-neutral-0)}@container style(--breakpoint-lg-max: true){.pageblock--timeline .timeline__line{position:absolute;top:0;bottom:0;height:auto}}:root[style*="--breakpoint-lg-max: true"] .applyContainerPolyFill .pageblock--timeline .timeline__line{position:absolute;top:0;bottom:0;height:auto}.pageblock--timeline .timeline__line .timeline__dot{position:absolute;top:var(--timeline-dot);left:-10px;width:20px;height:20px;background-color:var(--color-primary-500);border-radius:50%;will-change:top}.pageblock--timeline .list{display:flex;flex:1;flex-direction:column;gap:50px;will-change:transform}@container style(--breakpoint-lg-max: true){.pageblock--timeline{min-height:auto}}:root[style*="--breakpoint-lg-max: true"] .applyContainerPolyFill .pageblock--timeline{min-height:auto}