:root {

  --chart-trend-plot-height-xs: 3.5rem;
  --chart-trend-plot-height-sm: 5rem;
  --chart-trend-plot-height-md: 7.5rem;
  --chart-trend-plot-height-lg: 10rem;

  --chart-trend-plot-height: var(--chart-trend-plot-height-xs);

  --chart-trend-bar-gap: var(--space-2);
  --chart-trend-bar-radius: initial;

  --chart-trend-bar-max-width: 1.5rem;

  --chart-trend-bar-min-height: initial;

  --chart-trend-bar-background: initial;

  --chart-trend-bar-background-alpha: 0.75;

  --chart-trend-bar-emphasis-background: initial;

  --chart-trend-baseline-border: initial;
  --chart-trend-tick-gap: var(--space-1);
  --chart-trend-tick-font-size: var(
    --font-size-xs,
    calc(var(--font-size-base) / var(--font-size-ratio))
  );

  --chart-trend-footer-gap: var(--space-2);
}

:root {
  --chart-category-axis-gap: var(--space-2);

  --chart-category-axis-max-fraction: 0.4;
}

:root {

  --chart-series-stroke-width: 2;

  --chart-area-fill-alpha: 0.2;

  --chart-grid-line-dash: 3 3;
}

:root {

  --chart-heatmap-cell-size-xs: 1.5rem;
  --chart-heatmap-cell-size-sm: 1.75rem;
  --chart-heatmap-cell-size-md: 2rem;
  --chart-heatmap-cell-size-lg: 2.5rem;

  --chart-heatmap-cell-size: var(--chart-heatmap-cell-size-md);

  --chart-heatmap-cell-gap: var(--stroke-md);
  --chart-heatmap-cell-radius: initial;

  --chart-heatmap-empty-border: initial;

  --chart-heatmap-emphasis-border: initial;
  --chart-heatmap-emphasis-width: var(--stroke-md);

  --chart-heatmap-row-header-background: initial;
  --chart-heatmap-tick-font-size: var(
    --font-size-xs,
    calc(var(--font-size-base) / var(--font-size-ratio))
  );

  --chart-heatmap-legend-swatch-size: var(--space-3);
  --chart-heatmap-legend-gap: var(--space-2);
}