/* The download statistics chart on the home page (javascript/download_stats.js).
   The readthedocs theme is light only, so the chart is too. */
#download-stats {
  --viz-surface:    #fcfcfb;
  --viz-text:       #0b0b0b;
  --viz-text-2:     #52514e;
  --viz-muted:      #807e78;
  --viz-grid:       #e6e5e0;
  --viz-series:     #2a78d6;
  margin: 12px 0 24px;
}
#download-stats.viz-missing { color: var(--viz-text-2); font-style: italic; }
#download-stats .viz-head { margin-bottom: 8px; }
#download-stats .viz-hero {
  font-size: 48px; font-weight: 600; line-height: 1.1; color: var(--viz-text);
}
#download-stats .viz-label { color: var(--viz-text-2); }
#download-stats .viz-box {
  position: relative; background: var(--viz-surface); max-width: 100%; overflow: hidden;
}
#download-stats svg { display: block; }
#download-stats .viz-grid { stroke: var(--viz-grid); stroke-width: 1; }
#download-stats .viz-axis { stroke: var(--viz-muted); stroke-width: 1; }
#download-stats .viz-tick {
  fill: var(--viz-text-2); font-size: 12px; font-variant-numeric: tabular-nums;
}
#download-stats .viz-area { fill: var(--viz-series); fill-opacity: 0.1; }
#download-stats .viz-line {
  fill: none; stroke: var(--viz-series); stroke-width: 2;
  stroke-linejoin: round; stroke-linecap: round;
}
#download-stats .viz-dot { fill: var(--viz-series); stroke: var(--viz-surface); stroke-width: 2; }
#download-stats .viz-hair { stroke: var(--viz-muted); stroke-width: 1; }
#download-stats .viz-hit { fill: transparent; cursor: crosshair; outline: none; }
#download-stats .viz-hit:focus-visible { stroke: var(--viz-series); stroke-width: 2; }
#download-stats .viz-tip {
  position: absolute; pointer-events: none; white-space: nowrap;
  background: #fff; border: 1px solid var(--viz-grid); border-radius: 4px;
  padding: 4px 8px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12); font-size: 13px;
}
#download-stats .viz-tip strong { display: block; color: var(--viz-text); }
#download-stats .viz-tip span { color: var(--viz-text-2); }
#download-stats .viz-table { margin-top: 8px; }
#download-stats .viz-table summary { cursor: pointer; color: var(--viz-text-2); }
#download-stats .viz-table td:not(:first-child),
#download-stats .viz-table th:not(:first-child) {
  text-align: right; font-variant-numeric: tabular-nums;
}
