body.od4-left-nav-mode #album-detail,body.od4-left-nav-mode #person-detail{--shell-margin: 68px;--shell-start-margin: 68px}body.od4-left-nav-mode #timeline-scrubber,body.od4-left-nav-mode #timeline-scrubber.expanded{width:52px;z-index:110}@media (min-width: 1200px){body.od4-left-nav-mode #timeline-scrubber{width:52px}}body.od4-left-nav-mode .timeline-arrow{align-self:center;width:24px;height:28px;padding:6px 4px;justify-content:center;border-radius:var(--radius-circular);color:var(--fg-neutral-4-rest);background-color:transparent;transition:background-color var(--anim-hover),color var(--anim-hover),opacity var(--anim-medium) ease-out}body.od4-left-nav-mode .timeline-arrow-up{margin-block:var(--spacing-80) 0;padding:6px 4px}body.od4-left-nav-mode .timeline-arrow-down{margin-block:0 var(--spacing-120);padding:6px 4px}body.od4-left-nav-mode .timeline-arrow:hover{background-color:var(--bg-neutral-2-hover);color:var(--fg-neutral-3-hover)}body.od4-left-nav-mode .timeline-arrow:active{background-color:var(--bg-neutral-2-pressed);color:var(--fg-neutral-3-pressed)}body.od4-left-nav-mode #timeline-scrubber.expanded .timeline-arrow.at-extreme{opacity:1;pointer-events:none;color:var(--fg-neutral-disabled-1-rest);background-color:transparent}body.od4-left-nav-mode .timeline-year-label{inset-inline-start:0;inset-inline-end:0;text-align:center;font-size:var(--font-size-caption-1);font-weight:var(--font-weight-caption-1)}body.od4-left-nav-mode .timeline-year-dot{inset-inline-start:0;inset-inline-end:0;margin-inline:auto}body.od4-left-nav-mode .timeline-anchor-marker{inset-inline-start:0;inset-inline-end:0;justify-content:center}body.od4-left-nav-mode #timeline-scrubber.dragging .timeline-anchor-marker{transition:none}body.od4-left-nav-mode .timeline-anchor-label{display:none}body.od4-left-nav-mode .timeline-anchor-bar,body.od4-left-nav-mode #timeline-scrubber.scrolling .timeline-anchor-bar,body.od4-left-nav-mode #timeline-scrubber.expanded .timeline-anchor-bar{width:20px;height:4px;background:var(--fg-brand-1-rest)}body.od4-left-nav-mode .timeline-hover-marker{inset-inline-start:0;inset-inline-end:0;display:flex;align-items:center;justify-content:center}body.od4-left-nav-mode .timeline-hover-marker:after{content:"";width:20px;height:4px;border-radius:var(--radius-circular);background:var(--fg-neutral-2-rest)}body.od4-left-nav-mode #timeline-scrubber.dragging .timeline-hover-marker:after{visibility:hidden}body.od4-left-nav-mode .timeline-hover-label{padding:0 var(--spacing-120) 2px;text-align:center;white-space:nowrap;border-radius:var(--radius-circular);background:var(--button-floating-background-rest);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);box-shadow:var(--effect-floating-background-shadow);font-size:var(--font-size-body-1-strong);font-weight:var(--font-weight-body-1-strong);line-height:var(--line-height-body-1-strong);color:var(--fg-neutral-2-rest)}body.od4-left-nav-mode .timeline-hover-label:not(.timeline-hover-label--floating){position:absolute;top:50%;inset-inline-end:calc(50% + 10px + var(--spacing-80));transform:translateY(-50%)}body.od4-left-nav-mode .timeline-hover-label--floating{position:fixed;transform:translateY(-50%);pointer-events:none;z-index:120}@media (forced-colors: active){body.od4-left-nav-mode #timeline-scrubber,body.od4-left-nav-mode #timeline-scrubber.expanded{background-color:Canvas}body.od4-left-nav-mode .timeline-year-label{color:CanvasText}body.od4-left-nav-mode .timeline-arrow{color:ButtonText;background-color:transparent;border:2px solid transparent}body.od4-left-nav-mode .timeline-arrow:hover{color:ButtonText;background-color:transparent;border-color:Highlight}body.od4-left-nav-mode .timeline-arrow:active{color:HighlightText;background-color:Highlight;border-color:Highlight}body.od4-left-nav-mode #timeline-scrubber.expanded .timeline-arrow.at-extreme{color:GrayText;background-color:transparent;border-color:transparent}body.od4-left-nav-mode .timeline-anchor-bar,body.od4-left-nav-mode #timeline-scrubber.scrolling .timeline-anchor-bar,body.od4-left-nav-mode #timeline-scrubber.expanded .timeline-anchor-bar{background:Highlight}body.od4-left-nav-mode .timeline-hover-marker:after{background:CanvasText}body.od4-left-nav-mode .timeline-hover-label,body.od4-left-nav-mode .timeline-hover-label--floating{color:CanvasText;background:Canvas;border:2px solid CanvasText;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}}