.themes.svelte-17b0ac4{border:0;min-width:0;margin:0;padding:0}legend.svelte-17b0ac4{margin-bottom:.45rem;padding:0;font-size:.95rem;font-weight:600}.group.svelte-17b0ac4{color:var(--muted);margin:.5rem 0 .3rem;font-size:.8rem;font-weight:600}.grid.svelte-17b0ac4{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:.4rem;display:grid}label.svelte-17b0ac4{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;justify-items:center;gap:.15rem;padding:.5rem .25rem .4rem;transition:border-color .15s,background .15s,transform .15s;display:grid}label.svelte-17b0ac4:hover{border-color:#cfcabb;transform:translateY(-1px)}label.selected.svelte-17b0ac4{border-color:var(--cat,var(--accent));background:var(--cat-tint,var(--accent-soft))}label.svelte-17b0ac4:has(input:where(.svelte-17b0ac4):focus-visible){outline:3px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:2px}input.svelte-17b0ac4{opacity:0;pointer-events:none;position:absolute}.swatch.svelte-17b0ac4 svg{width:34px;height:34px;display:block}.label.svelte-17b0ac4{font-size:.8rem;font-weight:600}