.PerformanceChart {
    overflow: visible;
    position: relative;

    & > div,
    .highcharts-container {
        /* stylelint-disable declaration-no-important */
        overflow: visible !important;
        /* stylelint-enable */
    }

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

    .highcharts-xaxis-labels {
        opacity: 1;
        transition: opacity 150ms ease-in-out;
    }

    .highcharts-tooltip {
        border: none;
        filter: none;
        font-family: $font-family-sans-serif;
        margin: 0;
        padding: 0;

        &-container {
            background-color: white;
            border: 1px solid var(--gray-400);
            border-radius: .25rem;
            box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
            color: black;
            padding: 1rem .5rem .5rem .5rem;
            width: 17rem;
        }

        &-song {
            margin-bottom: .5rem;
        }

        &-song-name {
            display: inline-block;
            margin-left: .5rem;
            max-width: 11rem;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        &-data {
            display: flex;
        }

        &-value {
            font-weight: 500;
            margin-left: auto;
            padding-left: .5rem;
        }

        &-header {
            font-weight: 500;
            padding-left: 1.3rem;
        }

        &-bullet {
            padding-right: .5rem;
            width: .8rem;
        }

        &-date {
            color: var(--gray-500);
            font-size: .9rem;
            margin-left: 1.3rem;
        }
    }

    .highcharts-tooltip-box {
        fill: none;
        stroke: none;
    }

    .highcharts-plot-band {
        fill: var(--gray-100);
        fill-opacity: 1;
    }

    &-error {
        @include vertical-align();
        @include horizontal-align();

        left: 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: 4rem;

        .card {
            border: none;
        }

        .Outline {
            margin-bottom: 1rem;
        }
    }
}