.AnalyticsStarredShows,
.AnalyticsRecentEpisodes {
    margin-bottom: 30px;

    &-header {
        font-size: 18px;
        font-weight: 500;
        color: var(--gray-900);
        margin-bottom: 10px;
    }

    &-cards {
        display: grid;
        grid-gap: 25px;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        margin-bottom: 10px;
        max-height: 70px;
        overflow: hidden;
    }

    &-show-all-cards {
        max-height: none;
        overflow: inherit;
    }

    &-card {
        cursor: pointer;
        border-radius: 3px;
        box-shadow: 0 0 5px 0 rgb(0 15 23 / 20%);
        background-color: #fff;
        padding: 10px;
        display: flex;
        justify-content: space-between;
    }

    &-label {
        @include fonttype-label;
    }

    &-title {
        max-width: 160px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 14px;
    }

    &-podcast-image {
        height: 40px;
        width: 40px;
        border-radius: 3px;
        margin-right: 15px;
    }

    &-art-and-title {
        display: flex;
    }

    &-show-all-link {
        display: flex;
        justify-content: flex-end;
    }

    &-show-all {
        color: var(--blue);
        cursor: pointer;
    }

    &-date {
        color: var(--gray-500);
    }
}