:root {
    --highcharts-background-color: var(--sl-color-neutral-100) !important;
    --highcharts-neutral-color-100: var(--sl-color-neutral-700) !important;
    --highcharts-neutral-color-80: var(--sl-color-neutral-600) !important;
    --highcharts-neutral-color-10: var(--sl-color-neutral-100) !important;
}

.highcharts-menu {
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2) !important;

    hr {
        border-color: var(--sl-color-neutral-200) !important;
    }
}

.highcharts-series.dotted-line {
    stroke-dasharray: 8, 8 !important;
}

/* .highcharts-background {
    fill: url(#highcharts-gradient);
} */

.highcharts-contextbutton {
    fill: transparent !important;
    cursor: pointer;
}

.highcharts-tooltip text,
.highcharts-tooltip foreignObject span {
    fill: var(--highcharts-neutral-color-80) !important;
}

.highcharts-legend-item>text,
.highcharts-legend-item span {
    fill: var(--highcharts-neutral-color-80) !important;
}


.highcharts-axis-labels text {
    fill: var(--sl-color-neutral-700) !important;
}