.tester-form.svelte-jmi6jx{font-family:var(--heading-font);margin:4rem 0 0;position:relative;overflow:visible}.tester-form.svelte-jmi6jx label:where(.svelte-jmi6jx){flex:14em;margin-top:.5rem;font-size:.8rem}.tester-form.svelte-jmi6jx input[type=range]:where(.svelte-jmi6jx){border:none;outline:none;flex:70%;max-width:12rem;margin:.5rem 0 0;padding:0}.tester-form.svelte-jmi6jx input[type=text]:where(.svelte-jmi6jx){width:100vw;max-width:calc(100vw - (var(--margin) + 1rem));height:1em;box-shadow:none;border:none;margin:0;padding:.6em 0;line-height:1em;position:absolute;overflow:visible}.tester-form.svelte-jmi6jx input[type=text]:where(.svelte-jmi6jx):hover{cursor:text}.tester-form.svelte-jmi6jx .flex-container:where(.svelte-jmi6jx){padding-top:var(--half-note);align-content:flex-end;align-items:flex-end;display:flex;position:relative}.tester-form.svelte-jmi6jx .details:where(.svelte-jmi6jx){margin-top:1rem;font-style:normal}.color-table.svelte-1chn2pe{margin-top:var(--quarter-note);font-family:var(--code-font);text-align:right;grid-template-columns:auto repeat(10,minmax(0,1fr));justify-content:center;align-items:center;gap:2px;font-size:.75rem;display:grid}@media(min-width:56rem){.color-table.svelte-1chn2pe{grid-template-columns:auto repeat(11,minmax(0,1fr))}}.header-row.svelte-1chn2pe{text-align:center}.swatch.svelte-1chn2pe{aspect-ratio:1;text-align:center;place-content:center;width:100%;height:100%;display:grid;position:relative;overflow:visible}.swatch.svelte-1chn2pe .hex:where(.svelte-1chn2pe){background:var(--paper);opacity:0;z-index:2;border-radius:4px;padding:.25em;font-size:.65rem;position:absolute;bottom:0}.swatch.svelte-1chn2pe:hover .hex:where(.svelte-1chn2pe){opacity:1}.wide-only.svelte-1chn2pe{display:none}@media(min-width:56rem){.wide-only.svelte-1chn2pe{display:table-cell}}