:root {
  --focus-color: #097efb;
  --focus-color-dark-bg: #3b99fc;
}
@media (prefers-color-scheme: dark) {
  :root {
    --focus-color: #3b99fc;
    --focus-color-dark-bg: #097efb;
  }
}
body {
  --text-zoom-factor: 1;
}
.chart-example path {
  stroke: steelblue;
  stroke-width: 2;
  fill: none;
}
.chart-example .axis path,
.chart-example .axis line {
  fill: none;
  stroke: grey;
  stroke-width: 1;
  shape-rendering: crispEdges;
}
.chart-example table {
  margin: 20px auto 0 auto;
  border: solid 1px black;
  width: initial;
}
.chart-example svg {
  font-size: 1rem;
}
.chart-example .tick text {
  font-size: calc(0.625rem * var(--text-zoom-factor));
}
#bar-chart {
  height: 400px;
}
#bar-chart .ct-horizontal.ct-label {
  display: block;
  padding-right: 10px;
  white-space: nowrap;
  transform-origin: center right;
  transform: translateX(-170px) translateY(-10px) rotate(-35deg);
  min-width: 200px;
  text-align: right;
}
#bar-chart .ct-label {
  fill: #000;
  color: #000;
}
#bar-chart.bar-chart--initialized {
  margin-bottom: 55px;
}
#bar-chart.bar-chart--initialized svg {
  overflow: visible;
  padding-bottom: 200px;
}
.checker {
  fill: black;
}
.checker {
  fill: white;
}
/*# sourceMappingURL=chart.css.map */