/* stylelint-disable max-nesting-depth */
.PromoPlayerHeader {
    margin-bottom: 40px;

    @media (max-width: 768px) {
        margin-bottom: 20px;
    }

    & .Artwork,
    & .Icons-artwork-empty {
        box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .3);
        display: inline-block;
        float: left;
        height: 240px;
        margin-right: 30px;
        width: 240px;

        @media(max-width: 1024px) {
            height: 160px;
            width: 160px;
        }

        @media(max-width: 768px) {
            height: 60px;
            width: 60px;
        }
    }

    &-product {
        display: inline-block;
    }

    &-product-artist,
    &-product-name {
        margin-top: 0;
    }

    &-product-artist {
        @media(max-width: 768px) {
            font-size: 18px;
            line-height: 24px;
        }
    }

    &-product-name {
        @media(max-width: 768px) {
            font-size: 14px;
            line-height: 21px;
        }
    }

    &.PromoPlayerHeader-dark &-product-artist,
    &.PromoPlayerHeader-dark &-product-name {
        color: var(--mouse, $mouse);
    }

    &-separator {
        margin-top: 90px;

        @media(max-width: 1024px) {
            margin-top: 20px;
        }

        @media(max-width: 768px) {
            margin-top: 35px;
        }
    }

    &.PromoPlayerHeader-dark &-separator {
        border-color: var(--gray-800, $gray-800);
    }
}
/* stylelint-enable max-nesting-depth */