.swatches.svelte-suq6f2{flex-wrap:wrap;gap:.4rem;display:flex}.swatch-item.svelte-suq6f2{width:34px;height:34px;position:relative}.swatch-item.svelte-suq6f2 input[type=color]:where(.svelte-suq6f2){border:1px solid var(--pg-line);cursor:pointer;background:0 0;border-radius:4px;width:100%;height:100%;padding:0}.swatch-del.svelte-suq6f2{width:15px;height:15px;font:inherit;color:var(--pg-text);background:var(--pg-panel);border:1px solid var(--pg-line);cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:.7rem;line-height:1;display:grid;position:absolute;top:-5px;right:-5px}.swatch-del.svelte-suq6f2:hover:not(:disabled){color:#e05555;border-color:#e05555}.swatch-del.svelte-suq6f2:disabled{opacity:0;pointer-events:none}.swatch-add.svelte-suq6f2{width:34px;height:34px;font:inherit;color:var(--pg-dim);border:1px dashed var(--pg-line);cursor:pointer;background:0 0;border-radius:4px;font-size:1rem;line-height:1}.swatch-add.svelte-suq6f2:hover{color:var(--pg-text);border-color:var(--pg-dim)}.preview.checker.svelte-suq6f2{background-color:#2a2a31;background-image:linear-gradient(45deg,#1c1c22 25%,#0000 25%),linear-gradient(-45deg,#1c1c22 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1c1c22 75%),linear-gradient(-45deg,#0000 75%,#1c1c22 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}