.color-picker.svelte-adm3hv{display:flex;gap:4px}.color-swatch.svelte-adm3hv{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;background:none;display:flex;align-items:center;justify-content:center;position:relative}.swatch-dot.svelte-adm3hv{width:24px;height:24px;border-radius:50%;background:var(--swatch-color);display:block;transition:transform .1s}.color-swatch.svelte-adm3hv:hover .swatch-dot:where(.svelte-adm3hv){transform:scale(1.1)}.color-swatch.svelte-adm3hv:active .swatch-dot:where(.svelte-adm3hv){transform:scale(.9)}.color-swatch.active.svelte-adm3hv{border-color:var(--color-primary, #333);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--color-primary, #333)}