.chart-navigation{min-width:0;margin:12px 0 4px;color:var(--text);font-size:14px;line-height:1.3}
.chart-navigation[hidden]{display:none!important}
.chart-nav-labels{display:flex;justify-content:space-between;gap:16px;min-width:0}
.chart-nav-label{min-width:0;max-width:50%;display:grid;gap:2px}
.chart-nav-label:last-child{text-align:right}
.chart-nav-label-name{color:var(--muted);font-size:12px}
.chart-nav-label-value{display:block;font:inherit;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.chart-nav-track{position:relative;height:44px;margin:0 44px;min-width:0;touch-action:none;user-select:none}
.chart-nav-rail{position:absolute;left:0;right:0;top:20px;height:4px;border-radius:3px;background:var(--line)}
.chart-navigation .chart-nav-window{position:absolute;top:0;height:44px;min-height:44px;min-width:0;margin:0;padding:0;border:0;border-radius:4px;background:transparent;box-shadow:none;cursor:grab;box-sizing:border-box;touch-action:none;user-select:none}
.chart-nav-window:before{content:"";position:absolute;left:0;right:0;top:20px;height:4px;border:0;border-radius:3px;background:var(--accent);box-sizing:border-box}
.chart-navigation .chart-nav-handle{position:absolute;top:0;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin:0;border:0;border-radius:6px;background:transparent;box-shadow:none;color:var(--accent);cursor:ew-resize;touch-action:none;user-select:none}
.chart-nav-start{transform:translateX(-100%)}
.chart-nav-handle:before{content:"";position:absolute;top:10px;width:12px;height:24px;box-sizing:border-box;border:1.5px solid var(--accent);border-radius:6px;background:var(--card);z-index:1}
.chart-nav-start:before{right:-6px}.chart-nav-end:before{left:-6px}
.chart-navigation[data-zooming] .chart-nav-window{cursor:grabbing}
.chart-navigation button.chart-nav-window,.chart-navigation button.chart-nav-handle{appearance:none;-webkit-appearance:none;outline:0;box-shadow:none;line-height:1;color:var(--accent);background:transparent;overflow:visible}
.chart-navigation button.chart-nav-window:hover,.chart-navigation button.chart-nav-handle:hover,.chart-navigation button:focus-visible{outline:0;box-shadow:none;background:transparent}
.chart-navigation .chart-nav-handle{z-index:2}.chart-navigation .chart-nav-window{z-index:1}
.chart-navigation .chart-nav-handle:focus-visible:before{outline:2px solid var(--accent);outline-offset:2px}
.chart-navigation .chart-nav-window:focus-visible:before{outline:2px solid var(--accent);outline-offset:3px}
.chart-navigation.is-full .chart-nav-window:disabled{opacity:1}
.chart-navigation button:disabled{opacity:.45;cursor:default}
.chart-nav-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:480px){.chart-navigation{margin-top:10px}.chart-nav-labels{gap:10px}}