.color-swatches.svelte-a1fvpj{display:flex;flex-wrap:wrap;gap:.5rem}.color-swatch.svelte-a1fvpj{--size: var(--swatch-size, 4rem);--w: calc(var(--border-width) * 2);width:var(--size);height:var(--size);border-radius:var(--border-radius-medium);background-color:var(--swatch-color);border:var(--w) solid transparent;cursor:pointer;transition:border-color var(--motion-duration-base) ease-in-out,transform var(--motion-duration-base) ease-in-out,border-radius var(--motion-duration-base) ease-in-out;padding:0;box-sizing:border-box;display:grid;place-items:center}.color-swatch.svelte-a1fvpj:hover{transform:scale(1.1)}.color-swatch.svelte-a1fvpj{--edge-color: var(--theme-light)}.color-swatch.negative.svelte-a1fvpj{--edge-color: var(--theme-dark)}.color-swatch.selected.svelte-a1fvpj{border-color:var(--theme-text);transform:scale(1.1)}.color-swatch.svelte-a1fvpj .icon{--icon-stroke-color: var(--edge-color);--icon-fill-color: var(--edge-color);--icon-stroke-width: var(--w)}