[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}@media (hover: hover){[class*="wd-swatches"].wd-bg-style-2 .wd-swatch.wd-bg:hover:not(.wd-disabled){--wd-swatch-brd-color: var(--color-gray-900)}}[class*="wd-swatches"].wd-text-style-2 .wd-swatch.wd-text .wd-swatch-text{font-size:calc(var(--wd-swatch-text-size) - 2px)}@media (hover: hover){[class*="wd-swatches"].wd-text-style-2 .wd-swatch.wd-text:hover:not(.wd-disabled){--wd-swatch-brd-color: var(--color-gray-900)}}[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.wd-active,[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.wd-active,[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-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}[class*="wd-swatches"].wd-bg-style-1 .wd-swatch.wd-bg:after{bottom:-5px}@media (hover: hover){[class*="wd-swatches"].wd-bg-style-1 .wd-swatch.wd-bg:hover:not(.wd-disabled):after{opacity:1}}[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}@media (hover: hover){[class*="wd-swatches"].wd-text-style-1 .wd-swatch.wd-text:hover:not(.wd-disabled):after{opacity:1}}[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.wd-active: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.wd-active: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-dis-style-1 .wd-swatch.wd-disabled{opacity:.4;cursor:default}