.wd-swatch.wd-text{min-width:1em;min-height:1em;width:auto;height:auto}.wd-swatch.wd-text .wd-swatch-text{padding:0 calc(var(--wd-swatch-size) / 5);font-size:var(--wd-swatch-text-size)}[class*=wd-swatches].wd-size-xs{--wd-swatch-size:20px;--wd-swatch-text-size:14px}[class*=wd-swatches].wd-size-m{--wd-swatch-size:35px}[class*=wd-swatches].wd-size-large{--wd-swatch-size:45px;--wd-swatch-text-size:18px}[class*=wd-swatches].wd-size-xlarge{--wd-swatch-size:70px;--wd-swatch-text-size:24px}[class*=wd-swatches].wd-size-xxl{--wd-swatch-size:90px;--wd-swatch-text-size:32px}.wd-swatches-grid{--wd-swatch-v-sp:5px;--wd-swatch-h-sp:8px}.wd-swatches-grid:is(.wd-size-xs,.wd-size-default){--wd-swatch-size:15px;--wd-swatch-text-size:14px}.wd-swatches-grid.wd-size-m{--wd-swatch-size:20px}.wd-swatches-grid.wd-size-large{--wd-swatch-size:25px;--wd-swatch-text-size:16px}.wd-swatches-grid:is(.wd-size-xlarge,.wd-size-xxl){--wd-swatch-size:35px;--wd-swatch-text-size:18px}.wd-swatches-filter{--wd-swatch-h-sp:10px}.wd-swatches-filter.wd-size-small{--wd-swatch-size:15px;--wd-swatch-text-size:14px}.wd-swatches-filter.wd-size-large{--wd-swatch-size:35px}[class*=wd-swatches].wd-shape-rounded .wd-swatch{border-radius:5px}