.hue-swatch.svelte-mb0hmf{border:1px solid var(--variant-border,currentColor);--tx-scale:.12;background:var(--variant-texture,var(--variant-bg,currentColor));background-size:var(--variant-texture-size,auto);background-position:50%;border-radius:50%;width:14px;height:14px;display:inline-block}.hue-grid.svelte-mb0hmf .hue-swatch:where(.svelte-mb0hmf),.hue-grid.svelte-mb0hmf .hue-none-pill:where(.svelte-mb0hmf){border-radius:7px;width:44px;height:24px}.hue-grid.svelte-mb0hmf .hue-swatch:where(.svelte-mb0hmf){--tx-scale:.2}.hue-grid.svelte-mb0hmf [data-hue-swatch=blue]:where(.svelte-mb0hmf){--tx-weight:1;--tx-scale:.3}.hue-grid.svelte-mb0hmf .hue-none-pill:where(.svelte-mb0hmf){border:1px solid var(--color-ink-3);justify-content:center;align-items:center;display:flex}.hue-grid.svelte-mb0hmf{grid-template-columns:repeat(3,48px);gap:6px;display:grid}.hue-option.svelte-mb0hmf{cursor:pointer;border-radius:var(--radius-chip);background:0 0;border:0;justify-content:center;align-items:center;padding:2px;display:flex}.hue-option.svelte-mb0hmf:hover{background:var(--color-rule-soft)}.hue-option--none.svelte-mb0hmf{color:var(--color-ink-3);font-size:14px}