[class*="wd-swatches"].wd-bg-style-4 .wd-swatch.wd-bg {
	overflow: hidden;
}

[class*="wd-swatches"].wd-bg-style-4 .wd-swatch.wd-bg:after {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, .2);
	color: #fff;
	font-weight: 400;
	font-size: calc(var(--wd-swatch-text-size) - 4px);
	opacity: 0;
	transition: inherit;
	border-radius: inherit;
	content: "";
	font-family: "woodmart-font";
}

@media (hover: hover) {
	[class*="wd-swatches"].wd-bg-style-4 .wd-swatch.wd-bg:hover:not(.wd-disabled):after {
		opacity: 1;
	}
}

[class*="wd-swatches"].wd-bg-style-4 .wd-swatch.wd-bg.wd-active:after, [class*="wd-swatches"].wd-bg-style-4 :is(.wd-swatch-wrap a:hover,.wd-swatch-wrap.wd-active) .wd-swatch.wd-bg:after {
	opacity: 1;
}

@media (hover: hover) {}