.viz-image[data-astro-cid-46xbrh2x]{--frame-w:1.5rem;z-index:2;border:var(--frame-w) solid var(--frame-ink,#fff);opacity:0;pointer-events:none;border-radius:.5rem;place-self:center;margin:0;line-height:0;transition:opacity .35s;position:relative;box-shadow:0 .25rem .75rem #0000004d,0 1.25rem 3rem #00000073}.viz-image[data-astro-cid-46xbrh2x][data-viz-active=true]{opacity:1}.viz-image[data-astro-cid-46xbrh2x] img[data-astro-cid-46xbrh2x]{border:0;border-radius:0;width:auto;max-width:calc(100cqw - 3.5rem);height:auto;max-height:calc(100cqh - 3.5rem);padding:0;display:block}.viz-image[data-astro-cid-46xbrh2x].crisp img[data-astro-cid-46xbrh2x]{image-rendering:pixelated}figcaption[data-astro-cid-46xbrh2x]{left:.4rem;right:.4rem;bottom:calc(-1 * var(--frame-w));height:var(--frame-w);font-family:var(--font-mono);color:#8d8577;white-space:nowrap;align-items:center;font-size:.6rem;line-height:1;display:flex;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.viz-image[data-astro-cid-46xbrh2x]{transition-duration:.01ms}}.rgb-cube[data-astro-cid-qzagl7h6]{--pad-left:clamp(1rem, 10vw, 9rem);--pad-right:clamp(1rem, 8vw, 7rem);--bar-gap:clamp(.75rem, 2vw, 1.75rem);--cube-scale:.55;padding:0 var(--pad-right) 0 var(--pad-left);justify-content:center;align-items:stretch;gap:var(--bar-gap);box-sizing:border-box;width:100%;height:100%;min-height:0;font-family:var(--font-mono);--ink:#35302a;--ink-dim:#7a7264;--line:#b3a993;color:var(--ink);display:flex;position:relative}.bars[data-astro-cid-qzagl7h6]{z-index:1;flex:none;align-items:stretch;gap:.6rem;padding:.25rem 0;display:flex;position:relative}.bar[data-astro-cid-qzagl7h6]{grid-template:"track"minmax(0,1fr)/minmax(0,1fr);min-width:0;min-height:0;display:grid}.bar[data-astro-cid-qzagl7h6] input[data-astro-cid-qzagl7h6]{writing-mode:vertical-lr;-webkit-appearance:none;appearance:none;cursor:ns-resize;touch-action:none;direction:rtl;background:0 0;grid-area:track;width:2rem;height:100%;min-height:0;margin:0;padding:0}.bar[data-astro-cid-qzagl7h6] input[data-astro-cid-qzagl7h6]::-webkit-slider-runnable-track{border:1px solid var(--line);background:linear-gradient(to top, #000, var(--channel));border-radius:4px;width:2rem;height:100%}.bar[data-astro-cid-qzagl7h6] input[data-astro-cid-qzagl7h6]::-moz-range-track{border:1px solid var(--line);background:linear-gradient(to top, #000, var(--channel));border-radius:4px;width:2rem;height:100%}.bar[data-astro-cid-qzagl7h6] input[data-astro-cid-qzagl7h6]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--ink);border-radius:2px;width:2rem;height:.5rem;margin-left:0;box-shadow:0 0 0 1px #ffffff8c}.bar[data-astro-cid-qzagl7h6] input[data-astro-cid-qzagl7h6]::-moz-range-thumb{background:var(--ink);border:none;border-radius:2px;width:2rem;height:.5rem;box-shadow:0 0 0 1px #ffffff8c}.bar[data-astro-cid-qzagl7h6] input[data-astro-cid-qzagl7h6].second::-webkit-slider-runnable-track{background:0 0;border-color:#0000}.bar[data-astro-cid-qzagl7h6] input[data-astro-cid-qzagl7h6].second::-moz-range-track{background:0 0;border-color:#0000}.bar[data-astro-cid-qzagl7h6] input[data-astro-cid-qzagl7h6].second::-webkit-slider-thumb{box-shadow:0 0 0 1.5px var(--ink);background:#f6f1e6}.bar[data-astro-cid-qzagl7h6] input[data-astro-cid-qzagl7h6].second::-moz-range-thumb{box-shadow:0 0 0 1.5px var(--ink);background:#f6f1e6}.rgb-cube[data-astro-cid-qzagl7h6][data-line=true] .bar[data-astro-cid-qzagl7h6] input[data-astro-cid-qzagl7h6]{pointer-events:none}.rgb-cube[data-astro-cid-qzagl7h6][data-line=true] .bar[data-astro-cid-qzagl7h6] input[data-astro-cid-qzagl7h6]::-webkit-slider-thumb{pointer-events:auto}.rgb-cube[data-astro-cid-qzagl7h6][data-line=true] .bar[data-astro-cid-qzagl7h6] input[data-astro-cid-qzagl7h6]::-moz-range-thumb{pointer-events:auto}.bar[data-astro-cid-qzagl7h6] input[data-astro-cid-qzagl7h6]:focus-visible::-webkit-slider-runnable-track{border-color:var(--accent)}.stage[data-astro-cid-qzagl7h6]{z-index:1;aspect-ratio:1;flex:none;min-width:0;min-height:0;display:flex;position:relative}.stage[data-astro-cid-qzagl7h6] canvas[data-astro-cid-qzagl7h6]{cursor:grab;touch-action:none;width:100%;height:100%;filter:drop-shadow(0 var(--shadow-y,6px) var(--shadow-blur,18px) #281e0e8c)}.stage[data-astro-cid-qzagl7h6] canvas[data-astro-cid-qzagl7h6]:active{cursor:grabbing}.readout[data-astro-cid-qzagl7h6]{display:contents}.swatch[data-astro-cid-qzagl7h6]{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-qzagl7h6]{z-index:1;pointer-events:none;flex-direction:column;align-items:flex-end;gap:.05rem;display:flex;position:absolute;bottom:.4rem;right:.75rem}.rgb-string[data-astro-cid-qzagl7h6]{font-variant-numeric:tabular-nums;color:var(--readout-ink,#000);font-size:1.125rem}.rgb-cube[data-astro-cid-qzagl7h6][data-line=true] .rgb-string[data-astro-cid-qzagl7h6]:before{content:"● "}.rgb-cube[data-astro-cid-qzagl7h6][data-line=true] .rgb-string[data-astro-cid-qzagl7h6].second:before{content:"○ "}@container viz (width<=46rem){.rgb-cube[data-astro-cid-qzagl7h6]{--pad-left:1rem;--pad-right:1rem;--bar-gap:.9rem}.bars[data-astro-cid-qzagl7h6]{gap:.4rem}.bar[data-astro-cid-qzagl7h6] input[data-astro-cid-qzagl7h6]{width:1.25rem}.bar[data-astro-cid-qzagl7h6] input[data-astro-cid-qzagl7h6]::-webkit-slider-runnable-track{width:1.25rem}.bar[data-astro-cid-qzagl7h6] input[data-astro-cid-qzagl7h6]::-webkit-slider-thumb{width:1.25rem}.bar[data-astro-cid-qzagl7h6] input[data-astro-cid-qzagl7h6]::-moz-range-track{width:1.25rem}.bar[data-astro-cid-qzagl7h6] input[data-astro-cid-qzagl7h6]::-moz-range-thumb{width:1.25rem}}@container viz (width<=30rem){.rgb-cube[data-astro-cid-qzagl7h6]{--pad-left:.6rem;--pad-right:.6rem;--bar-gap:.6rem}.bar[data-astro-cid-qzagl7h6] input[data-astro-cid-qzagl7h6]{width:.9rem}.bar[data-astro-cid-qzagl7h6] input[data-astro-cid-qzagl7h6]::-webkit-slider-runnable-track{width:.9rem}.bar[data-astro-cid-qzagl7h6] input[data-astro-cid-qzagl7h6]::-webkit-slider-thumb{width:.9rem}.bar[data-astro-cid-qzagl7h6] input[data-astro-cid-qzagl7h6]::-moz-range-track{width:.9rem}.bar[data-astro-cid-qzagl7h6] input[data-astro-cid-qzagl7h6]::-moz-range-thumb{width:.9rem}.rgb-string[data-astro-cid-qzagl7h6]{font-size:.85rem}}@container viz (aspect-ratio<=1){.rgb-cube[data-astro-cid-qzagl7h6]{flex-direction:column;align-items:stretch;gap:.5rem;padding:.5rem .75rem 0}.bars[data-astro-cid-qzagl7h6]{flex-direction:column;flex:none;gap:.35rem;width:100%;padding:0}.bar[data-astro-cid-qzagl7h6]{width:100%}.bar[data-astro-cid-qzagl7h6] input[data-astro-cid-qzagl7h6]{writing-mode:horizontal-tb;cursor:ew-resize;direction:ltr;width:100%;height:1.1rem}.bar[data-astro-cid-qzagl7h6] input[data-astro-cid-qzagl7h6]::-webkit-slider-runnable-track{background:linear-gradient(to right, #000, var(--channel));width:100%;height:1.1rem}.bar[data-astro-cid-qzagl7h6] input[data-astro-cid-qzagl7h6]::-moz-range-track{background:linear-gradient(to right, #000, var(--channel));width:100%;height:1.1rem}.bar[data-astro-cid-qzagl7h6] input[data-astro-cid-qzagl7h6]::-webkit-slider-thumb{width:.55rem;height:1.1rem;margin-top:0;margin-left:0}.bar[data-astro-cid-qzagl7h6] input[data-astro-cid-qzagl7h6]::-moz-range-thumb{width:.55rem;height:1.1rem;margin-left:0}.stage[data-astro-cid-qzagl7h6]{aspect-ratio:auto;flex:1;min-height:0}}