.TopAudienceByGender {
    flex: 1;
    position: relative;

    &-title {
        font-weight: 500;
        margin-bottom: 2rem;
    }

    &-empty-icon {
            display: block;
            margin-left: 30%;
            margin-right: 30%;
            width: 50%;
            position: absolute;
            left: 0;
            right: 0;
            top: 8rem;
            text-align: center;
    }

    &-empty-content {

        .highcharts-grid {
            display: none;
        }
    }

    .highcharts-axis-labels {
        fill: var(--gray-500);
    }

    .highcharts-data-label {
        opacity: 0;
    }
    .highcharts-series-hover .highcharts-data-label {
        opacity: 1;
    }

}