
[class*="wd-swatches"].wd-dis-style-3 .wd-swatch:before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background-image: linear-gradient(to top left, transparent calc(50% - 1px), var(--wd-swatch-brd-color) 50%, transparent calc(50% + 1px));
	opacity: 0;
	transition: opacity .2s ease;
	z-index: 2;
}

[class*="wd-swatches"].wd-dis-style-3 .wd-swatch.wd-disabled {
	opacity: .4;
	cursor: default;
	--wd-swatch-brd-color: var(--brdcolor-gray-500);
}

[class*="wd-swatches"].wd-dis-style-3 .wd-swatch.wd-disabled:before {
	opacity: 1;
}
