.Charts {
    @include insights-breadcrumb;

    &-header {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 10px;
    }

    &-filter-bar {
        display: flex;
        margin-bottom: 40px;
    }

    &-filter-countries {
        width: 250px !important;
        margin-right: 20px;
    }

    &-filter-player,
    &-filter-category,
    &-filter-chart-type {
        width: 250px !important;
        margin-right: 20px;

        .Select__menu {
            text-transform: capitalize;
        }

        .Select__value-container--has-value {
            text-transform: capitalize;
        }
    }

    &-store,
    &-category {
        cursor: pointer;
        color: var(--blue);
        text-transform: capitalize;
    }

    &-filter-right {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    &-country-flag {
        margin-right: 5px;
        width: 16px;
        height: auto;
    }

    &-store-icon {
        margin-right: 5px;

        .ApplePodcastIcon {
            width: 16px;
            height: 16px;
        }

        .ChartableIcon {
            width: 20px;
            height: 20px;
        }
    }

    &-star-column {
        width: 5%;
    }

    &-player-column {
        width: 20%;
    }

    &-category-column {
        width: 20%;
    }

    &-country-column {
        width: 20%;
    }

    &-chart-type-column {
        width: 20%;
    }

    &-type {
        text-transform: capitalize;
    }

    &-NoData {
        display: flex;
        flex: 1;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 420px;
        background-color: var(--white);

        &-title {
            font-size: 20px;
            font-weight: bold;
            margin-top: 20px;
        }

        &-description {
            font-size: 14px;
            margin-top: 10px;
            max-width: 400px;
            text-align: center;
        }

        &-circle {
            @include circle(140px);
        }
    }
}