[class*="tm-swatches"].tm-bg-style-4 .tm-swatch.tm-bg{overflow:hidden}[class*="tm-swatches"].tm-bg-style-4 .tm-swatch.tm-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(--tm-swatch-text-size) - 4px);opacity:0;transition:inherit;border-radius:inherit;content:"\f107";font-family:"techmart-font"}[class*="tm-swatches"].tm-bg-style-4 .tm-swatch.tm-bg:is(.tm-active,:hover:not(.tm-disabled)):after,[class*="tm-swatches"].tm-bg-style-4 :is(.tm-swatch-wrap a:hover,.tm-swatch-wrap.tm-active) .tm-swatch.tm-bg:after{opacity:1}[class*="tm-swatches"].tm-text-style-4 .tm-swatch.tm-text{border:1px solid var(--tm-swatch-brd-color)}[class*="tm-swatches"].tm-text-style-4 .tm-swatch.tm-text .tm-swatch-text{font-size:calc(var(--tm-swatch-text-size) - 2px)}[class*="tm-swatches"].tm-text-style-4 .tm-swatch.tm-text:is(.tm-active,:hover:not(.tm-disabled)),[class*="tm-swatches"].tm-text-style-4 :is(.tm-swatch-wrap a:hover,.tm-swatch-wrap.tm-active) .tm-swatch.tm-text{border-color:var(--color-gray-900);background-color:var(--color-gray-900);color:var(--color-white)}