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

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

.bar {
  fill: var(--color-brand-light);
}

.line {
  fill: none;
  stroke: var(--color-brand-light);
  stroke-width: 2px;
}

.pie-line {
  fill: none;
  stroke: var(--color-brand-light);
  stroke-width: 2px;
  opacity: 0.5;
}

.area {
  fill: var(--color-brand-light);
}

.arc {
  fill: var(--color-brand-light);
  stroke: silver;
  stroke-width: 1px;
}

.circle {
  fill: var(--color-brand-light);
}