@layer components{.timeline-legend{--timeline-legend-display:none;--timeline-legend-height:fit-content;--timeline-legend-flex-direction:column;--timeline-flex-shrink:0;--timeline-legend-border:var(--timeline-line-width) solid var(--timeline-accent-color);--timeline-legend-background-color:var(--color-bg);--timeline-legend-padding:var(--spacing-normal);--timeline-legend-position:sticky;--timeline-legend-top:var(--topbar-height);--timeline-legend-z-index:2;--timeline-legend-border-radius:var(--border-radius-default);--timeline-legend-list-style:none;--timeline-legend-list-margin:0;--timeline-legend-list-padding:0;--timeline-legend-list-display:flex;--timeline-legend-list-flex-direction:column;--timeline-legend-list-gap:var(--spacing-s);--timeline-legend-link-text-decoration:none;--timeline-legend-link-font-weight:var(--font-weight-text-bold);background-color:var(--timeline-legend-background-color);border:var(--timeline-legend-border);border-radius:var(--timeline-legend-border-radius);display:var(--timeline-legend-display);flex-direction:var(--timeline-legend-flex-direction);flex-shrink:var(--timeline-flex-shrink);height:var(--timeline-legend-height);padding:var(--timeline-legend-padding);position:var(--timeline-legend-position);top:var(--timeline-legend-top);z-index:var(--timeline-legend-z-index)}.timeline-legend__list{display:var(--timeline-legend-list-display);flex-direction:var(--timeline-legend-list-flex-direction);gap:var(--timeline-legend-list-gap);list-style:var(--timeline-legend-list-style);margin:var(--timeline-legend-list-margin);padding:var(--timeline-legend-list-padding)}.timeline-legend__link{color:var(--timeline-accent-color);font-weight:var(--timeline-legend-link-font-weight);-webkit-text-decoration:var(--timeline-legend-link-text-decoration);text-decoration:var(--timeline-legend-link-text-decoration)}.timeline-legend__link:is(:hover,:focus-visible){color:var(--timeline-accent-color-hover)}.timeline-legend__link[is-active]{color:var(--timeline-accent-color-hover)}@container (width >= 840px){.timeline[timeline-show-legend] .timeline-legend{--timeline-legend-display:flex;width:var(--timeline-legend-width)}.timeline[timeline-direction=horizontal][timeline-show-legend] .timeline-legend{--timeline-legend-display:flex;--timeline-legend-margin:0 auto;--timeline-legend-list-flex-direction:row;margin:var(--timeline-legend-margin)}}}