.DigitalProductOverviewItem {
    box-sizing: border-box;
    margin-bottom: 10px;
    min-height: 40px;
    width: $quarter_inner_width;

    &-full-width {
        width: 100%;
    }

    &-title {
        color: $grey_300;
        font-weight: $weight_bold;
        margin-bottom: initial;
        text-transform: uppercase;
    }

    &-value {
        color: var(--gray-800);
        font-size: 14px;
        font-weight: $weight_book;
        overflow-wrap: break-word;
        white-space: pre-wrap;
    }
}

.Correction {
    .DigitalProductOverviewItem-title {
        color: var(--fox);
    }
    .Icons-refresh {
        fill: var(--fox);
    }
}

.Rejected {
    .Icons-attention-error,
    .Icons-refresh {
        fill: var(--parrot);
        vertical-align: middle;
    }

    .DigitalProductOverviewItem {
        &-title {
            color: var(--parrot);
            font-weight: $weight_extra_bold;
        }

        .Icons-attention-error,
        .Icons-refresh {
            margin-left: -16px;
            vertical-align: middle;
        }
    }

    .DigitalProductOverviewArtwork-image {
        border: 2px solid var(--parrot);
    }

    &.DigitalProductOverviewTracks-track-row {
        .Icons-attention-incomplete,
        .Icons-attention-error,
        .Icons-refresh {
            margin-left: 8px;
        }
    }

    .DigitalProductOverviewTracks {
        &-track-item,
        &-track-number {
            color: var(--parrot);
        }
    }

    &.Rejected-artwork {
        .Icons-attention-incomplete,
        .Icons-attention-error,
        .Icons-refresh {
            fill: var(--parrot);
            margin-left: 4px;
            vertical-align: top;
        }
    }

    &.Rejected-artwork.No-artwork {
        width: 100%;
    }

    &-message {
        &-header {
            color: $grey_300;
            font-size: 12px;
            font-weight: $weight_bold;
            text-transform: uppercase;
        }
    }
}

.Rejected.Corrected {
    .Icons-attention-incomplete,
    .Icons-attention-error,
    .Icons-refresh {
        fill: var(--fox);
    }

    .DigitalProductOverviewItem {
        &-title {
            color: var(--fox);
        }
    }

    .DigitalProductOverviewArtwork-image {
        border-color: var(--fox);
    }

    .DigitalProductOverviewTracks {
        &-track-item,
        &-track-number {
            color: var(--fox);
        }
    }

}

.Rejected-overlay {
    pointer-events: none;

    &.Rejected-artwork:not(.No-artwork) {
        transform: translateX(102px);
    }
    &.Rejected-basics {
        transform: translateX(-108px);
    }
    &.Rejected-pricing {
        transform: translateX(-419px);
    }
    &.Rejected-track {
        transform: translateX(4px);
    }
}