.group.svelte-hbjv5d{flex-direction:column;gap:12px;width:fit-content;margin:0 auto;display:flex}.row.svelte-hbjv5d{align-items:center;gap:8px;display:flex}.color.svelte-hbjv5d,.result.svelte-hbjv5d{box-sizing:border-box;border:1px solid var(--text-fill-02);border-radius:4px;width:44px;height:44px;padding:2px}.result.svelte-hbjv5d{background:color-mix(in srgb, var(--color0), var(--color1) calc(1% * var(--percent)))}.group.svelte-eojzv0{flex-direction:column;gap:12px;display:flex}.gradient.svelte-eojzv0{box-sizing:border-box;align-items:center;height:32px;padding:8px;display:flex}.gradient_0.svelte-eojzv0{background:linear-gradient(to right in srgb, blue, red)}.gradient_1.svelte-eojzv0{background:linear-gradient(to right in oklch, blue, red)}.gradient_2.svelte-eojzv0{background:linear-gradient(to right in oklab, blue, red)}.group.svelte-11rrhi2{flex-direction:column;gap:12px;display:flex}.gradient.svelte-11rrhi2{box-sizing:border-box;align-items:center;height:32px;padding:8px;display:flex}.gradient_0.svelte-11rrhi2{background:linear-gradient(to right in oklch shorter hue, blue, red)}.gradient_1.svelte-11rrhi2{background:linear-gradient(to right in oklch longer hue, blue, red)}