/* [project]/app/apex-chart.css [app-client] (css) */
.apexcharts-canvas .apexcharts-legend, .apexcharts-canvas foreignObject {
  overflow: visible;
}

.apexcharts-canvas .apexcharts-legend-series {
  white-space: nowrap;
  width: 100%;
  padding-right: 10px;
}

.apexcharts-canvas .apexcharts-legend {
  border: .5px solid var(--border);
  background-color: var(--background);
  border-radius: .5rem;
  height: min-content;
  padding: 5px;
}

.apexcharts-canvas .apexcharts-legend-series {
  margin: 8px 5px !important;
  display: flex !important;
}

.apexcharts-canvas .apexcharts-legend-text {
  width: 100%;
  margin-left: -10px;
}

.apexcharts-canvas .apexcharts-legend-text span {
  color: var(--foreground) !important;
  width: 92% !important;
  font-size: 14px !important;
}