.wrapper {
  display: flex;
  flex-direction: column;
}

.barBackground {
  fill: var(--card-background);
}

.tickLabel {
  font-family: "Inconsolata", monospace;
  font-weight: 800;
  fill: var(--label);
}

.axisLabel {
  font-family: "Inconsolata", monospace;
  font-weight: 800;
  fill: var(--label);
}

.bar {
  transition: fill 0.5s ease-out;
}

.legend {
  display: flex;
  margin: calc(16rem / 16);
  justify-content: center;
}