.light-style .custom-legend {
  background-color: #fff;
  border: 1px solid #d9dee3;
}

.dark-style .custom-legend {
  background-color: #2b2c40;
  border: 1px solid #444564;
}

.custom-legend {
  padding: 1.5rem;
  font-size: 0.875rem;
  position: relative;
}
.custom-legend:before {
  content: attr(data-label);
  display: block;
  position: absolute;
  top: -8px;
  left: 12px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: inherit;
  color: #a1acb8;
  padding: 0 5px;
}