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