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