[class*="wd-swatches"].wd-bg-style-1 .wd-swatch.wd-bg:after {
	bottom: -5px;
}

[class*="wd-swatches"].wd-text-style-1 .wd-swatch.wd-text {
	min-width: max(var(--wd-swatch-text-min-width, 25px), var(--wd-swatch-text-size));
	min-height: 20px;
}

[class*="wd-swatches"].wd-text-style-1 .wd-swatch.wd-text:after {
	bottom: -3px;
}

[class*="wd-swatches"].wd-text-style-1 .wd-swatch.wd-text .wd-swatch-text {
	padding: 0;
}

[class*="wd-swatches"].wd-text-style-1.wd-swatches-grid {
	--wd-swatch-text-min-width: 15px;
}

[class*="wd-swatches"].wd-text-style-1.wd-swatches-grid .wd-swatch.wd-text:after {
	bottom: -1px;
}

[class*="wd-swatches"].wd-text-style-1.wd-swatches-grid .wd-swatch.wd-bg:after {
	bottom: -4px;
}

.wd-swatches-grid.wd-bg-style-1 .wd-swatch:hover:not(.wd-active):after {
	opacity: 0 !important;
}

[class*="wd-swatches"].wd-bg-style-1 .wd-swatch.wd-bg:after, [class*="wd-swatches"].wd-text-style-1 .wd-swatch.wd-text:after {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	width: 100%;
	border-bottom: 2px solid var(--color-gray-900);
	opacity: 0;
	transition: inherit;
	pointer-events: none;
}

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