.timeline-date-navigator{z-index:15;width:40px;height:min(var(--timeline-navigator-height), 48dvh);color:var(--color-primary);-webkit-user-select:none;user-select:none;position:fixed;top:35vh;right:max(12px,50vw - 650px)}.timeline-date-navigator-track{background:color-mix(in srgb, var(--color-primary) 20%, var(--line));pointer-events:none;border-radius:999px;width:2px;position:absolute;inset:8px 19px}.timeline-date-navigator-tick{background:color-mix(in srgb, var(--color-primary) 36%, var(--line));width:8px;height:1px;position:absolute;left:-3px}.timeline-date-navigator-year{background:var(--surface-solid);color:var(--muted);font-variant-numeric:tabular-nums;opacity:.92;border-radius:6px;padding:3px 5px;font-size:.61rem;line-height:1;position:absolute;right:10px;transform:translateY(-50%)}.timeline-date-navigator-thumb{top:var(--timeline-navigator-progress);border:2px solid var(--surface-solid,white);background:var(--color-primary);width:10px;height:20px;box-shadow:0 0 0 1px color-mix(in srgb, var(--color-primary) 25%, transparent), 0 2px 8px color-mix(in srgb, var(--color-primary) 18%, transparent);border-radius:999px;position:absolute;left:-4px;transform:translateY(-50%)}.timeline-date-navigator-label{top:var(--timeline-navigator-progress);border:1px solid color-mix(in srgb, var(--color-primary) 20%, var(--line));background:var(--surface-solid,white);box-shadow:var(--shadow);color:var(--color-primary);white-space:nowrap;opacity:0;border-radius:12px 12px 4px;padding:8px 12px;font-size:.75rem;font-weight:800;line-height:1.3;transition:opacity .16s,transform .16s;position:absolute;right:21px;transform:translate(4px,-50%)}.timeline-date-navigator:is(:hover,:focus-within,[data-dragging=true]) .timeline-date-navigator-label{opacity:1;transform:translateY(-50%)}.timeline-date-navigator:is(:hover,:focus-within,[data-dragging=true]) .timeline-date-navigator-year{opacity:.25}.timeline-date-navigator-input[type=range]{writing-mode:vertical-lr;appearance:none;width:40px;height:100%;min-height:0;box-shadow:none;cursor:ns-resize;touch-action:none;opacity:0;direction:ltr;background:0 0;border:0;border-radius:14px;margin:0;padding:0;position:absolute;inset:0}.timeline-date-navigator-input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;width:40px;height:100%}.timeline-date-navigator-input[type=range]::-webkit-slider-thumb{appearance:none;background:0 0;border:0;width:40px;height:16px}.timeline-date-navigator-input[type=range]::-moz-range-track{background:0 0;border:0;width:40px;height:100%}.timeline-date-navigator-input[type=range]::-moz-range-thumb{background:0 0;border:0;width:40px;height:16px}.timeline-date-navigator:focus-within .timeline-date-navigator-thumb{outline:2px solid var(--color-primary);outline-offset:4px}.timeline-date-navigator-help{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (max-width:640px){.timeline-date-navigator{width:34px;right:2px}.timeline-date-navigator-track{left:16px;right:16px}.timeline-date-navigator-year{display:none}.timeline-date-navigator-input[type=range]{width:34px}.timeline-date-navigator-label{right:16px}}@media (prefers-reduced-motion:reduce){.timeline-date-navigator-label{transition:none}}