.swatch[data-v-873f662e]{cursor:pointer;transition:transform .3s var(--ease);border:2px solid #0000;padding:0}.tileSwatch[data-v-873f662e]{height:46px;color:var(--textSoft);border-width:2.5px;border-radius:14px;font-size:10.5px;font-weight:700}.tileSwatch[data-v-873f662e]:hover{transform:scale(1.06)}.squareSwatch[data-v-873f662e]{width:var(--swatchW,44px);height:var(--swatchH,44px);border-radius:var(--swatchRadius,14px);background-color:var(--bgTrack);background-position:50%;background-size:cover}.paletteSwatch[data-v-873f662e]:hover,.squareSwatch[data-v-873f662e]:hover{transform:scale(1.08)}.dotSwatch[data-v-873f662e]{border-color:#fff;border-radius:50%;width:22px;height:22px}.dotSwatch[data-v-873f662e]:hover{transform:scale(1.15)}.dotSwatch.empty[data-v-873f662e]{border-color:#d5d5dd}.paletteSwatch[data-v-873f662e]{aspect-ratio:1;background:var(--soft);border-radius:clamp(10px,30%,14px);place-items:center;display:grid}.mark[data-v-873f662e]{width:14px;height:14px}.circleSwatch[data-v-873f662e],.mark[data-v-873f662e]{background:var(--solid);border-radius:50%}.circleSwatch[data-v-873f662e]{aspect-ratio:1;border:3px solid #fff}.circleSwatch[data-v-873f662e]:hover{transform:scale(1.1)}.swatch.selected[data-v-873f662e]{border-color:var(--bgDark)}