.color-swatch.svelte-lddv7f{border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:default;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative}.color-swatch.clickable.svelte-lddv7f{cursor:pointer}.color-swatch.clickable.svelte-lddv7f:hover:not(:disabled){border-color:var(--text-secondary);transform:scale(1.1)}.color-swatch.active.svelte-lddv7f{border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color);border-width:3px}.color-swatch.no-border.svelte-lddv7f{border-color:#0000}.color-swatch.translucent.svelte-lddv7f{background-clip:padding-box;overflow:hidden}.checker.svelte-lddv7f,.fill.svelte-lddv7f{pointer-events:none;position:absolute;inset:0}.checker.svelte-lddv7f{background-color:#aaa;background-image:linear-gradient(45deg,#888 25%,#0000 25%),linear-gradient(-45deg,#888 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#888 75%),linear-gradient(-45deg,#0000 75%,#888 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.checkmark.svelte-lddv7f{position:relative}.color-swatch.svelte-lddv7f:disabled{opacity:.5;cursor:not-allowed}.checkmark.svelte-lddv7f{color:#fff;pointer-events:none;filter:drop-shadow(0 0 2px #000c);align-items:center;display:inline-flex}.checkmark.svelte-lddv7f svg{width:14px;height:14px;display:block}