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