.brt-swatches-wrapper input[type="radio"] {
display: none;
}
.brt-swatch-label {
outline: 2px solid transparent;
position: relative;
}
.brt-swatch-label.selected {
outline-color: black;
}
.brt-swatch-label:hover .brt-swatch-tooltip-name {
visibility: visible;
opacity: 1;
}
.brt-swatch-tooltip-name {
position: absolute;
bottom: calc( 100% + 3px );
visibility: hidden;
opacity: 0;
transition: opacity ease-in-out .2s;
z-index: 10;
}
.brt-swatch-hidden {
display: none !important;
} .brt-swatches-color-wrapper {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.brt-swatches-color-wrapper .brt-swatch-color-box {
width: 40px;
height: 40px;
border-radius: 50%;
cursor: pointer;
} .brt-swatches-image-wrapper {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.brt-swatches-image-wrapper .brt-swatch-image-box {
width: 60px;
height: 60px;
cursor: pointer;
}
.brt-swatches-image-wrapper .brt-swatch-image-box img {
width: 100%;
height: 100%;
object-fit: cover;
} .brt-swatches-button-wrapper {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.brt-swatches-button-wrapper .brt-swatch-button-box {
width: 100px;
height: 60px;
cursor: pointer;
border-radius: 7px;
border: 1px solid black;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.brt-swatches-button-wrapper .brt-swatch-button-box.selected {
background-color: #000000;
color: #ffffff;
}
[data-query-element-id] .brxe-brt-swatches-loop .variations_form {
display: none;
}
[data-query-element-id] .brt-swatches-simple-add-to-cart {
display: none;
}