.dt-color-picker.svelte-ldcjkr{grid-template-columns:repeat(var(--dt-picker-columns), 14px);gap:2px;width:max-content;display:grid}.dt-color-swatch.svelte-ldcjkr{border:var(--dt-border-width) solid var(--dt-color-border);cursor:pointer;border-radius:3px;width:14px;height:14px;padding:0}.dt-color-swatch.svelte-ldcjkr:focus-visible{outline:2px solid var(--dt-color-focus-ring);outline-offset:1px}.dt-color-swatch--current.svelte-ldcjkr{outline:2px solid var(--dt-color-accent);outline-offset:1px}@media (pointer:coarse){.dt-color-picker.svelte-ldcjkr{grid-template-columns:repeat(var(--dt-picker-columns), 18px)}.dt-color-swatch.svelte-ldcjkr{width:18px;height:18px}}