@shopware-ag/meteor-component-library/dist/mt-chart.css

The meteor component library is a Vue component library developed by Shopware. It is based on the [Meteor Design System](https://shopware.design/).

.mt-chart[data-v-41d48e3c] .apexcharts-text {
  fill: var(--color-text-secondary-default) !important;
}
.mt-chart-area[data-v-41d48e3c] .apexcharts-tooltip {
  background-color: var(--color-elevation-surface-overlay);
  border: 1px solid var(--color-border-primary-default);
  border-radius: var(--border-radius-l);
  box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 10%);
  color: var(--color-text-primary-default);
.apexcharts-tooltip-title {
    font-family: var(--font-family-body) !important;
    font-size: var(--font-size-xs) !important;
    font-weight: var(--font-weight-bold);
    background: var(--color-interaction-secondary-default) !important;
    border-bottom: 1px solid var(--color-border-primary-default);
    padding: 10px 16px;
    margin-bottom: 0;
}
.apexcharts-tooltip-series-group {
    padding: 10px 16px;
}
.apexcharts-tooltip-marker {
    margin-right: 0;
}
.apexcharts-tooltip-text-y-label {
    display: none;
}
.apexcharts-tooltip-text-y-value {
    font-family: var(--font-family-body);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
}
.apexcharts-tooltip-y-group {
    padding: 0;
}
}