.container {
  margin-top: 20px;
}

.legendBg {
  width: 270px;
  height: 38px;
  padding: 0 14px;
  cursor: pointer;
  border-radius: 7px;
  background: rgba(41, 181, 255, 0.12);
  display: flex;
  align-items: center;

  &:hover {
    background: rgba(41, 181, 255, 0.2);
  }
}

.legendContent {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 5px;
  column-gap: 10px;
}

.legendText {
  color: rgb(188, 206, 233);
  font-size: 18px;
  margin: 0 12px;
}
