.tp-woo-compare-table-wrapper,
.tp-woo-compare-table-wrapper table {
    position: relative;
    display: flex;
    flex-direction: column;
    width: max-content;
    height: 100%
}

.tp-woo-compare-table-wrapper table {
    border-spacing: 0;
    border-collapse: collapse;
    width: auto
}

.tp-woo-compare-table-wrapper table th {
    background: #f0f0f0;
    color: #000;
    text-align: left;
    white-space: nowrap;
    font-weight: 600
}

.tp-woo-compare-table-wrapper table th,
.tp-woo-compare-table-wrapper table td {
    border: 1px solid #e0e0e0;
    padding: 10px;
    font-size: 14px
}

.tp-woo-compare-table-wrapper table td {
    text-align: center;
    font-weight: 500
}

.tp-woo-compare-table-wrapper table tr.tp-wc-table-remove .tp-wc-table-remove-item {
    position: relative
}

.tp-woo-compare-table-wrapper table tr.tp-wc-table-remove .tp-wc-table-remove-item i {
    padding: 8px;
    background: #00000085;
    color: #fff;
    border-radius: 15px;
    cursor: pointer
}

.tp-woo-compare-table-wrapper table tr.tp-wc-table-remove .tp-wc-table-remove-item i:hover {
    background: #000
}

.tp-woo-compare-table-wrapper table tr.tp-wc-table-image img,
.tp-woo-compare-table-wrapper table tr td>img {
    max-width: 150px
}

.tp-woo-compare-table-wrapper table tr td .tp-wc-color-wrap>span.tp-wc-color-opt {
    position: relative;
    border: 1px solid #fff0;
    width: 25px;
    height: 25px;
    border-radius: 3px;
    cursor: pointer;
    vertical-align: middle
}

.tp-woo-compare-table-wrapper table tr .tp-wc-table-star {
    --percent: calc(var(--rating) / 5 * 100%);
    display: inline-block;
    font-size: 16px
}

.tp-woo-compare-table-wrapper table tr .tp-wc-table-star::before {
    content: "★★★★★";
    letter-spacing: 3px;
    background: linear-gradient(90deg, #ffd42a var(--percent), #fff var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ff000026
}

.tp-woo-compare-table-wrapper table {
    overflow-x: auto;
    border: 1px solid #efe4e4
}

.tp-woo-compare-table-wrapper table tr.tp-wc-table-remove .tp-wc-table-remove-item i {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear
}

@media (max-width:767px) {
    .tp-woo-compare-table-wrapper.tp-table-mobresswipe {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        display: block
    }

    .tp-woo-compare-table-wrapper.tp-table-mobresswipe table {
        width: max-content;
        display: table
    }

    .tp-woo-compare-table-wrapper.tp-table-mobresswipe-sticky table th {
        position: -webkit-sticky;
        position: sticky;
        left: 0;
        z-index: 2;
        background: #f0f0f0
    }
}