.multiLineWithThumbnail__item {
    box-sizing: content-box;
    line-height: 20px;
    background: var(--colors-ContrastDarkest);
}

.multiLineWithThumbnail__secondaryLabel {
    color: var(--colors-ContrastBright);
    display: block;
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.multiLineWithThumbnail__tertiaryLabel {
    color: var(--colors-ContrastBright);
    display: block;
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.multiLineWithThumbnail__image {
    width: calc(1.33 * (var(--spacing-GoldenUnit) + var(--spacing-Full)));
    height: calc(var(--spacing-GoldenUnit) + var(--spacing-Full));
    object-fit: contain;
    background-color: #fff;
    background-size: 10px 10px;
    background-position: 0 0, 25px 25px;
    background-image: linear-gradient(45deg, #cccccc 25%, transparent 25%, transparent 75%, #cccccc 75%, #cccccc), linear-gradient(45deg, #cccccc 25%, transparent 25%, transparent 75%, #cccccc 75%, #cccccc);
    margin-right: .75em;
    display: inline-block;
    vertical-align: middle;
    margin-left: -var(--spacing-Full);
    margin-top: -var(--spacing-Half);
    margin-bottom: -var(--spacing-Half);
}

.multiLineWithThumbnail__item:hover .multiLineWithThumbnail__secondaryLabel,
.multiLineWithThumbnail__item:hover .multiLineWithThumbnail__tertiaryLabel {
    color: white;
}
