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