.legend {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  margin-top: 0.85rem;
  font-family: 'Cutive Mono', monospace;
  font-size: 0.72rem;
  text-transform: uppercase;
}

.legend-item {
  display: inline-flex;
  gap: 0.4rem;
  align-items: center;
}

.stacked-bar {
  display: flex;
  width: 100%;
  height: 18px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(100, 50, 148, 0.16);
  margin-bottom: 0.9rem;
}

.stacked-segment {
  height: 100%;
}