.wd-swatch{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--wd-swatch-w);height:var(--wd-swatch-h);color:var(--color-gray-900);vertical-align:middle;text-align:center;font-weight:600;font-size:var(--wd-swatch-size);line-height:1;cursor:pointer;transition:all .25s ease}.wd-swatch :is(img,picture){display:block;max-height:100%;width:inherit;height:inherit;border-radius:inherit;object-fit:cover}.wd-swatch.wd-bg .wd-swatch-text{display:none}.wd-swatch-bg{display:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;border-radius:inherit}:is(body:not(.global-color-scheme-light),.color-scheme-dark) .wd-swatch.wd-bg .wd-swatch-bg:is(:not([style^=background-color]),[style*="#ffffff"],[style*="#FFFFFF"],[style*="255,255,255"]):before{content:"";position:absolute;inset:0;border:1px solid var(--wd-swatch-brd-color);border-radius:inherit}[class*=wd-swatches]{--wd-swatch-size:25px;--wd-swatch-w:1em;--wd-swatch-h:1em;--wd-swatch-text-size:16px;--wd-swatch-h-sp:15px;--wd-swatch-v-sp:10px;--wd-swatch-inn-sp:.001px;--wd-swatch-brd-color:var(--brdcolor-gray-200)}.wd-swatches-filter{--wd-swatch-h-sp:10px}[class*=wd-swatches].wd-shape-round .wd-swatch{border-radius:1em}