.colormix-demo[data-astro-cid-mi55j2bl]{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.swatches[data-astro-cid-mi55j2bl]{gap:.5rem;display:flex}.swatch[data-astro-cid-mi55j2bl]{aspect-ratio:1;background:color-mix(in oklch, oklch(55% .18 260) var(--pct), oklch(65% .18 150));border-radius:8px;flex:1}.hint[data-astro-cid-mi55j2bl]{opacity:.5;text-align:center;font-size:.7rem}.spaces[data-astro-cid-mi55j2bl]{flex-direction:column;gap:.5rem;display:flex}.space-row[data-astro-cid-mi55j2bl]{align-items:center;gap:.75rem;display:flex}.space-label[data-astro-cid-mi55j2bl]{opacity:.5;flex-shrink:0;width:2.5rem;font-family:Geist Mono,monospace;font-size:.65rem}.space-swatches[data-astro-cid-mi55j2bl]{flex:1;gap:.5rem;display:flex}.s[data-astro-cid-mi55j2bl]{border-radius:4px;flex:1;height:2rem}.s[data-astro-cid-mi55j2bl].srgb{background:color-mix(in srgb, oklch(55% .18 260) var(--p), oklch(65% .18 150))}.s[data-astro-cid-mi55j2bl].oklch{background:color-mix(in oklch, oklch(55% .18 260) var(--p), oklch(65% .18 150))}.s[data-astro-cid-mi55j2bl].hsl{background:color-mix(in hsl, oklch(55% .18 260) var(--p), oklch(65% .18 150))}