.highcharts-exporting-group,
.highcharts-credits {
    display: none;
}

.chart__container {
    position: relative;
    box-sizing: border-box;
}

.chart__param {
    position: absolute;
    right: 30px;
    top: 30px;
}

.chart {
    margin-top: 20px;
    height: 500px;
}

.chart__legend-mobile {
    display: none;
}

.darktheme .chart .highcharts-background,
.darktheme .chart .highcharts-legend-box {
    fill: var(--cl-black);
}

.darktheme .chart .highcharts-legend-item text,
.darktheme .chart .highcharts-yaxis-labels text {
    color: var(--cl-white)!important;
    fill: var(--cl-white)!important;
}

.darktheme .chart .highcharts-xaxis-labels text {
    color: var(--cl-grey)!important;
    fill: var(--cl-grey)!important;
}

.darktheme .chart .highcharts-label-box {
    fill: var(--cl-black);
}

.darktheme .chart .highcharts-label-box + text {
    color: var(--cl-white)!important;
    fill: var(--cl-white)!important;
}

.darktheme .chart .highcharts-point {
    stroke: none;
}

.darktheme .chart .highcharts-grid-line {
    stroke: var(--cl-grey)
}

@media screen and (max-width: 720px) {
    .chart__container {
        margin-top: 14px;
        padding: 0;
        background-color: transparent;
    }

    .chart .highcharts-legend-box {
        display: none;
    }

    .chart-wrapper-mobile {
        overflow: auto;
    }

    .chart__param {
        max-width: 185px;
        position: relative;
        top: initial;
        right: initial;
    }

    .chart {
        margin-top: 0;
        min-width: 600px;
    }

    .highcharts-background {
        fill: transparent!important;
    }

    .highcharts-legend-item {
        display: none;
    }

    .chart__legend-mobile {
        display: flex;
    }

    .chart__legend__circle {
        width: 8px;
        height: 8px;
        border-radius: 50%;
    }

    .chart__legend__circle.shows {
        background-color: var(--cl-main);
    }

    .chart__legend__circle.profit {
        background-color: #7FDE83;
    }

    .chart__legend__circle.clicks {
        background-color: #3289C8;
    }

    .chart-mobile__container {
        display: flex;
    }

    .darktheme .chart-mobile__container {
        padding: 10px;
    }

    .darktheme .chart__legend__title  {
        color: var(--cl-grey);
    }

}