: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: var(--radius-sm);

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

  --chart-trend-bar-min-height: var(--stroke-md);

  --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;
}