.chart-container {
    display: block;
    position: relative;
    width: 100%;
    height: 400px;
    max-height: 1000px;
    margin-bottom: 10rem;
}

.vertical-table {
    hyphens: manual;
}
.gradient-legend {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gradient-bar {
  width: 250px;
  height: 16px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.gradient-labels {
  width: 250px;
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  color: #000000;
  margin-top: 4px;
}