.tawcvs-swatches .swatch-show-more {
text-indent: -9999em;
border: 2px solid #ccc;
}
.tawcvs-swatches .swatch-show-more > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
}
.tawcvs-swatches .swatch-show-more .plus {
position: relative;
width: 10px;
height: 10px;
}
.tawcvs-swatches .swatch-show-more .plus:before, .tawcvs-swatches .swatch-show-more .plus:after {
content: "";
position: absolute;
background: #674399;
}
.tawcvs-swatches .swatch-show-more .plus:before {
left: 50%;
top: 4px;
bottom: 4px;
width: 10px;
transform: translateX(-50%);
}
.tawcvs-swatches .swatch-show-more .plus:after {
top: 50%;
left: 4px;
right: 4px;
height: 10px;
transform: translateY(-50%);
}
.swatch-item-wrapper .swatch.swatch-image:not(.swatch-ratio-disabled) {
display: block !important;
position: relative !important;
height: auto !important;
}
.swatch-item-wrapper .swatch.swatch-image:not(.swatch-ratio-disabled) img {
display: block;
position: absolute;
width: 100% !important;
height: 100% !important;
top: 0;
left: 0;
object-fit: cover;
}
.swatch-item-wrapper .swatch.swatch-image.swatch-ratio-11 {
padding-bottom: 100% !important;
}
.swatch-item-wrapper .swatch.swatch-image.swatch-ratio-169 {
padding-bottom: 56.25% !important;
}
.swatch-item-wrapper .swatch.swatch-image.swatch-ratio-916 {
padding-bottom: 177% !important;
}
.swatch-item-wrapper .swatch.swatch-image.swatch-ratio-43 {
padding-bottom: 75% !important;
}
.swatch-item-wrapper .swatch.swatch-image.swatch-ratio-34 {
padding-bottom: 133% !important;
}
.swatch-item-wrapper .swatch.swatch-image.swatch-ratio-45 {
padding-bottom: 125% !important;
}
.swatch-item-wrapper .swatch.swatch-image.swatch-ratio-54 {
padding-bottom: 80% !important;
}
.swatch-item-wrapper .swatch.swatch-image.swatch-ratio-32 {
padding-bottom: 67% !important;
}
.swatch-item-wrapper .swatch.swatch-image.swatch-ratio-23 {
padding-bottom: 150% !important;
}
.vswc-variable-name {
display: inline-block;
margin-left: 5px;
}
.tawcvs-swatch-show-more {
font-size: 30px;
line-height: 0;
color: #008060;
cursor: pointer;
top: 12px;
position: absolute;
}
.tawcvs-swatch-show-more:hover {
color: rgba(0, 128, 96, 0.7019607843);
}
.tawcvs-swatch-show-more:focus {
outline: none !important;
}
body.single-product .variations_form.swatches-support .variations .value {
position: relative;
}