.chartkit {
  height: 100%;
  width: 100%;
}

.chartkit_mobile .chartkit-scrollable-node {
  max-height: 3000px;
}

.chartkit-theme_common {
  --highcarts-navigator-border: var(--g-color-line-generic);
  --highcarts-navigator-track: var(--g-color-base-generic);
  --highcarts-navigator-body: var(--g-color-scroll-handle);
  --highcharts-series-border: var(--g-color-base-background);
  --highcharts-grid-line: var(--g-color-line-generic);
  --highcharts-axis-line: var(--g-color-line-generic);
  --highcharts-tick: var(--g-color-line-generic);
  --highcharts-title: var(--g-color-text-primary);
  --highcharts-axis-labels: var(--g-color-text-secondary);
  --highcharts-data-labels: var(--g-color-text-secondary);
  --highcharts-plot-line-label: var(--g-color-text-secondary);
  --highcharts-legend-item: var(--g-color-text-secondary);
  --highcharts-legend-item-hover: var(--g-color-text-primary);
  --highcharts-legend-item-hidden: var(--g-color-text-hint);
  --highcharts-floating-bg: var(--g-color-infographics-tooltip-bg);
  --highcharts-tooltip-text: var(--g-color-text-primary);
  --highcharts-tooltip-bg: var(--highcharts-floating-bg);
  --highcharts-tooltip-alternate-bg: var(--g-color-base-generic);
  --highcharts-tooltip-selected-bg: var(--g-color-base-info-medium);
  --highcharts-tooltip-text-complementary: var(--g-color-text-secondary);
  --highcharts-holiday-band: var(--g-color-base-generic);
}