[class*=wd-swatches].wd-bg-style-4 .wd-swatch.wd-bg{overflow:hidden}[class*=wd-swatches].wd-bg-style-4 .wd-swatch.wd-bg:after{justify-content:center;font-size:calc(var(--wd-swatch-text-size) - 4px);font-weight:400;color:#fff;transition:inherit;content:"\f107";position:absolute;opacity:0;inset:0;background-color:rgba(0,0,0,.2);align-items:center;border-radius:inherit;font-family:woodmart-font;display:flex}[class*=wd-swatches].wd-bg-style-4 .wd-swatch.wd-bg:is(.wd-active,:hover:not(.wd-disabled)):after,[class*=wd-swatches].wd-bg-style-4 :is(.wd-swatch-wrap a:hover,.wd-swatch-wrap.wd-active) .wd-swatch.wd-bg:after{opacity:1}[class*=wd-swatches].wd-text-style-4 .wd-swatch.wd-text{border:1px solid var(--wd-swatch-brd-color)}[class*=wd-swatches].wd-text-style-4 .wd-swatch.wd-text .wd-swatch-text{font-size:calc(var(--wd-swatch-text-size) - 2px)}[class*=wd-swatches].wd-text-style-4 .wd-swatch.wd-text:is(.wd-active,:hover:not(.wd-disabled)),[class*=wd-swatches].wd-text-style-4 :is(.wd-swatch-wrap a:hover,.wd-swatch-wrap.wd-active) .wd-swatch.wd-text{border-color:var(--color-gray-900);color:var(--color-white);background-color:var(--color-gray-900)}