/* Bar chart */
.bar-chart {
  @apply relative mx-auto;

  @screen md {
    width: 90%;
  }
}

/* Bar chart legend */
.bar-chart-legend {
  @apply mb-8;
}
.bar-chart-legend-items {
  @apply flex justify-center mb-8;
}

.bar-chart-legend-item {
  @apply flex items-center px-2 font-semibold text-sm;

  @screen md {
    @apply px-6 text-base;
  }
}

.bar-chart-legend-key {
  @apply w-4 h-4 rounded-sm mr-2;
}