.dcs-chart {
  position: relative;
}

.dcs-chart-tooltip {
  position: absolute;
  z-index: 3;
  width: max-content;
  max-width: calc(100% - 16px);
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(19, 33, 57, .96);
  box-shadow: 0 8px 24px rgba(19, 33, 57, .24);
  color: #fff;
  font-size: .78rem;
  line-height: 1.35;
  pointer-events: none;
}

.dcs-chart-tooltip[hidden] {
  display: none;
}

.dcs-chart-tooltip strong,
.dcs-chart-tooltip span {
  display: block;
}

.dcs-chart-tooltip strong {
  margin-bottom: 5px;
}

.dcs-chart-tooltip span {
  white-space: nowrap;
}

.dcs-chart-tooltip i {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 6px;
  border-radius: 50%;
}

.dcs-chart-tooltip i.demand { background: #0d2f68; }
.dcs-chart-tooltip i.available { background: #1f5fe0; }
.dcs-chart-tooltip i.affected { background: #e34242; }