[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;
}

[class*="wd-swatches"].wd-text-style-3 .wd-swatch.wd-text .wd-swatch-text {
	font-size: calc(var(--wd-swatch-text-size) - 2px);
}

[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:is(.wd-active, :hover:not(.wd-disabled)), [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:is(.wd-active, :hover:not(.wd-disabled)), [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);
}