.gamut-solid[data-astro-cid-e2uurt7l]{--pad-left:clamp(1rem, 10vw, 9rem);--pad-right:clamp(1rem, 8vw, 7rem);--bar-gap:clamp(.75rem, 2vw, 1.75rem);--viz-max:none;justify-content:center;align-items:stretch;gap:var(--bar-gap);padding:0 var(--pad-right) 0 var(--pad-left);box-sizing:border-box;width:100%;min-width:0;height:100%;min-height:0;font-family:var(--font-mono);--ink:var(--deck-ink,#35302a);--ink-dim:var(--deck-ink-dim,#7a7264);color:var(--ink);display:flex;position:relative}.gamut-solid[data-astro-cid-e2uurt7l][data-controls=false]{--pad-left:1rem;--pad-right:1rem}.bars[data-astro-cid-e2uurt7l]{z-index:1;box-sizing:border-box;background:var(--viz-glass,#ffffff0f);box-shadow:inset 0 0 0 1px var(--viz-glass-rim,#ffffff14), 0 4px 16px #00000026;backdrop-filter:blur(6px);color:#e6e9ef;border-radius:.5rem;flex-direction:column;flex:none;align-items:stretch;gap:.6rem;margin:1em 0;padding:1em;display:flex;position:relative}.bar-row[data-astro-cid-e2uurt7l]{flex:1;align-items:stretch;gap:.9rem;min-height:0;display:flex}.bar[data-astro-cid-e2uurt7l]{--track-border:1px solid transparent;--track-radius:4px;--track-mark-size:3px;flex-direction:column;align-items:center;gap:.45rem;min-width:0;min-height:0;display:flex}.bar-name[data-astro-cid-e2uurt7l]{letter-spacing:.08em;color:#8891a0;flex:none;font-size:.8rem;line-height:1}.legend[data-astro-cid-e2uurt7l]{letter-spacing:.04em;text-align:center;text-transform:uppercase;color:#eceff4;background:#0a0908d1;border-radius:.6rem;flex-wrap:wrap;flex:none;justify-content:center;align-self:center;align-items:center;gap:.25rem .35rem;max-inline-size:100%;margin:0;padding:.3rem .5rem;font-size:.54rem;line-height:1.2;display:flex;box-shadow:inset 0 0 0 1px #ffffff1a}.legend-mark[data-astro-cid-e2uurt7l]{background:var(--legend-ink,#f6f1e6);border-radius:1px;flex:none;block-size:.75rem;inline-size:3px;box-shadow:0 0 0 1px #000000a6}.stage[data-astro-cid-e2uurt7l]{z-index:1;aspect-ratio:var(--columns);flex:none;min-width:0;min-height:0;display:flex;position:relative}.stage[data-astro-cid-e2uurt7l] canvas[data-astro-cid-e2uurt7l]{cursor:grab;touch-action:none;width:100%;height:100%;filter:drop-shadow(0 var(--shadow-y,6px) var(--shadow-blur,18px) var(--viz-shadow,#281e0e8c));border:0;padding:0}.stage[data-astro-cid-e2uurt7l] canvas[data-astro-cid-e2uurt7l]:active{cursor:grabbing}.labels[data-astro-cid-e2uurt7l]{z-index:1;grid-template-columns:repeat(var(--columns), 1fr);letter-spacing:.08em;text-transform:uppercase;color:var(--readout-ink,var(--ink-dim));opacity:.75;pointer-events:none;font-size:.62rem;display:grid;position:absolute;inset:auto 0 0}.labels[data-astro-cid-e2uurt7l] span[data-astro-cid-e2uurt7l]{text-align:center}.gamut-solid[data-astro-cid-e2uurt7l][data-multi=false] .labels[data-astro-cid-e2uurt7l]{display:none}.readout[data-astro-cid-e2uurt7l]{display:contents}.swatch[data-astro-cid-e2uurt7l]{z-index:0;pointer-events:none;width:calc(100% + 2rem);height:calc(100% + 1rem);position:absolute;inset:-1rem -1rem 0}.readout-text[data-astro-cid-e2uurt7l]{z-index:1;pointer-events:none;flex-direction:column;align-items:flex-end;gap:.1rem;display:flex;position:absolute;bottom:.4rem;right:.75rem}.oklch-string[data-astro-cid-e2uurt7l]{font-variant-numeric:tabular-nums;color:var(--readout-ink,#000);font-size:1.125rem}.outside[data-astro-cid-e2uurt7l]{letter-spacing:.08em;text-transform:uppercase;color:var(--readout-ink,#000);opacity:.7;font-size:.62rem}.sr-only[data-astro-cid-e2uurt7l]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@container viz (width<=46rem){.gamut-solid[data-astro-cid-e2uurt7l]{--pad-left:1rem;--pad-right:1rem;--bar-gap:.9rem}.bars[data-astro-cid-e2uurt7l]{gap:.4rem;padding:.7em}}@container viz (width<=30rem){.gamut-solid[data-astro-cid-e2uurt7l]{--pad-left:.6rem;--pad-right:.6rem;--bar-gap:.6rem}.bars[data-astro-cid-e2uurt7l]{gap:.3rem;padding:.55em}.bar[data-astro-cid-e2uurt7l]{--track-size:1rem}.stage[data-astro-cid-e2uurt7l]{flex:0 auto;min-width:0}.legend[data-astro-cid-e2uurt7l]{letter-spacing:.02em;max-inline-size:4.8rem;padding:.25rem .35rem;font-size:.5rem}.oklch-string[data-astro-cid-e2uurt7l]{font-size:.85rem}}.stack[data-astro-cid-gca2g7u6]{width:100%;min-width:0;height:100%;min-height:0;font-family:var(--font-mono);color:var(--deck-ink-dim,#8891a0);flex-direction:column;display:flex}.row[data-astro-cid-gca2g7u6]{flex:1;min-block-size:0;display:flex}.hue-circle[data-astro-cid-xht3763o]{width:100%;min-width:0;height:100%;min-height:0;font-family:var(--font-mono);color:var(--deck-ink-dim,#7a7264);flex-direction:column;justify-content:center;align-items:center;gap:.85rem;padding-bottom:1em;display:flex}.stack[data-astro-cid-xht3763o]{aspect-ratio:1;flex:none;width:min(100%,100cqh - 4.5rem);position:relative}.disc[data-astro-cid-xht3763o]{background:radial-gradient(circle closest-side, var(--grey) 0%, var(--grey-clear) 100%) padding-box, var(--wheel) padding-box, var(--edge) border-box;border:2px solid #0000;border-radius:50%;position:absolute;inset:0}.disc[data-astro-cid-xht3763o].flat{opacity:0;transition:opacity .45s}.hue-circle[data-astro-cid-xht3763o][data-grey=true] .disc[data-astro-cid-xht3763o].flat{opacity:1}.switch[data-astro-cid-xht3763o]{flex:none}.toggle[data-astro-cid-xht3763o]{background:var(--pill,#0c0e119e);backdrop-filter:blur(6px);font:inherit;letter-spacing:.1em;color:inherit;cursor:pointer;border:0;border-radius:999px;grid-template-columns:1fr 1fr;align-items:center;padding:.2rem;font-size:.75rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f,0 4px 16px #00000026}.knob[data-astro-cid-xht3763o]{z-index:0;background:#ffffff29;border-radius:999px;width:calc(50% - .2rem);transition:transform .35s cubic-bezier(.35,.1,.2,1);position:absolute;inset:.2rem auto .2rem .2rem;box-shadow:inset 0 0 0 1px #ffffff2e}.hue-circle[data-astro-cid-xht3763o][data-grey=true] .knob[data-astro-cid-xht3763o]{transform:translate(100%)}.side[data-astro-cid-xht3763o]{z-index:1;padding:.3rem .85rem;transition:color .35s;position:relative}.hue-circle[data-astro-cid-xht3763o][data-grey=false] .side[data-astro-cid-xht3763o][data-side=colour],.hue-circle[data-astro-cid-xht3763o][data-grey=true] .side[data-astro-cid-xht3763o][data-side=grey]{color:var(--deck-ink,#e6e9ef)}.toggle[data-astro-cid-xht3763o]:focus-visible{outline:2px solid var(--deck-ink,#e6e9ef);outline-offset:2px}@media (prefers-reduced-motion:reduce){.disc[data-astro-cid-xht3763o].flat,.knob[data-astro-cid-xht3763o],.side[data-astro-cid-xht3763o]{transition-duration:.01ms}}.palette[data-astro-cid-c7aepnhi]{width:100%;min-width:0;height:100%;min-height:0;font-family:var(--font-mono);color:var(--deck-ink-dim,#8891a0);flex-direction:column;justify-content:center;align-items:center;gap:.7rem;margin:0;display:flex}.grid[data-astro-cid-c7aepnhi]{min-block-size:0;inline-size:100%;max-inline-size:calc(var(--label) + var(--steps) / var(--families) * 76cqh);flex-direction:column;flex:1;align-self:stretch;gap:1px;margin-inline:auto;display:flex}.family[data-astro-cid-c7aepnhi]{opacity:0;flex:1 1 0;align-items:stretch;gap:1px;min-block-size:0;transition:opacity .35s,transform .35s;display:flex;transform:translate(-.5rem)}.palette[data-astro-cid-c7aepnhi][data-shown=true] .family[data-astro-cid-c7aepnhi]{opacity:1;transition-delay:calc(var(--i) * var(--stagger));transform:none}.swatch[data-astro-cid-c7aepnhi]{background:var(--fill);border-radius:1px;flex:1 1 0;min-block-size:0;min-inline-size:0;transition:background-color .5s}.palette[data-astro-cid-c7aepnhi][data-mode=handmade] .swatch[data-astro-cid-c7aepnhi]{background:var(--flat)}.palette[data-astro-cid-c7aepnhi][data-grey=true] .swatch[data-astro-cid-c7aepnhi]{background:var(--grey)}.palette[data-astro-cid-c7aepnhi][data-grey=true][data-mode=handmade] .swatch[data-astro-cid-c7aepnhi]{background:var(--flat-grey)}.name[data-astro-cid-c7aepnhi]{inline-size:calc(var(--label) + .6em);white-space:nowrap;text-align:end;letter-spacing:.02em;flex:none;align-self:center;padding-inline-end:.5em;font-size:.7rem;line-height:1}.controls[data-astro-cid-c7aepnhi]{flex:none;margin-block-end:1em}.toggle[data-astro-cid-c7aepnhi]{background:var(--pill,#0c0e119e);backdrop-filter:blur(6px);font:inherit;letter-spacing:.1em;color:inherit;cursor:pointer;border:0;border-radius:999px;grid-template-columns:1fr 1fr;align-items:center;padding:.2rem;font-size:.7rem;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff1f,0 4px 16px #00000026}.knob[data-astro-cid-c7aepnhi]{z-index:0;background:#ffffff29;border-radius:999px;width:calc(50% - .2rem);transition:transform .35s cubic-bezier(.35,.1,.2,1);position:absolute;inset:.2rem auto .2rem .2rem;box-shadow:inset 0 0 0 1px #ffffff2e}.palette[data-astro-cid-c7aepnhi][data-mode=handmade] .knob[data-astro-cid-c7aepnhi]{transform:translate(100%)}.side[data-astro-cid-c7aepnhi]{z-index:1;padding:.3rem .7rem;transition:color .35s;position:relative}.palette[data-astro-cid-c7aepnhi][data-mode=tailwind] .side[data-astro-cid-c7aepnhi][data-side=tailwind],.palette[data-astro-cid-c7aepnhi][data-mode=handmade] .side[data-astro-cid-c7aepnhi][data-side=handmade]{color:var(--deck-ink,#e6e9ef)}.toggle[data-astro-cid-c7aepnhi]:focus-visible{outline:2px solid var(--accent,#f7a800);outline-offset:3px}@container viz (width<=34rem){.name[data-astro-cid-c7aepnhi]{font-size:.6rem}.toggle[data-astro-cid-c7aepnhi]{font-size:.62rem}}@media (prefers-reduced-motion:reduce){.family[data-astro-cid-c7aepnhi],.swatch[data-astro-cid-c7aepnhi],.knob[data-astro-cid-c7aepnhi]{transition:none}}