body{color:var(--text)}header.svelte-1uha8ag{background:var(--menu);width:100%;margin-bottom:1lh;padding-block:1em}header.svelte-1uha8ag svg{width:auto;height:1em;display:inline;transform:scaleX(-1)}header.svelte-1uha8ag h1:where(.svelte-1uha8ag){text-box-trim:trim-both;text-box-edge:cap alphabetic;font-variation-settings:"SOFT" 100;color:var(--title);margin:0;padding-top:.2em;font-family:Fraunces;font-size:1em;font-style:normal;font-weight:800}header.svelte-1uha8ag>div:where(.svelte-1uha8ag){opacity:0;max-width:min(var(--width), 100vi - 10vw);flex-direction:row;flex:1;justify-content:space-between;align-items:baseline;gap:.3em;width:100%;margin:auto;padding-block:2vi;font-size:min(10vi,5em);transition:opacity .4s;display:flex}header.colorized.svelte-1uha8ag>div:where(.svelte-1uha8ag){opacity:1}main.svelte-1uha8ag{align-items:flex-start;gap:var(--large-gap);max-width:min(var(--width), 100vi - 10vw);flex-direction:column;margin-inline:auto;padding-bottom:4lh;font-family:Fredoka;display:flex;overflow-x:hidden}section.svelte-1uha8ag:first-of-type{gap:2lh}div.creator.svelte-1uha8ag{flex-flow:wrap;justify-content:space-around;align-items:flex-start;gap:max(2vi,2ch);display:flex}div.creator.svelte-1uha8ag>:where(.svelte-1uha8ag){flex:1}div.creator.svelte-1uha8ag svg{width:auto;min-width:100px;height:auto;min-height:10vi}div.creator.svelte-1uha8ag>div:where(.svelte-1uha8ag){flex-direction:column;gap:1lh;min-width:300px;display:flex}section.svelte-1uha8ag{flex-direction:column;gap:1lh;width:100%;max-width:80ch;margin:auto;display:flex}section.svelte-1uha8ag>h2{width:100%;color:var(--heading);text-transform:uppercase;font-family:Fraunces;font-size:1.7em;font-weight:600}.panel.svelte-1uha8ag>h2{color:var(--panel-heading);margin-block:0;font-family:Fraunces;font-size:1.8em;font-style:italic;font-weight:600}section.credits.svelte-1uha8ag svg{align-self:center;width:30%;height:auto;margin-block:6vi;transform:scaleX(-1)}footer.svelte-1uha8ag{color:var(--muted);text-align:center;width:100%;font-size:.8em}.controls.svelte-1uha8ag>label:where(.svelte-1uha8ag){width:100%;max-width:max(300px,45%)}aside h2:has(~h2){display:none}aside h2{font-family:Fraunces;font-size:1.6em;font-style:italic}h2:before{display:none}label.svelte-1uha8ag{font-size:.9em;font-weight:500}table.svelte-1uha8ag{table-layout:fixed;border-collapse:separate;border-spacing:10px;text-transform:uppercase;grid-template-columns:min-content repeat(10,1fr);gap:10px;width:100%;font-size:.6em;display:grid}tbody.svelte-1uha8ag,tr.svelte-1uha8ag{display:contents}th.svelte-1uha8ag,td.svelte-1uha8ag{justify-content:flex-start;align-items:center;display:flex}td.svelte-1uha8ag{aspect-ratio:1;background:var(--color);color:#0000;border:1.5px solid var(--border);border-radius:10px;padding:0;font-size:.5em}td.svelte-1uha8ag span:where(.svelte-1uha8ag){aspect-ratio:1;width:100%;display:block}.viz.svelte-1uha8ag{align-self:stretch}.panel.svelte-1uha8ag{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:1lh;width:100%;padding:4vi 5vi;display:flex;overflow:auto}.panel.svelte-1uha8ag>svg{padding-bottom:1lh}.panel.svelte-1uha8ag>button:where(.svelte-1uha8ag){align-self:flex-end}.panel.svelte-1uha8ag table:where(.svelte-1uha8ag){margin-block:3vi}.controls.svelte-1uha8ag{flex-flow:wrap;justify-content:space-between;align-items:stretch;gap:.5em;width:100%;display:flex}.sliders.svelte-1uha8ag{width:100%}.sliders.svelte-1uha8ag label:where(.svelte-1uha8ag){flex:1}.controls.svelte-1uha8ag .sliders:where(.svelte-1uha8ag),.controls.svelte-1uha8ag .colors:where(.svelte-1uha8ag){width:100%;max-width:max(45%,300px)}.line-demo{align-self:center}.controls.svelte-1uha8ag .sliders:where(.svelte-1uha8ag){flex-direction:column;display:flex}input[type=range].svelte-1uha8ag{box-sizing:border-box;width:100%;accent-color:var(--ring)}input[type=color].svelte-1uha8ag{border:1px solid var(--border);cursor:pointer;border-radius:6px;width:100%;height:40px}.swatch-grid.svelte-1uha8ag{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;width:100%;display:grid}.swatch.svelte-1uha8ag{background:linear-gradient(90deg, var(--swatch-color-one) 50%, var(--swatch-color-two) 50%);color:#fff;text-shadow:0 1px 3px #00000080;border:1px solid #000;border-radius:8px;height:64px;font-family:Fredoka;font-weight:600;transition:transform .15s}pre{background:var(--code-background);border-radius:8px;max-width:100%;max-height:10lh;margin-top:16px;padding:14px 16px;position:relative;overflow:auto}pre.svelte-1uha8ag button:where(.svelte-1uha8ag){color:var(--text-cta-secondary);background:var(--background-cta-secondary);justify-content:flex-start;align-items:center;gap:1vi;font-size:1em;font-weight:500;display:flex;position:absolute;top:2vi;right:2vi}pre.svelte-1uha8ag button:where(.svelte-1uha8ag) svg{height:1em;display:inline-block}pre.svelte-1uha8ag button:where(.svelte-1uha8ag) path{fill:var(--text-cta-secondary)}pre.svelte-1uha8ag .copied:where(.svelte-1uha8ag){background:var(--background-success);aspect-ratio:1;box-sizing:content-box;border-radius:50%;height:1.5em;padding:.5em;font-size:1em;display:inline-block;position:absolute;bottom:2vi;right:2vi}pre.svelte-1uha8ag .copied:where(.svelte-1uha8ag) path{fill:var(--icon-success)}.scroll.svelte-1uha8ag{overflow:auto}svg.svelte-1uha8ag{max-width:100%;height:auto;display:block}button.svelte-1uha8ag{background:var(--main-background);color:var(--text);border:1px solid var(--border);cursor:pointer;padding:.5em}button.svelte-1uha8ag:hover{border-color:var(--ring)}button.svelte-1uha8ag{background:var(--background-cta-primary);color:var(--text-cta-primary);border:1px solid var(--border);border-radius:5px;padding:1vi 2vi;font-family:Fredoka;font-size:1em;font-weight:600}.buttons.svelte-1uha8ag{flex-wrap:wrap;justify-content:center;gap:.5lh;width:100%;max-width:max-content;margin:auto;display:flex}button.svelte-1uha8ag{align-items:center;gap:1ch;display:flex}button.svelte-1uha8ag svg{width:auto;height:1.3em}button.svelte-1uha8ag path{fill:var(--icon-cta-primary)}button.cta.svelte-1uha8ag{align-self:center;align-items:center;gap:1ch;padding:2ch;font-size:1.8rem;font-weight:600;display:flex}button.cta.svelte-1uha8ag#shuffle{background:var(--background-cta-primary);border:1px solid var(--border-cta-primary);color:var(--text-cta-primary)}button.cta.svelte-1uha8ag#shuffle path{fill:var(--icon-cta-primary)}button.cta.svelte-1uha8ag#darkmode{background:var(--background-cta-secondary);border:1px solid var(--border-cta-secondary);color:var(--text-cta-secondary)}button.cta.svelte-1uha8ag#darkmode path{fill:var(--icon-cta-secondary)}button.cta.svelte-1uha8ag svg{height:1.2em;display:inline}.scheme.svelte-1uha8ag{border-radius:calc(5px + 1vi);flex-flow:row-reverse wrap-reverse;justify-content:space-evenly;align-items:stretch;gap:1vi;width:100%;display:flex}.scheme.svelte-1uha8ag .swatch:where(.svelte-1uha8ag){background:var(--color);aspect-ratio:1;border:none;flex-wrap:wrap;flex:1;width:100%;min-width:150px;max-width:30%;height:max-content;margin:1vi;padding:.2vi;display:flex}.scheme.svelte-1uha8ag .swatch:where(.svelte-1uha8ag) .swatch:where(.svelte-1uha8ag){min-width:30%;max-width:40%;padding:.1vi}