[class*=wd-swatches].wd-bg-style-3 .wd-swatch.wd-bg{padding:var(--wd-swatch-inn-sp)}[class*=wd-swatches].wd-bg-style-3 .wd-swatch-bg:before{border:none!important}@media (hover:hover){[class*=wd-swatches].wd-bg-style-3 .wd-swatch.wd-bg:hover:not(.wd-disabled){--wd-swatch-brd-color:var(--color-gray-500)}}[class*=wd-swatches].wd-text-style-3 .wd-swatch.wd-text .wd-swatch-text{font-size:calc(var(--wd-swatch-text-size) - 2px)}@media (hover:hover){[class*=wd-swatches].wd-text-style-3 .wd-swatch.wd-text:hover:not(.wd-disabled){--wd-swatch-brd-color:var(--color-gray-500)}}[class*=wd-swatches].wd-bg-style-3 .wd-swatch.wd-bg,[class*=wd-swatches].wd-text-style-3 .wd-swatch.wd-text{border:1px solid var(--wd-swatch-brd-color);--wd-swatch-inn-sp:2px}[class*=wd-swatches].wd-bg-style-3 .wd-swatch.wd-bg.wd-active,[class*=wd-swatches].wd-bg-style-3 :is(.wd-swatch-wrap a:hover,.wd-swatch-wrap.wd-active) .wd-swatch.wd-bg,[class*=wd-swatches].wd-text-style-3 .wd-swatch.wd-text.wd-active,[class*=wd-swatches].wd-text-style-3 :is(.wd-swatch-wrap a:hover,.wd-swatch-wrap.wd-active) .wd-swatch.wd-text{--wd-swatch-brd-color:var(--color-gray-500)}