[class*=wd-swatches].wd-bg-style-2 .wd-swatch.wd-bg{padding:var(--wd-swatch-inn-sp)}@media(hover: hover){[class*=wd-swatches].wd-bg-style-2 .wd-swatch.wd-bg:hover:not(.wd-disabled){--wd-swatch-brd-color: var(--color-gray-900)}}[class*=wd-swatches].wd-bg-style-2 .wd-swatch-bg:before{border:none !important}[class*=wd-swatches].wd-text-style-2 .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-2 .wd-swatch.wd-text:hover:not(.wd-disabled){--wd-swatch-brd-color: var(--color-gray-900)}}[class*=wd-swatches].wd-bg-style-2 .wd-swatch.wd-bg,[class*=wd-swatches].wd-text-style-2 .wd-swatch.wd-text{box-shadow:0 0 0 var(--brd-width, 1px) var(--wd-swatch-brd-color) inset;--wd-swatch-inn-sp: 4px}[class*=wd-swatches].wd-bg-style-2 .wd-swatch.wd-bg.wd-active,[class*=wd-swatches].wd-bg-style-2 :is(.wd-swatch-wrap a:hover,.wd-swatch-wrap.wd-active) .wd-swatch.wd-bg,[class*=wd-swatches].wd-text-style-2 .wd-swatch.wd-text.wd-active,[class*=wd-swatches].wd-text-style-2 :is(.wd-swatch-wrap a:hover,.wd-swatch-wrap.wd-active) .wd-swatch.wd-text{--wd-swatch-brd-color: var(--color-gray-900)}[class*=wd-swatches].wd-bg-style-2 .wd-swatch.wd-bg.wd-active,[class*=wd-swatches].wd-bg-style-2 .wd-swatch-wrap.wd-active .wd-swatch.wd-bg,[class*=wd-swatches].wd-text-style-2 .wd-swatch.wd-text.wd-active,[class*=wd-swatches].wd-text-style-2 .wd-swatch-wrap.wd-active .wd-swatch.wd-text{--wd-swatch-brd-color: var(--color-gray-900);--brd-width: 2px}
