.swatches.svelte-1k4csv7{flex-wrap:wrap;gap:.4rem;display:flex}.swatch-item.svelte-1k4csv7{width:34px;height:34px;position:relative}.swatch-item.svelte-1k4csv7 input[type=color]:where(.svelte-1k4csv7){border:1px solid var(--pg-line);cursor:pointer;background:0 0;border-radius:4px;width:100%;height:100%;padding:0}.swatch-del.svelte-1k4csv7{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-1k4csv7:hover:not(:disabled){color:#e05555;border-color:#e05555}.swatch-del.svelte-1k4csv7:disabled{opacity:0;pointer-events:none}.swatch-add.svelte-1k4csv7{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-1k4csv7:hover{color:var(--pg-text);border-color:var(--pg-dim)}