.solid[data-astro-cid-k5o7mzpg]{--viz-max:none;--solid-scale:.52;box-sizing:border-box;width:100%;min-width:0;height:100%;min-height:0;font-family:var(--font-mono);color:var(--deck-ink-dim,#8891a0);justify-content:center;align-items:stretch;display:flex;position:relative}.rig[data-astro-cid-k5o7mzpg]{z-index:1;position:relative}.swoosh[data-astro-cid-k5o7mzpg]{z-index:0;pointer-events:none;width:calc(100% + 2rem);height:calc(100% + 1rem);position:absolute;inset:-1rem -1rem 0}.rig[data-astro-cid-k5o7mzpg]{--rig-gap:clamp(.5rem, 2.5%, 2rem);flex:1;justify-content:center;align-items:stretch;min-width:0;min-height:0;display:flex}.plate[data-astro-cid-k5o7mzpg]{box-sizing:border-box;background:var(--plate,var(--viz-glass,#ffffff0f));box-shadow:inset 0 0 0 1px var(--viz-glass-rim,#ffffff14), 0 4px 16px #00000026;backdrop-filter:blur(6px);border-radius:.5rem;flex:none;align-items:stretch;gap:.75rem;margin:1em 0;padding:1em;transition:opacity .45s,padding .45s;display:flex}.plate[data-astro-cid-k5o7mzpg] .bar[data-astro-cid-k5o7mzpg]{transition:opacity .45s,filter .45s}.solid[data-astro-cid-k5o7mzpg][data-space=hsl] .plate[data-astro-cid-k5o7mzpg].rgb .bar[data-astro-cid-k5o7mzpg],.solid[data-astro-cid-k5o7mzpg][data-space=rgb] .plate[data-astro-cid-k5o7mzpg].hsl .bar[data-astro-cid-k5o7mzpg]{opacity:.3;filter:saturate(.4)}.slot[data-astro-cid-k5o7mzpg]{grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;transition:grid-template-columns .45s,margin .45s;display:grid}.slot[data-astro-cid-k5o7mzpg][data-slot=pair],.slot[data-astro-cid-k5o7mzpg][data-slot=rgb]{margin-inline-end:var(--rig-gap)}.slot[data-astro-cid-k5o7mzpg][data-slot=hsl]{margin-inline-start:var(--rig-gap)}.slot[data-astro-cid-k5o7mzpg]>[data-astro-cid-k5o7mzpg],.slot[data-astro-cid-k5o7mzpg] .plate[data-astro-cid-k5o7mzpg]{min-inline-size:0;overflow:hidden}.slot[data-astro-cid-k5o7mzpg][data-open=false]{grid-template-columns:minmax(0,0fr);margin-inline:0}.slot[data-astro-cid-k5o7mzpg][data-open=false] .plate[data-astro-cid-k5o7mzpg]{opacity:0;padding-inline:0}.switch[data-astro-cid-k5o7mzpg]{grid-template-rows:1fr;transition:grid-template-rows .45s;display:grid}.solid[data-astro-cid-k5o7mzpg][data-toggle-shown=false] .switch[data-astro-cid-k5o7mzpg].space,.solid[data-astro-cid-k5o7mzpg][data-compare=true] .switch[data-astro-cid-k5o7mzpg].space,.solid[data-astro-cid-k5o7mzpg]:not([data-compare=true]) .switch[data-astro-cid-k5o7mzpg].grey{grid-template-rows:0fr}.solid[data-astro-cid-k5o7mzpg][data-toggle-shown=false] .switch[data-astro-cid-k5o7mzpg].space>.toggle[data-astro-cid-k5o7mzpg],.solid[data-astro-cid-k5o7mzpg][data-compare=true] .switch[data-astro-cid-k5o7mzpg].space>.toggle[data-astro-cid-k5o7mzpg],.solid[data-astro-cid-k5o7mzpg]:not([data-compare=true]) .switch[data-astro-cid-k5o7mzpg].grey>.toggle[data-astro-cid-k5o7mzpg]{opacity:0;padding-block:0}.solid[data-astro-cid-k5o7mzpg][data-compare=true] .readout[data-astro-cid-k5o7mzpg]{opacity:0}.swoosh[data-astro-cid-k5o7mzpg]{transition:opacity .45s}.bar[data-astro-cid-k5o7mzpg]{--track-border:1px solid transparent;--track-radius:4px;flex-direction:column;align-items:center;gap:.4rem;min-width:0;min-height:0;display:flex}.sets[data-astro-cid-k5o7mzpg]{flex-direction:column;gap:.6rem;min-block-size:0;margin:1em 0;display:flex}.plate[data-astro-cid-k5o7mzpg].set{flex:1;align-items:center;gap:1em;min-block-size:0;margin:0;padding:.8em}.plate[data-astro-cid-k5o7mzpg].set .bars[data-astro-cid-k5o7mzpg]{flex:none;justify-content:center;align-self:stretch;align-items:stretch;gap:.5rem;display:flex}.disc[data-astro-cid-k5o7mzpg]{aspect-ratio:1;box-sizing:border-box;border:.2rem solid var(--edge,transparent);background:var(--fill,gray);border-radius:50%;flex:none;block-size:22cqh;max-block-size:100%;margin-block-end:1.15rem;transition:background-color .45s,border-color .45s}.bar-name[data-astro-cid-k5o7mzpg]{letter-spacing:.08em;color:#000;flex:none;font-size:.75rem;line-height:1}.middle[data-astro-cid-k5o7mzpg]{flex-direction:column;flex:0 auto;justify-content:center;align-items:center;gap:.5rem;min-width:0;min-height:0;padding-block:.5rem;display:flex}.stage[data-astro-cid-k5o7mzpg]{aspect-ratio:1;flex:1;min-width:0;min-height:0;display:flex}.stage[data-astro-cid-k5o7mzpg] canvas[data-astro-cid-k5o7mzpg]{cursor:grab;touch-action:none;width:100%;height:100%;filter:drop-shadow(0 var(--shadow-y,6px) var(--shadow-blur,18px) var(--viz-shadow,#0000008c))}.stage[data-astro-cid-k5o7mzpg] canvas[data-astro-cid-k5o7mzpg]:active{cursor:grabbing}.controls[data-astro-cid-k5o7mzpg]{flex-direction:column;flex:none;align-items:center;gap:.35rem;display:flex}.toggle[data-astro-cid-k5o7mzpg]{background:var(--pill,#0c0e119e);backdrop-filter:blur(6px);min-block-size:0;font:inherit;letter-spacing:.1em;color:inherit;cursor:pointer;border:0;border-radius:999px;grid-template-columns:1fr 1fr;align-items:center;gap:0;padding:.2rem;font-size:.75rem;transition:opacity .45s,padding .45s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f,0 4px 16px #00000026}.knob[data-astro-cid-k5o7mzpg]{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}.solid[data-astro-cid-k5o7mzpg][data-space=hsl] .switch[data-astro-cid-k5o7mzpg].space .knob[data-astro-cid-k5o7mzpg],.solid[data-astro-cid-k5o7mzpg][data-grey=true] .switch[data-astro-cid-k5o7mzpg].grey .knob[data-astro-cid-k5o7mzpg]{transform:translate(100%)}.side[data-astro-cid-k5o7mzpg]{z-index:1;padding:.3rem .85rem;transition:color .35s;position:relative}.solid[data-astro-cid-k5o7mzpg][data-space=rgb] .side[data-astro-cid-k5o7mzpg][data-side=rgb],.solid[data-astro-cid-k5o7mzpg][data-space=hsl] .side[data-astro-cid-k5o7mzpg][data-side=hsl],.solid[data-astro-cid-k5o7mzpg][data-grey=false] .side[data-astro-cid-k5o7mzpg][data-side=colour],.solid[data-astro-cid-k5o7mzpg][data-grey=true] .side[data-astro-cid-k5o7mzpg][data-side=grey]{color:var(--deck-ink,#e6e9ef)}.toggle[data-astro-cid-k5o7mzpg]:focus-visible{outline:2px solid var(--accent,#f7a800);outline-offset:3px}.readout[data-astro-cid-k5o7mzpg]{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--readout-ink,#000);pointer-events:none;margin:0;font-size:1.125rem}@container viz (width<=30rem){.readout[data-astro-cid-k5o7mzpg]{font-size:.85rem}}@container viz (width<=46rem){.rig[data-astro-cid-k5o7mzpg]{--rig-gap:.5rem}.plate[data-astro-cid-k5o7mzpg]{gap:.4rem;padding:.6rem}}@container viz (width<=34rem){.rig[data-astro-cid-k5o7mzpg]{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto auto auto minmax(0,1fr);align-items:center;gap:.45rem;display:grid}.middle[data-astro-cid-k5o7mzpg]{display:contents}.slot[data-astro-cid-k5o7mzpg][data-slot=pair],.slot[data-astro-cid-k5o7mzpg][data-slot=rgb]{grid-area:1/2}.controls[data-astro-cid-k5o7mzpg]{grid-area:1/3}.slot[data-astro-cid-k5o7mzpg][data-slot=hsl]{grid-area:1/4}.slot[data-astro-cid-k5o7mzpg][data-open=false]{block-size:0}.stage[data-astro-cid-k5o7mzpg]{aspect-ratio:auto;grid-area:2/1/3/6;align-self:stretch;inline-size:0;min-inline-size:100%}.slot[data-astro-cid-k5o7mzpg]{margin-inline:0}.plate[data-astro-cid-k5o7mzpg]{gap:.3rem;margin:0;padding:.5rem}.plate[data-astro-cid-k5o7mzpg].rgb,.plate[data-astro-cid-k5o7mzpg].hsl{block-size:min(7rem,26cqh)}.sets[data-astro-cid-k5o7mzpg]{gap:.4rem;block-size:min(9rem,34cqh);margin:0}.plate[data-astro-cid-k5o7mzpg].set{gap:.5em;padding:.4rem}.disc[data-astro-cid-k5o7mzpg]{block-size:12cqh}.bar[data-astro-cid-k5o7mzpg]{--track-size:.85rem}.bar-name[data-astro-cid-k5o7mzpg]{font-size:.65rem}.readout[data-astro-cid-k5o7mzpg]{color:var(--deck-ink,#e6e9ef);font-size:.7rem}.toggle[data-astro-cid-k5o7mzpg]{font-size:.7rem}.side[data-astro-cid-k5o7mzpg]{padding-inline:.55rem}.solid[data-astro-cid-k5o7mzpg]{--solid-scale:.66}}@container viz (height<=14rem){.plate[data-astro-cid-k5o7mzpg]{margin:.4rem 0;padding:.4rem}.sets[data-astro-cid-k5o7mzpg]{gap:.4rem;margin:.4rem 0}.plate[data-astro-cid-k5o7mzpg].set{gap:.5em;padding:.35rem}.bar-name[data-astro-cid-k5o7mzpg],.readout[data-astro-cid-k5o7mzpg]{display:none}.bar[data-astro-cid-k5o7mzpg]{gap:0}.controls[data-astro-cid-k5o7mzpg]{gap:.25rem}.disc[data-astro-cid-k5o7mzpg]{margin-block-end:0}}@container viz (width>=34rem) and (aspect-ratio<=1){.rig[data-astro-cid-k5o7mzpg]{flex-direction:column;gap:.4rem}.slot[data-astro-cid-k5o7mzpg]{grid-template-rows:minmax(0,1fr);grid-template-columns:none;inline-size:100%;margin-inline:0;transition:grid-template-rows .45s,margin .45s}.slot[data-astro-cid-k5o7mzpg][data-slot=rgb],.slot[data-astro-cid-k5o7mzpg][data-slot=hsl],.slot[data-astro-cid-k5o7mzpg][data-slot=pair]{margin-inline:0}.slot[data-astro-cid-k5o7mzpg][data-open=false]{grid-template-rows:minmax(0,0fr)}.plate[data-astro-cid-k5o7mzpg]{flex:none;inline-size:100%;margin:0}.plate[data-astro-cid-k5o7mzpg].rgb,.plate[data-astro-cid-k5o7mzpg].hsl{flex-direction:column;gap:.3rem}.sets[data-astro-cid-k5o7mzpg]{margin:.4rem 0}.plate[data-astro-cid-k5o7mzpg].set .bars[data-astro-cid-k5o7mzpg]{flex-direction:column;flex:1;gap:.3rem;min-inline-size:0}.bar[data-astro-cid-k5o7mzpg]{--track-flow:horizontal-tb;--track-dir:ltr;flex-direction:row;gap:.5rem}.bar-name[data-astro-cid-k5o7mzpg]{order:-1;inline-size:1ch}.middle[data-astro-cid-k5o7mzpg]{flex:1;min-block-size:0}}.shade-match[data-astro-cid-mmw5ngru]{min-width:0;min-height:0;font-family:var(--font-mono);color:var(--deck-ink-dim,#8891a0);pointer-events:none;align-items:stretch;gap:clamp(.75rem,3%,2rem);display:flex;position:absolute;inset:0}.pair[data-astro-cid-mmw5ngru]{flex-direction:column;flex:1;min-width:0;min-height:0;padding-block-end:1.9rem;display:flex}.room[data-astro-cid-mmw5ngru]{flex:1;min-height:0}.controls[data-astro-cid-mmw5ngru]{box-sizing:border-box;background:var(--plate,#ffffff0f);opacity:0;border-radius:.5rem;flex:none;align-items:stretch;gap:.9rem;margin:1em 0;padding:1em;transition:opacity .3s;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.shade-match[data-astro-cid-mmw5ngru][data-on=true] .controls[data-astro-cid-mmw5ngru]{opacity:1;pointer-events:auto}.bar[data-astro-cid-mmw5ngru]{--track-border:1px solid transparent;--track-radius:4px;flex-direction:column;align-items:center;gap:.45rem;min-width:0;min-height:0;display:flex}.bar-name[data-astro-cid-mmw5ngru]{letter-spacing:.08em;flex:none;font-size:.8rem;line-height:1}.discs[data-astro-cid-mmw5ngru]{pointer-events:none;position:absolute;inset:0}.discs[data-astro-cid-mmw5ngru] .disc{box-sizing:border-box;background:var(--fill);opacity:0;border-radius:4px;transition:left .55s,top .55s,width .55s,height .55s,border-radius .55s,opacity .25s;position:absolute}.discs[data-astro-cid-mmw5ngru] .disc.snap{transition:none}.discs[data-astro-cid-mmw5ngru] .disc.leaving{opacity:0;transition:left .55s,top .55s,width .55s,height .55s,border-radius .55s,opacity .2s .45s}.discs[data-astro-cid-mmw5ngru] .tag{letter-spacing:.04em;white-space:nowrap;opacity:0;font-size:.75rem;line-height:1;transition:opacity .3s;position:absolute;inset-block-start:100%;inset-inline-start:50%;transform:translate(-50%,.55rem)}.shade-match[data-astro-cid-mmw5ngru][data-on=true] .discs[data-astro-cid-mmw5ngru] .tag{opacity:1}@container viz (width<=30rem){.discs[data-astro-cid-mmw5ngru] .tag{font-size:.65rem}}@media (prefers-reduced-motion:reduce){.discs[data-astro-cid-mmw5ngru] .disc,.discs[data-astro-cid-mmw5ngru] .tag,.controls[data-astro-cid-mmw5ngru]{transition-duration:.01ms}}.ramp[data-astro-cid-to3qiza7]{width:100%;min-width:0;height:100%;min-height:0;font-family:var(--font-mono);color:var(--deck-ink-dim,#7a7264);flex-direction:column;gap:.5rem;margin:0;display:flex;position:relative}.swatches[data-astro-cid-to3qiza7]{flex:1;grid-auto-rows:1fr;grid-auto-flow:row;gap:.3rem;min-width:0;min-height:0;margin:0 0 1em;padding:0;list-style:none;transition:opacity .3s;display:grid}.ramp[data-astro-cid-to3qiza7][data-mode=match] .swatches[data-astro-cid-to3qiza7]{opacity:0;pointer-events:none}@container viz (orientation:landscape){.swatches[data-astro-cid-to3qiza7]{grid-auto-rows:1fr;grid-auto-columns:1fr;grid-auto-flow:column}}.swatches[data-astro-cid-to3qiza7] .swatch{background:var(--fill);opacity:0;border-radius:4px;justify-content:flex-end;align-items:flex-end;min-width:0;min-height:0;padding:.35rem .45rem;transition:opacity .4s,transform .4s;display:flex;transform:translateY(.6rem)}.ramp[data-astro-cid-to3qiza7][data-shown=true] .swatches[data-astro-cid-to3qiza7] .swatch{opacity:1;transition-delay:calc(var(--i) * var(--stagger));transform:none}.swatches[data-astro-cid-to3qiza7] .label{letter-spacing:.04em;color:var(--ink);font-size:.75rem;line-height:1}figcaption[data-astro-cid-to3qiza7]{letter-spacing:.08em;text-transform:uppercase;text-align:center;flex:none;margin-bottom:1rem;font-size:.75rem}@container viz (width<=26rem){.swatches[data-astro-cid-to3qiza7] .label{font-size:.65rem}}@media (prefers-reduced-motion:reduce){.swatches[data-astro-cid-to3qiza7] .swatch{transition:none}}