.timeline{align-items:center;block-size:32rem;display:flex;overflow-x:auto;overflow-y:hidden}@media (min-width:1440px){.timeline{max-inline-size:unset;padding-inline-start:calc((100vw - var(--container-max-inline))/2 + var(--space-8x))}}@media (pointer:fine){.timeline{-webkit-user-select:none;-moz-user-select:none;user-select:none}}.timeline__year{align-items:center;block-size:8rem;border:2px solid var(--feature);border-radius:50%;color:var(--feature);display:flex;font-size:2.4rem;font-weight:700;inline-size:8rem;justify-content:center}.timeline__text,.timeline__year{background-color:var(--background);flex-shrink:0}.timeline__text{border:2px solid var(--feature);border-radius:var(--border-radius-outer);font-size:1.4rem;max-inline-size:20rem;padding:var(--space-4x)}.bump,.line{flex-shrink:0}.line{background-color:var(--feature);block-size:2px;inline-size:4rem}.bump-holder{align-items:flex-end;block-size:16rem;display:flex;margin:0 2.4rem 16rem;padding-block:2.5rem}.bump-holder--flip{transform:scaleY(-1);transform-origin:bottom center}.bump{--height:2rem;block-size:calc(var(--height) - 2.5rem);border-inline-end:2px solid var(--feature);border-inline-start:2px solid var(--feature);inline-size:5.1rem;margin:0 -.15rem;position:relative}.bump--size-2{--height:7rem}.bump--size-3{--height:12rem}.joiner{block-size:2.5rem;inline-size:2.5rem;inset-block-end:-2.5rem;inset-inline-end:100%;overflow:hidden;position:absolute}.joiner:after{block-size:5rem;border:2px solid var(--feature);border-radius:50%;content:"";display:block;inline-size:5rem;inset-block-end:0;inset-inline-end:0;position:absolute}.joiner--end{inset-inline-end:auto;inset-inline-start:100%}.joiner--end:after{inset-inline-end:auto;inset-inline-start:0}.semi-circle{block-size:2.5rem;inset-block-start:-2.5rem;inset-inline-start:-.1rem;overflow:hidden}.semi-circle,.semi-circle:after{inline-size:5rem;position:absolute}.semi-circle:after{block-size:5rem;border:2px solid var(--feature);border-radius:50%;content:"";display:block;inset-block-start:0;inset-inline-start:0}.bump-holder,.line,.timeline__text,.timeline__year{pointer-events:noned}.timeline-holder{position:relative}.scroll-zone{bottom:0;position:absolute;top:0;width:15%;z-index:-1}.scroll-zone--left{left:0}.scroll-zone--right{right:0}