.wd-swatch{height:var(--wd-swatch-h);justify-content:center;font-size:var(--wd-swatch-size);font-weight:600;color:var(--color-gray-900);transition:all .25s ease;position:relative;text-align:center;align-items:center;cursor:pointer;width:var(--wd-swatch-w);line-height:1;vertical-align:middle;display:inline-flex}.wd-swatch :is(img,picture){height:inherit;max-height:100%;object-fit:cover;border-radius:inherit;width:inherit;display:block}.wd-swatch.wd-bg .wd-swatch-text{display:none}.wd-swatch.wd-text{height:auto;min-height:1em;min-width:1em;width:auto}.wd-swatch.wd-text .wd-swatch-text{padding:0 calc(var(--wd-swatch-size)/5);font-size:var(--wd-swatch-text-size)}.wd-swatch.wd-linked{cursor:pointer!important}.wd-swatch-bg{height:100%;justify-content:inherit;align-items:inherit;border-radius:inherit;width:100%;display: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{border:1px solid var(--wd-swatch-brd-color);content:"";position:absolute;inset:0;border-radius:inherit}[class*=wd-swatches]{--wd-swatch-text-size:16px;--wd-swatch-h-sp:15px;--wd-swatch-size:25px;--wd-swatch-v-sp:10px;--wd-swatch-inn-sp:.001px;--wd-swatch-brd-color:var(--brdcolor-gray-200);--wd-swatch-w:1em;--wd-swatch-h:1em}.wd-swatches-product{justify-content:var(--text-align);flex-wrap:wrap;gap:var(--wd-swatch-v-sp) var(--wd-swatch-h-sp);align-items:center;vertical-align:middle;display:inline-flex}.wd-swatches-product+select{display:none}[class*=wd-swatches].wd-size-xs{--wd-swatch-text-size:14px;--wd-swatch-size:20px}[class*=wd-swatches].wd-size-m{--wd-swatch-size:35px}[class*=wd-swatches].wd-size-large{--wd-swatch-text-size:18px;--wd-swatch-size:45px}[class*=wd-swatches].wd-size-xlarge{--wd-swatch-text-size:24px;--wd-swatch-size:70px}[class*=wd-swatches].wd-size-xxl{--wd-swatch-text-size:32px;--wd-swatch-size:90px}.wd-swatches-grid{--wd-swatch-h-sp:8px;--wd-swatch-v-sp:5px}.wd-swatches-grid:is(.wd-size-xs,.wd-size-default){--wd-swatch-text-size:14px;--wd-swatch-size:15px}.wd-swatches-grid.wd-size-m{--wd-swatch-size:20px}.wd-swatches-grid.wd-size-large{--wd-swatch-text-size:16px;--wd-swatch-size:25px}.wd-swatches-grid:is(.wd-size-xlarge,.wd-size-xxl){--wd-swatch-text-size:18px;--wd-swatch-size:35px}.wd-swatches-filter{--wd-swatch-h-sp:10px}.wd-swatches-filter.wd-size-small{--wd-swatch-text-size:14px;--wd-swatch-size:15px}.wd-swatches-filter.wd-size-large{--wd-swatch-size:35px}[class*=wd-swatches].wd-shape-round .wd-swatch{border-radius:1em}[class*=wd-swatches].wd-shape-rounded .wd-swatch{border-radius:5px}