[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}[class*="wd-swatches"].wd-bg-style-2 .wd-swatch.wd-bg{padding:var(--wd-swatch-inn-sp)}[class*="wd-swatches"].wd-bg-style-2 .wd-swatch-bg:before{border:none !important}[class*="wd-swatches"].wd-text-style-2 .wd-swatch.wd-text .wd-swatch-text{font-size:calc(var(--wd-swatch-text-size) - 2px)}[class*="wd-swatches"].wd-bg-style-2 .wd-swatch.wd-bg,[class*="wd-swatches"].wd-text-style-2 .wd-swatch.wd-text{box-shadow:0 0 0 var(--brd-width, 1px) var(--wd-swatch-brd-color) inset;--wd-swatch-inn-sp:4px}[class*="wd-swatches"].wd-bg-style-2 .wd-swatch.wd-bg:is(.wd-active,:hover:not(.wd-disabled)),[class*="wd-swatches"].wd-bg-style-2 :is(.wd-swatch-wrap a:hover,.wd-swatch-wrap.wd-active) .wd-swatch.wd-bg,[class*="wd-swatches"].wd-text-style-2 .wd-swatch.wd-text:is(.wd-active,:hover:not(.wd-disabled)),[class*="wd-swatches"].wd-text-style-2 :is(.wd-swatch-wrap a:hover,.wd-swatch-wrap.wd-active) .wd-swatch.wd-text{--wd-swatch-brd-color:var(--color-gray-900)}[class*="wd-swatches"].wd-bg-style-2 .wd-swatch.wd-bg.wd-active,[class*="wd-swatches"].wd-bg-style-2 .wd-swatch-wrap.wd-active .wd-swatch.wd-bg,[class*="wd-swatches"].wd-text-style-2 .wd-swatch.wd-text.wd-active,[class*="wd-swatches"].wd-text-style-2 .wd-swatch-wrap.wd-active .wd-swatch.wd-text{--wd-swatch-brd-color: var(--color-gray-900);--brd-width: 2px}[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}[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}[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)}