.pix-variation-swatches .woo-variation-select,
.pix-variation-swatches .woo-variation-select + .select2 {
    display: none !important;
}

.pix-variation-swatches .variation-items-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: .75ch 0 0;
    padding: 0;
    list-style: none;
}

.pix-variation-swatches .variation-items-wrapper > li {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 20px;
    width: 20px;
    padding: 0;
    margin: 0 .75ch .75ch 0;
    transition: all .2s ease-in-out;
    box-sizing: border-box;
    user-select: none;
    list-style: none;
    cursor: pointer;
    outline: none;
}

.pix-variation-swatches .variation-items-wrapper:not(.button-variation-wrapper) > li,
.pix-variation-swatches .variation-items-wrapper:not(.button-variation-wrapper) > li > img,
.pix-variation-swatches .variation-items-wrapper:not(.button-variation-wrapper) > li > span {
    border-radius: 50%;
}

.pix-variation-swatches .variation-items-wrapper:not(.button-variation-wrapper) > li > img,
.pix-variation-swatches .variation-items-wrapper:not(.button-variation-wrapper) > li > span {
    overflow: hidden;
}

.pix-variation-swatches .variation-items-wrapper.button-variation-wrapper > li {
    display: flex;
    width: auto;
    align-items: center;
    justify-content: center;
    color: #828699;
    /*min-width: 70px;*/
}

.pix-variation-swatches .variation-items-wrapper.button-variation-wrapper > li > span {
    text-decoration: underline;
}

.pix-variation-swatches .variation-items-wrapper.button-variation-wrapper > li:not(:last-child):after {
    display: inline;
    content: ', ';
}

.pix-variation-swatches .variation-items-wrapper.button-variation-wrapper > li:hover > span {
    text-decoration: none;
}

.pix-variation-swatches .variation-items-wrapper.button-variation-wrapper > li:hover > span,
.pix-variation-swatches .variation-items-wrapper.button-variation-wrapper > li.selected > span {
    color: #000;
}

.pix-variation-swatches .variation-items-wrapper > li > img,
.pix-variation-swatches .variation-items-wrapper > li > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.pix-variation-swatches .variation-items-wrapper > li:last-of-type {
    margin-right: 0;
}

.pix-variation-swatches .variation-items-wrapper:not(.button-variation-wrapper) > li:hover,
.pix-variation-swatches .variation-items-wrapper:not(.button-variation-wrapper) > li.selected > img,
.pix-variation-swatches .variation-items-wrapper:not(.button-variation-wrapper) > li.selected > span {
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1) inset;
}

.pix-variation-swatches .variation-items-wrapper:not(.button-variation-wrapper) > li.selected,
.pix-variation-swatches .variation-items-wrapper:not(.button-variation-wrapper) > li.selected:hover {
    box-shadow: 0 0 0 3px #fff, 0 0 0 4px #DADEF2, 0 0 10px 0 rgba(0,0,0,.25);
}

.pix-variation-swatches li.disabled,
.pix-variation-swatches li.disabled:hover {
    position: relative;
    box-shadow: none;
    outline: none;
    pointer-events: none;
    overflow: hidden;
}

.pix-variation-swatches li.disabled img,
.pix-variation-swatches li.disabled span,
.pix-variation-swatches li.disabled:hover img,
.pix-variation-swatches li.disabled:hover span {
    opacity: .25;
}

.pix-variation-swatches.rtl table.variations td.label {
    padding-left: 1em;
    padding-right: 0;
    text-align: left;
}

.pix-variation-swatches.rtl .variation-items-wrapper > li {
    text-align: right;
}

.pix-variation-swatches.rtl .variation-items-wrapper > li {
    margin: 0 0 .75ch .75ch;
}

.pix-variation-swatches.woocommerce .product.elementor table.variations td.value:before {
    display: none !important;
}