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