<commit_before>.note--content {
	.unitize-margin(20, 0);
}

.panel--td {
    padding: 0;
}

.note--item {
    .unitize-padding(20, 0);
    position: relative;
}

.note--info,
.note--sale {
    width: 80%;
}

.note--image-container {
    .unitize-width(75);
    .unitize-margin(0, 20, 20, 0);
    display: table-row;
    float: left;
}

.note--image-link {
    .unitize-width(75);
    .unitize-height(75);
    .unitize-padding(5, 5);
    .unitize(65, 16, line-height);
    .border-radius();
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border: 1px solid @border-color;
}

.note--image {
    .unitize-max-width(65);
    .unitize-max-height(65);
    margin: 0 auto;
}

.note--title {
    .unitize-margin(0, 0, 5, 95);
    .unitize(18, 16, font-size);
    display: block;
    font-weight: 700;
    color: @text-color-dark;

    &:hover {
        color: @brand-primary;
    }
}

.note--rating {
    .unitize-margin(0, 0, 10, 95);

    [class^="icon--"] {
        color: @rating-star-color;
    }
}

.note--supplier {
    display: none;
}

.note--ordernumber,
.note--date,
.product--rating {
    .unitize-margin(0, 0, 0, 95);
    display: block;
}

.note--delivery {
    .unitize-margin(0, 0, 0, 95);

    .delivery--status-icon {
        display: none;
    }

    .delivery--text-available {
        display: block;
    }
}

.note--compare {
    .unitize-margin(10, 0, 0, 95);

    .compare--link {
        color: @text-color;

        &:hover { color: @link-color; }
    }

    [class^="icon--"] {
        .unitize-margin(0, 5, 0, 0);
        .unitize(12, 16, font-size);
    }
}

.note--price-unit {
    .unitize-margin(5, 0, 0, 95);
    .unitize(12, 16, font-size);
    .unitize(18, 16, line-height);
    display: block;
}

.note--price {
    .unitize(18, 16, font-size);
    .unitize-margin(15, 0, 0, 95);
    color: @text-color-dark;
    font-weight: bold;
}

.note--delete {
    .unitize-width(40);
    .unitize-height(40);
    .unitize(10, 16, font-size);
    .unitize(38, 16, line-height);
    .linear-gradient(@btn-default-top-bg, @btn-default-bottom-bg);
    .border-radius();
    .unitize(20, 16, top);
    right: 0;
    left: auto;
    display: block;
    position: absolute;
    border: 1px solid @btn-default-border-color;
    text-align: center;
    font-weight: normal;
    color: @text-color;

    &:hover {
        color: @btn-default-hover-text-color;
        border-color: @btn-default-hover-border-color;
    }

}

@media screen and(min-width: @tabletViewportWidth) {
    .note--table {
        .unitize-padding(0, 20);

        &.has--border {
            border: 1px solid @panel-border;
        }
    }
}

@media screen and(min-width: @tabletLandscapeViewportWidth) {
    .note--table {
        background: @table-row-bg;<commit_msg>SW-10106 - Fixed product compare in mobile viewports<commit_after>.note--content {
	.unitize-margin(20, 0);
}

.panel--td {
    padding: 0;
}

.note--item {
    .unitize-padding(20, 0);
    position: relative;
}

.note--info,
.note--sale {
    width: 80%;
}

.note--image-container {
    .unitize-width(75);
    .unitize-margin(0, 20, 20, 0);
    display: table-row;
    float: left;
}

.note--image-link {
    .unitize-width(75);
    .unitize-height(75);
    .unitize-padding(5, 5);
    .unitize(65, 16, line-height);
    .border-radius();
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border: 1px solid @border-color;
}

.note--image {
    .unitize-max-width(65);
    .unitize-max-height(65);
    margin: 0 auto;
}

.note--title {
    .unitize-margin(0, 0, 5, 95);
    .unitize(18, 16, font-size);
    display: block;
    font-weight: 700;
    color: @text-color-dark;

    &:hover {
        color: @brand-primary;
    }
}

.note--rating {
    .unitize-margin(0, 0, 10, 95);

    [class^="icon--"] {
        color: @rating-star-color;
    }
}

.note--supplier {
    display: none;
}

.note--ordernumber,
.note--date,
.product--rating {
    .unitize-margin(0, 0, 0, 95);
    display: block;
}

.note--delivery {
    .unitize-margin(0, 0, 0, 95);

    .delivery--status-icon {
        display: none;
    }

    .delivery--text-available {
        display: block;
    }
}

.note--compare {
    .unitize-margin(10, 0, 0, 95);
    display: none;

    .compare--link {
        color: @text-color;

        &:hover { color: @link-color; }
    }

    [class^="icon--"] {
        .unitize-margin(0, 5, 0, 0);
        .unitize(12, 16, font-size);
    }
}

.note--price-unit {
    .unitize-margin(5, 0, 0, 95);
    .unitize(12, 16, font-size);
    .unitize(18, 16, line-height);
    display: block;
}

.note--price {
    .unitize(18, 16, font-size);
    .unitize-margin(15, 0, 0, 95);
    color: @text-color-dark;
    font-weight: bold;
}

.note--delete {
    .unitize-width(40);
    .unitize-height(40);
    .unitize(10, 16, font-size);
    .unitize(38, 16, line-height);
    .linear-gradient(@btn-default-top-bg, @btn-default-bottom-bg);
    .border-radius();
    .unitize(20, 16, top);
    right: 0;
    left: auto;
    display: block;
    position: absolute;
    border: 1px solid @btn-default-border-color;
    text-align: center;
    font-weight: normal;
    color: @text-color;

    &:hover {
        color: @btn-default-hover-text-color;
        border-color: @btn-default-hover-border-color;
    }

}

@media screen and(min-width: @tabletViewportWidth) {
    .note--overview .panel--table {
        .unitize-padding(0, 20);
        border: 1px solid @border-color;
    }

    .note--compare { display: block; }
}

@media screen and(min-width: @tabletLandscapeViewportWidth) {
    .note--table {
        background: @table-row-bg;
{'fraction_non_alphanumeric': 0.18400566171266808, 'fraction_numerical': 0.04334748761500354, 'mean_word_length': 2.197398190045249, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6004137', 'n_tokens_mistral': 2368, 'n_tokens_neox': 2155, 'n_words': 408}