.dot.svelte-s6gh1u{display:inline-block;flex:none;width:var(--size);height:var(--size);border-radius:50%;background:var(--mark, var(--mark-none))}.wrap.svelte-13rslnh{display:flex;flex-direction:column;gap:6px;min-width:0}.label.svelte-13rslnh{color:var(--text-dim);font-size:12px;font-weight:500}.as-heading.svelte-13rslnh{margin:0;color:var(--text);font-size:13px;font-weight:600}.swatches.svelte-13rslnh{display:flex;flex-wrap:wrap;gap:8px}.swatch.svelte-13rslnh{position:relative;display:block;width:22px;height:22px;cursor:pointer}.swatch.svelte-13rslnh input:where(.svelte-13rslnh){position:absolute;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}.chip.svelte-13rslnh{display:block;width:100%;height:100%;border-radius:50%;background:var(--mark, var(--mark-none));transition:box-shadow .15s ease}.none.svelte-13rslnh .chip:where(.svelte-13rslnh){background:var(--mark-none)}.swatch.on.svelte-13rslnh .chip:where(.svelte-13rslnh){box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--mark, var(--mark-none))}.swatch.svelte-13rslnh:hover:not(.on) .chip:where(.svelte-13rslnh){box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--line-strong)}.swatch.svelte-13rslnh:has(input:where(.svelte-13rslnh):focus-visible) .chip:where(.svelte-13rslnh){box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}.own.svelte-13rslnh .chip:where(.svelte-13rslnh){background:conic-gradient(from 0deg,#e5484d,#bf8700,#5f9e0f,#12a594,#3b7ff0,#8e4ec6,#e5484d)}.own.on.svelte-13rslnh .chip:where(.svelte-13rslnh){background:var(--mark)}.said.svelte-13rslnh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}