.StreamsBySubscriptionChart {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 2rem;

    &:last-child {
        margin-bottom: 0;
    }

    &-chart {
        height: 100px;
        width: 100px;
    }

    &-table {
        @include vertical-align;
        padding-left: 0.5rem;
        display: block;
        flex: 1;
    }

    &-row {
        display: flex;
        &-first {
            width: 13%;
        }

        &-second {
            width: 54%;
        }

        &-third {
            justify-content: space-evenly;
            width: 33%;
        }

        div {
            box-sizing: border-box;
            padding: 0.5rem;
        }
    }

    .no-data {
        display: none;
    }

    .highcharts-point-hover {
        fill-opacity: 1;
    }

    .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: .5rem .5rem .5rem .5rem;
            /* stylelint-disable declaration-no-important */
            overflow: visible !important;
            /* stylelint-enable */
        }

        &-data {
            display: flex;
        }

        &-value {
            font-weight: 500;
            margin-left: auto;
        }

        &-box {
            fill: none;
            stroke: none;
        }
    }
}