#timeline-scrubber{position:fixed;inset-inline-end:0;top:0;bottom:0;width:20px;z-index:80;cursor:pointer;user-select:none;background-color:transparent;display:flex;flex-direction:column;box-sizing:border-box;transition:width var(--anim-medium) ease-out,background-color var(--anim-medium) ease-out,opacity var(--anim-medium) ease-out;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}#timeline-scrubber.expanded{width:90px;background-color:var(--bg-neutral-3-rest)}@media (min-width: 1200px){#timeline-scrubber{width:90px;background-color:var(--bg-neutral-3-rest)}}body.pane-open{--shell-margin: 20px}.scrubber-active #scroll-container{padding-inline-start:0;padding-inline-end:0;scrollbar-width:none}.scrubber-active #scroll-container::-webkit-scrollbar{display:none}@media (forced-colors: active){#timeline-scrubber{forced-color-adjust:none;background-color:Canvas;border-inline-start:2px solid CanvasText}.timeline-year-label{color:CanvasText}#timeline-scrubber .timeline-anchor-bar{background:Highlight}.timeline-anchor-marker{background-color:transparent;border:none;padding:0}#timeline-scrubber.scrolling .timeline-anchor-marker,#timeline-scrubber.expanded .timeline-anchor-marker{background-color:ButtonFace!important;border:2px solid Highlight;border-radius:4px;padding:2px 4px;box-shadow:none}.timeline-anchor-label,#timeline-scrubber.scrolling .timeline-anchor-label,.timeline-arrow{color:CanvasText}.timeline-hover-label{color:CanvasText;background:Canvas;border:2px solid CanvasText}}.timeline-arrow{display:flex;align-items:center;justify-content:flex-end;width:100%;background:none;border:none;color:var(--fg-neutral-4-rest);cursor:pointer;z-index:3;padding:0;flex-shrink:0;opacity:0;transition:opacity var(--anim-medium) ease-out,color var(--anim-short) ease;pointer-events:none}#timeline-scrubber.expanded .timeline-arrow{opacity:1;pointer-events:auto}#timeline-scrubber.expanded .timeline-arrow.at-extreme{opacity:0;pointer-events:none}.timeline-arrow svg{width:16px;height:16px;fill:currentColor}.timeline-arrow-up{padding-block-end:var(--spacing-80);padding-inline-end:17px}.timeline-arrow-down{padding-block-start:var(--spacing-80);padding-block-end:var(--spacing-120);padding-inline-end:17px}.timeline-arrow:hover{color:var(--fg-neutral-1-rest)}.timeline-arrow:active{color:var(--fg-brand-1-rest)}.timeline-arrow:focus-visible{outline:2px solid var(--fg-brand-1-rest);outline-offset:-2px}.timeline-track{position:relative;flex:1 0 0;width:100%;padding-block:var(--spacing-80);display:flex;flex-direction:column;overflow:hidden}.timeline-year-label{position:absolute;inset-inline-end:17px;font-size:var(--font-size-body-1);font-weight:var(--font-weight-body-1);color:var(--fg-neutral-4-rest);transform:translateY(-50%);pointer-events:none;white-space:nowrap;box-sizing:border-box;opacity:0;transition:opacity var(--anim-medium) ease-out}#timeline-scrubber.expanded .timeline-year-label{opacity:1}.timeline-year-dot{position:absolute;width:var(--size-60);height:var(--size-60);border-radius:var(--radius-circular);background:var(--fg-neutral-4-rest);transform:translateY(-50%);inset-inline-end:var(--size-60);pointer-events:none;opacity:0;transition:opacity var(--anim-medium) ease-out}@media (max-width: 1199px){.timeline-year-dot{inset-inline-end:7px}}#timeline-scrubber.scrolling .timeline-year-dot{opacity:1}#timeline-scrubber.expanded .timeline-year-dot{opacity:0}.timeline-anchor-bar{width:var(--size-60);height:34px;border-radius:var(--radius-circular);background:linear-gradient(260deg,var(--pill-premium-gradient-start) 21.43%,var(--pill-premium-gradient-end) 90.25%);flex-shrink:0;transition:height var(--anim-medium) ease-out,opacity var(--anim-medium) ease-out}#timeline-scrubber.at-top .timeline-anchor-bar{opacity:1}#timeline-scrubber.scrolling .timeline-anchor-bar{height:22px}#timeline-scrubber.expanded .timeline-anchor-bar{height:18px}.timeline-anchor-marker{position:absolute;inset-inline-end:var(--size-60);display:flex;align-items:center;transition:top var(--anim-short) ease-out,background-color var(--anim-medium) ease-out,box-shadow var(--anim-medium) ease-out,inset-inline-end var(--anim-medium) ease-out;pointer-events:none;z-index:2;transform:translateY(-50%);box-sizing:border-box}@media (max-width: 1199px){.timeline-anchor-marker{inset-inline-end:7px}body.od4-left-nav-mode .timeline-anchor-marker{inset-inline-end:var(--size-60)}}#timeline-scrubber.scrolling .timeline-anchor-marker{gap:var(--size-60)}@media (max-width: 1199px){#timeline-scrubber.scrolling .timeline-anchor-marker{margin-inline-end:calc(-1 * var(--spacing-20));padding-block:var(--spacing-20);padding-inline-start:var(--size-60);padding-inline-end:var(--spacing-20);border-radius:var(--radius-large);backdrop-filter:var(--effect-floating-background-blur);box-shadow:var(--effect-floating-background-shadow);background-color:var(--button-floating-background-rest)}body.od4-left-nav-mode #timeline-scrubber.scrolling .timeline-anchor-marker{margin-inline-end:0;padding:0;border-radius:0;backdrop-filter:none;box-shadow:none;background-color:transparent}}#timeline-scrubber.expanded .timeline-anchor-marker{gap:var(--spacing-40)}.timeline-anchor-label{font-size:var(--font-size-body-1);font-weight:var(--font-weight-body-1-strong);color:var(--fg-neutral-1-rest);white-space:nowrap;max-width:0;overflow:hidden;opacity:0;transition:opacity var(--anim-medium) ease-out,max-width var(--anim-medium) ease-out}#timeline-scrubber.expanded .timeline-anchor-label,#timeline-scrubber.scrolling .timeline-anchor-label{max-width:120px;opacity:1}@media (min-width: 1200px){.timeline-arrow{opacity:1;pointer-events:auto}.timeline-arrow.at-extreme{opacity:0;pointer-events:none}.timeline-year-label{opacity:1}.timeline-year-dot{opacity:0}.timeline-anchor-bar{height:18px}.timeline-anchor-marker{gap:var(--spacing-40)}.timeline-anchor-label{max-width:120px;opacity:1}}.timeline-hover-marker{position:absolute;inset-inline-end:17px;pointer-events:none;z-index:1;transform:translateY(-50%);box-sizing:border-box}.timeline-hover-label{font-size:var(--font-size-body-1);font-weight:var(--font-weight-body-1);color:var(--fg-neutral-4-rest);white-space:nowrap;box-shadow:var(--shadow-8);pointer-events:none;transition:opacity var(--anim-short) ease-out}[data-theme=light] .timeline-hover-label{box-shadow:none}
