.tester-form.svelte-jed7sw{overflow:visible;margin:4rem 0 0;position:relative;font-family:var(--heading-font)}.tester-form.svelte-jed7sw label:where(.svelte-jed7sw){font-size:.8rem;flex:1 1 14em;margin-top:.5rem}.tester-form.svelte-jed7sw input[type=range]:where(.svelte-jed7sw){flex:1 1 70%;padding:0;margin:.5rem 0 0;max-width:12rem;outline:none;border:none}.tester-form.svelte-jed7sw input[type=text]:where(.svelte-jed7sw){border:none;margin:0;padding:.6em 0;width:100vw;max-width:calc(100vw - (var(--margin) + 1rem));line-height:1em;height:1em;overflow:visible;position:absolute}.tester-form.svelte-jed7sw input[type=text]:where(.svelte-jed7sw):hover{cursor:text}.tester-form.svelte-jed7sw .flex-container:where(.svelte-jed7sw){padding-top:var(--half-note);display:flex;align-items:flex-end;align-content:flex-end;position:relative}.tester-form.svelte-jed7sw .details:where(.svelte-jed7sw){margin-top:1rem;font-style:normal}:root{--true-white: #ffffff;--true-black: #000000;--yellow-50: #ffffe7;--yellow-100: #ffffc1;--yellow-200: #fffb86;--yellow-300: #fff041;--yellow-400: #ffe00d;--yellow-500: #ffd100;--yellow-600: #d19900;--yellow-700: #a66d02;--yellow-800: #89550a;--yellow-900: #74450f;--yellow-950: #442404;--yellow: var(--yellow-500);--blue-50: #f1f8fa;--blue-100: #dcecf1;--blue-200: #bddae4;--blue-300: #8fc0d1;--blue-400: #599cb7;--blue-500: #3e809c;--blue-600: #34657f;--blue-700: #31576d;--blue-800: #2f495b;--blue-900: #2b404e;--blue-950: #182834;--blue-lightest: var(--blue-100);--blue-light: var(--blue-400);--blue-lighter: var(--blue-200);--blue-dark: var(--blue-600);--blue-darker: var(--blue-950);--neutral-50: #fcfcfc;--neutral-100: #ececec;--neutral-200: #dedede;--neutral-300: #d1d2d3;--neutral-400: #a7a8aa;--neutral-500: #8f9092;--neutral-600: #787a7d;--neutral-700: #5f6164;--neutral-800: #474a4d;--neutral-900: #2e3236;--neutral-950: #101820;--neutral-white: var(--neutral-50);--neutral-lightest: var(--neutral-100);--neutral-lighter: var(--neutral-300);--neutral-light: var(--neutral-400);--neutral-mid: var(--neutral-500);--neutral-dark: var(--neutral-700);--neutral-darker: var(--neutral-900);--neutral-black: var(--neutral-950);--orange-50: #fff6ed;--orange-100: #ffebd4;--orange-200: #ffd3a8;--orange-300: #ffb470;--orange-400: #ff8937;--orange-500: #ff6a13;--orange-600: #f04c06;--orange-700: #c73707;--orange-800: #9e2c0e;--orange-900: #7f270f;--orange-950: #451005;--orange: var(--orange-500);--red: var(--orange-700);--heading-font: "Averta-Std", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--body-font: "Alkes", Georgia, serif;--code-font: "MonoLisa", Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;--body-font-weight: normal;--body-font-size: 1.1875rem;--body-line-height: 1.5;--blue-to-yellow: #7ba7bc, #75b1bf, #66c6b6, #4fd27b, #56e035, #acef1b, #faf008, #ffd100;--accent-gradient: linear-gradient(to right, var(--blue-to-yellow));--ink: var(--neutral-800);--paper: var(--neutral-white);--heading-color: var(--neutral-800);--accent-color: var(--blue-dark);--link-color: var(--blue-dark);--highlight-color: var(--neutral-dark);--max-width: 34rem;--sidebar-width: 15rem;--margin: var(--quarter-note);--sixteenth-note: calc(var(--quarter-note) / 4);--eighth-note: calc(var(--quarter-note) / 2);--quarter-note: 1.25rem;--dotted-quarter-note: calc(var(--quarter-note) * 1.5);--half-note: calc(var(--quarter-note) * 2);--dotted-half-note: calc(var(--quarter-note) * 3);--whole-note: calc(var(--quarter-note) * 4);--tied-whole-note: calc(var(--quarter-note) * 5);--dotted-whole-note: calc(var(--quarter-note) * 6);--button-size: 2.2rem;--button-background: var(--paper);font-size:var(--body-font-size)}@media (min-width: 42rem){:root{--body-font-size: 1.1875rem}}@media (min-width: 82rem){:root{--body-font-size: 1.25rem}}@supports (background: linear-gradient(in oklab,white,black)){:root{--accent-gradient: linear-gradient(to right in oklab, var(--blue-light) 10%, var(--yellow) 90%)}}@media (min-width: 42rem){:root{--margin: var(--half-note)}}@media (min-width: 56rem){:root{--margin: var(--dotted-half-note)}}@media (min-width: 108rem){:root{--margin: var(--whole-note)}}@media (min-width: 122rem){:root{--margin: var(--dotted-whole-note)}}:root.dark{--paper: var(--neutral-black);--ink: var(--neutral-100);--heading-color: var(--neutral-white);--accent-color: var(--blue-light);--link-color: var(--blue-light);--neutral-lightest: var(--neutral-900);--neutral-lighter: var(--neutral-700);--highlight-color: var(--neutral-darker);--neutral-mid: var(--neutral-400)}@media (prefers-color-scheme: dark){:root:not(.light){--paper: var(--neutral-black);--ink: var(--neutral-100);--heading-color: var(--neutral-white);--accent-color: var(--blue-light);--link-color: var(--blue-light);--highlight-color: var(--neutral-darker)}}.color-table.svelte-db2lez{margin-top:var(--quarter-note);display:grid;align-items:center;justify-content:center;grid-template-columns:auto repeat(10,minmax(0,1fr));gap:2px;font-family:var(--code-font);font-size:.75rem;text-align:right}@media (min-width: 56rem){.color-table.svelte-db2lez{grid-template-columns:auto repeat(11,minmax(0,1fr))}}.header-row.svelte-db2lez{text-align:center}.swatch.svelte-db2lez{width:100%;height:100%;aspect-ratio:1;display:grid;place-content:center;text-align:center;position:relative;overflow:visible}.swatch.svelte-db2lez .hex:where(.svelte-db2lez){padding:.25em;background:var(--paper);opacity:0;position:absolute;bottom:0;z-index:2;font-size:.65rem;border-radius:4px}.swatch.svelte-db2lez:hover .hex:where(.svelte-db2lez){opacity:1}.wide-only.svelte-db2lez{display:none}@media (min-width: 56rem){.wide-only.svelte-db2lez{display:table-cell}}