.timeline{--timeline-border-width: .125rem;--timeline-background-color: var(--color-white);--timeline-padding-left: var(--spacing-xl);--timeline-margin-left: 0;--timeline-number-width: 3.125rem;--timeline-number-margin-top: -.25em;--timeline-number-content: counter(timeline-item);display:flex;flex-direction:column;gap:var(--spacing-xxl);position:relative;padding-left:var(--timeline-padding-left);counter-reset:timeline-item;margin-bottom:0;margin-left:var(--timeline-margin-left);overflow:hidden;padding-top:var(--spacing-xs)}@media screen and (min-width: 48rem){.timeline{--timeline-padding-left: var(--spacing-xxl);--timeline-margin-left: calc(var(--timeline-number-width) * -.5)}}@media screen and (min-width: 64rem){.timeline{--timeline-padding-left: var(--spacing-3xl)}}.timeline--unordered{--timeline-padding-left: var(--spacing-xl);--timeline-number-width: 1.5625rem;--timeline-number-margin-top: 0;--timeline-number-content: ""}.timeline:before{content:"";position:absolute;top:var(--spacing);bottom:var(--spacing);left:calc(var(--timeline-number-width) / 2);width:var(--timeline-border-width);height:100%;background-color:var(--timeline-background-color);transform:translate(-50%);font-size:1.375rem}.timeline__item{counter-increment:timeline-item;display:flex}.timeline__item:before{content:var(--timeline-number-content);position:absolute;left:0;display:inline-flex;width:var(--timeline-number-width);height:var(--timeline-number-width);background:var(--timeline-background-color);border-radius:50%;align-items:center;justify-content:center;font-weight:var(--font-weight-medium);margin-top:var(--timeline-number-margin-top);font-size:1.375rem;font-family:var(--font-family-interactive)}@media screen and (min-width: 48rem){.timeline__item:before{font-size:1.5rem}}.timeline__item-inner{display:flex;flex-direction:column;gap:var(--spacing);min-height:var(--timeline-number-width)}.timeline__item:last-of-type{margin-bottom:0}.timeline__item-heading{margin:0;font-size:1.375rem}@media screen and (min-width: 48rem){.timeline__item-heading{font-size:1.5rem}}.timeline__item-text p{white-space:pre-line;margin:0}.timeline__item-link{display:inline-flex;align-items:center;gap:var(--spacing-s);color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none;font-size:1.25rem;font-family:var(--font-family-interactive);margin-right:auto}.timeline__item-link:hover,.timeline__item-link:focus{text-decoration:underline}
