pragma-chart {
  position: relative;
  display: block;
  width: 100%;
  height: 25rem;
  overflow: hidden;
}
pragma-chart svg {
  width: 100%;
}

.chart-body {
  fill: none;
  display: block;
}

.bar {
  fill: var(--c-accent);
}

.line {
  fill: none;
  stroke: var(--c-accent);
  stroke-width: 2px;
}

.pie-line {
  fill: none;
  stroke: var(--c-accent);
  stroke-width: 2px;
  opacity: 0.5;
}

.area {
  fill: var(--c-accent);
}

.arc {
  fill: var(--c-accent);
  stroke: silver;
  stroke-width: 1px;
}

.circle {
  fill: var(--c-accent);
}