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