:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0}h1{font-size:3.2em;line-height:1.1}#app{margin:0 auto;text-align:center}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hidden{top:-100%;-webkit-user-select:none;user-select:none}.key.svelte-1tqtoyd{display:flex;align-items:center;justify-content:center;box-sizing:border;height:100%;width:100%;border:none;background-color:transparent;color:inherit;font:inherit;touch-action:manipulation}.label-container.svelte-1tqtoyd{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.label-top.svelte-1tqtoyd{font-size:.7em;margin-bottom:2px}.label-bottom.svelte-1tqtoyd{font-size:1em}.active.svelte-1tqtoyd{background-image:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.5))}button.active.svelte-1m0vjhv{background-image:linear-gradient(rgb(255 255 255/50%) 0 0);text-decoration:none;border:2px 0px 0px 2px inset}button.svelte-1m0vjhv{background-color:transparent;box-sizing:border-box;width:100%;height:100%;font:inherit}button.active.svelte-12pbt7k{background-image:linear-gradient(rgb(255 255 255/50%) 0 0);text-decoration:none;border:2px 0px 0px 2px inset}button.svelte-12pbt7k{background-color:transparent;box-sizing:border-box;text-decoration:line-through;font:inherit;width:100%;height:100%}.button.active.svelte-7208b3{background-image:linear-gradient(rgb(255 255 255/50%) 0 0)}.button.svelte-7208b3{background-color:transparent;font:inherit;width:100%;height:100%;justify-content:center;align-items:center;display:flex}button.svelte-19rf9g3{background-color:transparent;box-sizing:border-box;font:inherit;width:100%;height:100%}.grid-container.svelte-1qgqk8q.svelte-1qgqk8q{display:grid;grid-gap:2px;overflow:hidden;height:calc(100vh - 2px)}.grid-container.svelte-1qgqk8q.svelte-1qgqk8q,.grid-container.svelte-1qgqk8q .svelte-1qgqk8q{touch-action:pan-y}.grid-item.svelte-1qgqk8q.svelte-1qgqk8q{display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:hidden;white-space:nowrap}.chrom-grid-item.svelte-1qgqk8q.svelte-1qgqk8q{box-sizing:border-box;border-top:2px solid white}.grid-container.svelte-1qgqk8q.svelte-1qgqk8q,.grid-container.svelte-1qgqk8q .svelte-1qgqk8q{font:2vw Open Sans}.grid-container.svelte-1qgqk8q.svelte-1qgqk8q{grid-template-columns:1.5fr repeat(12,1fr) 2.5fr;grid-template-rows:repeat(8,1fr);grid-template-areas:"mode6 m6-0 m6-1 m6-2 m6-3 m6-4 m6-5 m6-6 m6-7 m6-8 m6-9 m6-10 m6-11 opt8" "mode5 m5-0 m5-1 m5-2 m5-3 m5-4 m5-5 m5-6 m5-7 m5-8 m5-9 m5-10 m5-11 opt7" "mode4 m4-0 m4-1 m4-2 m4-3 m4-4 m4-5 m4-6 m4-7 m4-8 m4-9 m4-10 m4-11 opt6" "mode3 m3-0 m3-1 m3-2 m3-3 m3-4 m3-5 m3-6 m3-7 m3-8 m3-9 m3-10 m3-11 opt5" "mode2 m2-0 m2-1 m2-2 m2-3 m2-4 m2-5 m2-6 m2-7 m2-8 m2-9 m2-10 m2-11 opt4" "mode1 m1-0 m1-1 m1-2 m1-3 m1-4 m1-5 m1-6 m1-7 m1-8 m1-9 m1-10 m1-11 opt3" "mode0 m0-0 m0-1 m0-2 m0-3 m0-4 m0-5 m0-6 m0-7 m0-8 m0-9 m0-10 m0-11 opt2" "chrom chrom-0 chrom-1 chrom-2 chrom-3 chrom-4 chrom-5 chrom-6 chrom-7 chrom-8 chrom-9 chrom-10 chrom-11 opt1"}.text-short.svelte-1qgqk8q.svelte-1qgqk8q{display:none}@media (max-width: 768px){.grid-container.svelte-1qgqk8q.svelte-1qgqk8q{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(4,1fr) 2fr;grid-template-areas:"chrom mode1 mode4 mode6 opt8" "chrom-6 m1-6 m4-6 m6-6 opt7" "chrom-5 m1-5 m4-5 m6-5 opt6" "chrom-4 m1-4 m4-4 m6-4 opt5" "chrom-3 m1-3 m4-3 m6-3 opt4" "chrom-2 m1-2 m4-2 m6-2 opt3" "chrom-1 m1-1 m4-1 m6-1 opt2" "chrom-0 m1-0 m4-0 m6-0 opt1"}.chrom-7.svelte-1qgqk8q.svelte-1qgqk8q,.m0-7.svelte-1qgqk8q.svelte-1qgqk8q,.m1-7.svelte-1qgqk8q.svelte-1qgqk8q,.m2-7.svelte-1qgqk8q.svelte-1qgqk8q,.m3-7.svelte-1qgqk8q.svelte-1qgqk8q,.m4-7.svelte-1qgqk8q.svelte-1qgqk8q,.m5-7.svelte-1qgqk8q.svelte-1qgqk8q,.m6-7.svelte-1qgqk8q.svelte-1qgqk8q,.chrom-8.svelte-1qgqk8q.svelte-1qgqk8q,.m0-8.svelte-1qgqk8q.svelte-1qgqk8q,.m1-8.svelte-1qgqk8q.svelte-1qgqk8q,.m2-8.svelte-1qgqk8q.svelte-1qgqk8q,.m3-8.svelte-1qgqk8q.svelte-1qgqk8q,.m4-8.svelte-1qgqk8q.svelte-1qgqk8q,.m5-8.svelte-1qgqk8q.svelte-1qgqk8q,.m6-8.svelte-1qgqk8q.svelte-1qgqk8q,.chrom-9.svelte-1qgqk8q.svelte-1qgqk8q,.m0-9.svelte-1qgqk8q.svelte-1qgqk8q,.m1-9.svelte-1qgqk8q.svelte-1qgqk8q,.m2-9.svelte-1qgqk8q.svelte-1qgqk8q,.m3-9.svelte-1qgqk8q.svelte-1qgqk8q,.m4-9.svelte-1qgqk8q.svelte-1qgqk8q,.m5-9.svelte-1qgqk8q.svelte-1qgqk8q,.m6-9.svelte-1qgqk8q.svelte-1qgqk8q,.chrom-10.svelte-1qgqk8q.svelte-1qgqk8q,.m0-10.svelte-1qgqk8q.svelte-1qgqk8q,.m1-10.svelte-1qgqk8q.svelte-1qgqk8q,.m2-10.svelte-1qgqk8q.svelte-1qgqk8q,.m3-10.svelte-1qgqk8q.svelte-1qgqk8q,.m4-10.svelte-1qgqk8q.svelte-1qgqk8q,.m5-10.svelte-1qgqk8q.svelte-1qgqk8q,.m6-10.svelte-1qgqk8q.svelte-1qgqk8q,.chrom-11.svelte-1qgqk8q.svelte-1qgqk8q,.m0-11.svelte-1qgqk8q.svelte-1qgqk8q,.m1-11.svelte-1qgqk8q.svelte-1qgqk8q,.m2-11.svelte-1qgqk8q.svelte-1qgqk8q,.m3-11.svelte-1qgqk8q.svelte-1qgqk8q,.m4-11.svelte-1qgqk8q.svelte-1qgqk8q,.m5-11.svelte-1qgqk8q.svelte-1qgqk8q,.m6-11.svelte-1qgqk8q.svelte-1qgqk8q,.hide.svelte-1qgqk8q.svelte-1qgqk8q,.mode0.svelte-1qgqk8q.svelte-1qgqk8q,.m0-0.svelte-1qgqk8q.svelte-1qgqk8q,.m0-1.svelte-1qgqk8q.svelte-1qgqk8q,.m0-2.svelte-1qgqk8q.svelte-1qgqk8q,.m0-3.svelte-1qgqk8q.svelte-1qgqk8q,.m0-4.svelte-1qgqk8q.svelte-1qgqk8q,.m0-5.svelte-1qgqk8q.svelte-1qgqk8q,.m0-6.svelte-1qgqk8q.svelte-1qgqk8q,.mode2.svelte-1qgqk8q.svelte-1qgqk8q,.m2-0.svelte-1qgqk8q.svelte-1qgqk8q,.m2-1.svelte-1qgqk8q.svelte-1qgqk8q,.m2-2.svelte-1qgqk8q.svelte-1qgqk8q,.m2-3.svelte-1qgqk8q.svelte-1qgqk8q,.m2-4.svelte-1qgqk8q.svelte-1qgqk8q,.m2-5.svelte-1qgqk8q.svelte-1qgqk8q,.m2-6.svelte-1qgqk8q.svelte-1qgqk8q,.mode3.svelte-1qgqk8q.svelte-1qgqk8q,.m3-0.svelte-1qgqk8q.svelte-1qgqk8q,.m3-1.svelte-1qgqk8q.svelte-1qgqk8q,.m3-2.svelte-1qgqk8q.svelte-1qgqk8q,.m3-3.svelte-1qgqk8q.svelte-1qgqk8q,.m3-4.svelte-1qgqk8q.svelte-1qgqk8q,.m3-5.svelte-1qgqk8q.svelte-1qgqk8q,.m3-6.svelte-1qgqk8q.svelte-1qgqk8q,.mode5.svelte-1qgqk8q.svelte-1qgqk8q,.m5-0.svelte-1qgqk8q.svelte-1qgqk8q,.m5-1.svelte-1qgqk8q.svelte-1qgqk8q,.m5-2.svelte-1qgqk8q.svelte-1qgqk8q,.m5-3.svelte-1qgqk8q.svelte-1qgqk8q,.m5-4.svelte-1qgqk8q.svelte-1qgqk8q,.m5-5.svelte-1qgqk8q.svelte-1qgqk8q,.m5-6.svelte-1qgqk8q.svelte-1qgqk8q{display:none!important}.text-long.svelte-1qgqk8q.svelte-1qgqk8q{display:none}}.flex-stretch.svelte-1qgqk8q.svelte-1qgqk8q{display:flex;align-items:stretch;align-content:stretch;justify-content:center;width:100%;height:100%}.flex-stretch.svelte-1qgqk8q>.svelte-1qgqk8q{flex-grow:1;display:flex;justify-content:center;align-items:center}.flex-rows.svelte-1qgqk8q.svelte-1qgqk8q{flex-direction:column}:root{--color-C:hsl(0, 75%, 65%);--color-G:hsl(30, 75%, 65%);--color-D:hsl(60, 75%, 65%);--color-A:hsl(90, 75%, 65%);--color-E:hsl(120, 75%, 65%);--color-B:hsl(150, 75%, 65%);--color-Gb:hsl(180, 75%, 65%);--color-Db:hsl(210, 75%, 65%);--color-Ab:hsl(240, 75%, 65%);--color-Eb:hsl(270, 75%, 65%);--color-Bb:hsl(300, 75%, 65%);--color-F:hsl(330, 75%, 65%);--note-opacity-0:{noteOpacity[0]};--note-opacity-1:{noteOpacity[1]};--note-opacity-2:{noteOpacity[2]};--note-opacity-3:{noteOpacity[3]};--note-opacity-4:{noteOpacity[4]};--note-opacity-5:{noteOpacity[5]};--note-opacity-6:{noteOpacity[6]};--note-opacity-7:{noteOpacity[7]};--note-opacity-8:{noteOpacity[8]};--note-opacity-9:{noteOpacity[9]};--note-opacity-10:{noteOpacity[10]};--note-opacity-11:{noteOpacity[11]}}.note0.svelte-1qgqk8q.svelte-1qgqk8q,.note0.svelte-1qgqk8q .svelte-1qgqk8q{opacity:var(--note-opacity-0)}.note1.svelte-1qgqk8q.svelte-1qgqk8q,.note1.svelte-1qgqk8q .svelte-1qgqk8q{opacity:var(--note-opacity-1)}.note2.svelte-1qgqk8q.svelte-1qgqk8q,.note2.svelte-1qgqk8q .svelte-1qgqk8q{opacity:var(--note-opacity-2)}.note3.svelte-1qgqk8q.svelte-1qgqk8q,.note3.svelte-1qgqk8q .svelte-1qgqk8q{opacity:var(--note-opacity-3)}.note4.svelte-1qgqk8q.svelte-1qgqk8q,.note4.svelte-1qgqk8q .svelte-1qgqk8q{opacity:var(--note-opacity-4)}.note5.svelte-1qgqk8q.svelte-1qgqk8q,.note5.svelte-1qgqk8q .svelte-1qgqk8q{opacity:var(--note-opacity-5)}.note6.svelte-1qgqk8q.svelte-1qgqk8q,.note6.svelte-1qgqk8q .svelte-1qgqk8q{opacity:var(--note-opacity-6)}.note7.svelte-1qgqk8q.svelte-1qgqk8q,.note7.svelte-1qgqk8q .svelte-1qgqk8q{opacity:var(--note-opacity-7)}.note8.svelte-1qgqk8q.svelte-1qgqk8q,.note8.svelte-1qgqk8q .svelte-1qgqk8q{opacity:var(--note-opacity-8)}.note9.svelte-1qgqk8q.svelte-1qgqk8q,.note9.svelte-1qgqk8q .svelte-1qgqk8q{opacity:var(--note-opacity-9)}.note10.svelte-1qgqk8q.svelte-1qgqk8q,.note10.svelte-1qgqk8q .svelte-1qgqk8q{opacity:var(--note-opacity-10)}.note11.svelte-1qgqk8q.svelte-1qgqk8q,.note11.svelte-1qgqk8q .svelte-1qgqk8q{opacity:var(--note-opacity-11)}.show-note.svelte-1qgqk8q.svelte-1qgqk8q{opacity:1}.hide-note.svelte-1qgqk8q.svelte-1qgqk8q{opacity:.2}.grid-container.svelte-1qgqk8q .grid-item.C.svelte-1qgqk8q,.grid-item.c.svelte-1qgqk8q.svelte-1qgqk8q{background-color:var(--color-C);color:#000}.grid-container.svelte-1qgqk8q .grid-item.G.svelte-1qgqk8q,.grid-item.g.svelte-1qgqk8q.svelte-1qgqk8q{background-color:var(--color-G);color:#000}.grid-container.svelte-1qgqk8q .grid-item.D.svelte-1qgqk8q,.grid-item.d.svelte-1qgqk8q.svelte-1qgqk8q{background-color:var(--color-D);color:#000}.grid-container.svelte-1qgqk8q .grid-item.A.svelte-1qgqk8q,.grid-item.a.svelte-1qgqk8q.svelte-1qgqk8q{background-color:var(--color-A);color:#000}.grid-container.svelte-1qgqk8q .grid-item.E.svelte-1qgqk8q,.grid-item.e.svelte-1qgqk8q.svelte-1qgqk8q{background-color:var(--color-E);color:#000}.grid-container.svelte-1qgqk8q .grid-item.B.svelte-1qgqk8q,.grid-item.b.svelte-1qgqk8q.svelte-1qgqk8q{background-color:var(--color-B);color:#000}.grid-container.svelte-1qgqk8q .grid-item.Gb.svelte-1qgqk8q,.grid-item.gb.svelte-1qgqk8q.svelte-1qgqk8q{background-color:var(--color-Gb);color:#000}.grid-container.svelte-1qgqk8q .grid-item.Db.svelte-1qgqk8q,.grid-item.db.svelte-1qgqk8q.svelte-1qgqk8q{background-color:var(--color-Db);color:#000}.grid-container.svelte-1qgqk8q .grid-item.Ab.svelte-1qgqk8q,.grid-item.ab.svelte-1qgqk8q.svelte-1qgqk8q{background-color:var(--color-Ab);color:#000}.grid-container.svelte-1qgqk8q .grid-item.Eb.svelte-1qgqk8q,.grid-item.eb.svelte-1qgqk8q.svelte-1qgqk8q{background-color:var(--color-Eb);color:#000}.grid-container.svelte-1qgqk8q .grid-item.Bb.svelte-1qgqk8q,.grid-item.bb.svelte-1qgqk8q.svelte-1qgqk8q{background-color:var(--color-Bb);color:#000}.grid-container.svelte-1qgqk8q .grid-item.F.svelte-1qgqk8q,.grid-item.f.svelte-1qgqk8q.svelte-1qgqk8q{background-color:var(--color-F);color:#000}.grid-container.svelte-1qgqk8q .grid-item.note.svelte-1qgqk8q:hover,.grid-item.mode-header.svelte-1qgqk8q.svelte-1qgqk8q:hover{background-image:linear-gradient(rgb(255 255 255/50%) 0 0)}.selected-scale-notes-text-input.svelte-1qgqk8q.svelte-1qgqk8q{width:100%;height:100%}.selected-scale-notes-text-input.svelte-1qgqk8q.svelte-1qgqk8q:invalid,.selected-scale-notes-text-input.invalid.svelte-1qgqk8q.svelte-1qgqk8q{outline:2px solid red}.buttonish.svelte-1qgqk8q.svelte-1qgqk8q{display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:hidden;flex:1}.flex-rows.svelte-1qgqk8q.svelte-1qgqk8q{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;align-items:stretch;height:100%;width:100%}.flex-row.svelte-1qgqk8q.svelte-1qgqk8q{flex:1;font:1vw Open Sans}.table.svelte-cbfvsy.svelte-cbfvsy{display:grid;object-fit:cover;max-width:var(--max-canvas-width);height:calc(var(--max-canvas-height) - 2px)}.table.svelte-cbfvsy.svelte-cbfvsy,.table.svelte-cbfvsy .svelte-cbfvsy{font:16pt Open Sans;touch-action:pan-y}.table.svelte-cbfvsy>div.svelte-cbfvsy{display:flex;justify-content:center;align-items:center;text-overflow:ellipsis;border:1px solid #333;box-sizing:border-box;border-radius:4px}@media screen and (min-width: 0px) and (max-width: 720px){.table.svelte-cbfvsy.svelte-cbfvsy{display:grid;grid-template-columns:repeat(5,1fr) 2fr;grid-template-rows:repeat(6,1fr);grid-template-areas:"a-1-5  a-1-6  a-1-7  a-1-8  a-1-9  a-1-o" "a-2-5  a-2-6  a-2-7  a-2-8  a-2-9  a-2-o" "a-3-5  a-3-6  a-3-7  a-3-8  a-3-9  a-3-o" "a-4-5  a-4-6  a-4-7  a-4-8  a-4-9  a-4-o" "a-5-5  a-5-6  a-5-7  a-5-8  a-5-9  a-5-o" "a-6-5  a-6-6  a-6-7  a-6-8  a-6-9  a-6-o"}.col0.svelte-cbfvsy.svelte-cbfvsy,.col14.svelte-cbfvsy.svelte-cbfvsy,.col1.svelte-cbfvsy.svelte-cbfvsy,.col13.svelte-cbfvsy.svelte-cbfvsy,.col2.svelte-cbfvsy.svelte-cbfvsy,.col12.svelte-cbfvsy.svelte-cbfvsy,.col3.svelte-cbfvsy.svelte-cbfvsy,.col11.svelte-cbfvsy.svelte-cbfvsy,.col4.svelte-cbfvsy.svelte-cbfvsy,.col10.svelte-cbfvsy.svelte-cbfvsy{display:none!important}}@media screen and (min-width: 720px) and (max-width: 864px){.table.svelte-cbfvsy.svelte-cbfvsy{display:grid;grid-template-columns:repeat(7,1fr) 2fr;grid-template-rows:repeat(6,1fr);grid-template-areas:"a-1-4  a-1-5  a-1-6  a-1-7  a-1-8  a-1-9  a-1-10  a-1-o" "a-2-4  a-2-5  a-2-6  a-2-7  a-2-8  a-2-9  a-2-10  a-2-o" "a-3-4  a-3-5  a-3-6  a-3-7  a-3-8  a-3-9  a-3-10  a-3-o" "a-4-4  a-4-5  a-4-6  a-4-7  a-4-8  a-4-9  a-4-10  a-4-o" "a-5-4  a-5-5  a-5-6  a-5-7  a-5-8  a-5-9  a-5-10  a-5-o" "a-6-4  a-6-5  a-6-6  a-6-7  a-6-8  a-6-9  a-6-10  a-6-o"}.col0.svelte-cbfvsy.svelte-cbfvsy,.col14.svelte-cbfvsy.svelte-cbfvsy,.col1.svelte-cbfvsy.svelte-cbfvsy,.col13.svelte-cbfvsy.svelte-cbfvsy,.col2.svelte-cbfvsy.svelte-cbfvsy,.col12.svelte-cbfvsy.svelte-cbfvsy,.col3.svelte-cbfvsy.svelte-cbfvsy,.col11.svelte-cbfvsy.svelte-cbfvsy{display:none!important}}@media screen and (min-width: 864px) and (max-width: 1008px){.table.svelte-cbfvsy.svelte-cbfvsy{display:grid;grid-template-columns:repeat(9,1fr) 2fr;grid-template-rows:repeat(6,1fr);grid-template-areas:"a-1-3  a-1-4  a-1-5  a-1-6  a-1-7  a-1-8  a-1-9  a-1-10  a-1-11  a-1-o" "a-2-3  a-2-4  a-2-5  a-2-6  a-2-7  a-2-8  a-2-9  a-2-10  a-2-11  a-2-o" "a-3-3  a-3-4  a-3-5  a-3-6  a-3-7  a-3-8  a-3-9  a-3-10  a-3-11  a-3-o" "a-4-3  a-4-4  a-4-5  a-4-6  a-4-7  a-4-8  a-4-9  a-4-10  a-4-11  a-4-o" "a-5-3  a-5-4  a-5-5  a-5-6  a-5-7  a-5-8  a-5-9  a-5-10  a-5-11  a-5-o" "a-6-3  a-6-4  a-6-5  a-6-6  a-6-7  a-6-8  a-6-9  a-6-10  a-6-11  a-6-o"}.col0.svelte-cbfvsy.svelte-cbfvsy,.col14.svelte-cbfvsy.svelte-cbfvsy,.col1.svelte-cbfvsy.svelte-cbfvsy,.col13.svelte-cbfvsy.svelte-cbfvsy,.col2.svelte-cbfvsy.svelte-cbfvsy,.col12.svelte-cbfvsy.svelte-cbfvsy{display:none!important}}@media screen and (min-width: 1008px) and (max-width: 1152px){.table.svelte-cbfvsy.svelte-cbfvsy{display:grid;grid-template-columns:repeat(11,1fr) 2fr;grid-template-rows:repeat(6,1fr);grid-template-areas:"a-1-2  a-1-3  a-1-4  a-1-5  a-1-6  a-1-7  a-1-8  a-1-9  a-1-10  a-1-11  a-1-12  a-1-o" "a-2-2  a-2-3  a-2-4  a-2-5  a-2-6  a-2-7  a-2-8  a-2-9  a-2-10  a-2-11  a-2-12  a-2-o" "a-3-2  a-3-3  a-3-4  a-3-5  a-3-6  a-3-7  a-3-8  a-3-9  a-3-10  a-3-11  a-3-12  a-3-o" "a-4-2  a-4-3  a-4-4  a-4-5  a-4-6  a-4-7  a-4-8  a-4-9  a-4-10  a-4-11  a-4-12  a-4-o" "a-5-2  a-5-3  a-5-4  a-5-5  a-5-6  a-5-7  a-5-8  a-5-9  a-5-10  a-5-11  a-5-12  a-5-o" "a-6-2  a-6-3  a-6-4  a-6-5  a-6-6  a-6-7  a-6-8  a-6-9  a-6-10  a-6-11  a-6-12  a-6-o"}.col0.svelte-cbfvsy.svelte-cbfvsy,.col14.svelte-cbfvsy.svelte-cbfvsy,.col1.svelte-cbfvsy.svelte-cbfvsy,.col13.svelte-cbfvsy.svelte-cbfvsy{display:none!important}}@media screen and (min-width: 1152px) and (max-width: 1296px){.table.svelte-cbfvsy.svelte-cbfvsy{display:grid;grid-template-columns:repeat(13,1fr) 2fr;grid-template-rows:repeat(6,1fr);grid-template-areas:"a-1-0  a-1-1  a-1-2  a-1-3  a-1-4  a-1-5  a-1-6  a-1-7  a-1-8  a-1-9  a-1-10  a-1-11  a-1-12  a-1-o" "a-2-0  a-2-1  a-2-2  a-2-3  a-2-4  a-2-5  a-2-6  a-2-7  a-2-8  a-2-9  a-2-10  a-2-11  a-2-12  a-2-o" "a-3-0  a-3-1  a-3-2  a-3-3  a-3-4  a-3-5  a-3-6  a-3-7  a-3-8  a-3-9  a-3-10  a-3-11  a-3-12  a-3-o" "a-4-0  a-4-1  a-4-2  a-4-3  a-4-4  a-4-5  a-4-6  a-4-7  a-4-8  a-4-9  a-4-10  a-4-11  a-4-12  a-4-o" "a-5-0  a-5-1  a-5-2  a-5-3  a-5-4  a-5-5  a-5-6  a-5-7  a-5-8  a-5-9  a-5-10  a-5-11  a-5-12  a-5-o" "a-6-0  a-6-1  a-6-2  a-6-3  a-6-4  a-6-5  a-6-6  a-6-7  a-6-8  a-6-9  a-6-10  a-6-11  a-6-12  a-6-o"}}@media screen and (min-width: 1296px){.table.svelte-cbfvsy.svelte-cbfvsy{display:grid;grid-template-columns:repeat(15,1fr) 2fr;grid-template-rows:repeat(6,1fr);grid-template-areas:"a-1-0  a-1-1  a-1-2  a-1-3  a-1-4  a-1-5  a-1-6  a-1-7  a-1-8  a-1-9  a-1-10  a-1-11  a-1-12  a-1-13  a-1-14  a-1-o" "a-2-0  a-2-1  a-2-2  a-2-3  a-2-4  a-2-5  a-2-6  a-2-7  a-2-8  a-2-9  a-2-10  a-2-11  a-2-12  a-2-13  a-2-14  a-2-o" "a-3-0  a-3-1  a-3-2  a-3-3  a-3-4  a-3-5  a-3-6  a-3-7  a-3-8  a-3-9  a-3-10  a-3-11  a-3-12  a-3-13  a-3-14  a-3-o" "a-4-0  a-4-1  a-4-2  a-4-3  a-4-4  a-4-5  a-4-6  a-4-7  a-4-8  a-4-9  a-4-10  a-4-11  a-4-12  a-4-13  a-4-14  a-4-o" "a-5-0  a-5-1  a-5-2  a-5-3  a-5-4  a-5-5  a-5-6  a-5-7  a-5-8  a-5-9  a-5-10  a-5-11  a-5-12  a-5-13  a-5-14  a-5-o" "a-6-0  a-6-1  a-6-2  a-6-3  a-6-4  a-6-5  a-6-6  a-6-7  a-6-8  a-6-9  a-6-10  a-6-11  a-6-12  a-6-13  a-6-14  a-6-o"}}.table.svelte-cbfvsy.svelte-cbfvsy:after,.table.svelte-cbfvsy .svelte-cbfvsy:after{display:none}.text-short.svelte-cbfvsy.svelte-cbfvsy{display:none}.flex-stretch.svelte-cbfvsy.svelte-cbfvsy{display:flex;align-items:stretch;align-content:stretch;justify-content:center;width:100%;height:100%}.flex-stretch.svelte-cbfvsy>.svelte-cbfvsy{flex-grow:1;display:flex;justify-content:center;align-items:center}.flex-rows.svelte-cbfvsy.svelte-cbfvsy{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;align-items:stretch;height:100%;width:100%}.flex-row.svelte-cbfvsy.svelte-cbfvsy{flex:1;font:1vw Open Sans}:root{--color-0:hsl(0, 75%, 65%);--color-1:hsl(30, 75%, 65%);--color-2:hsl(60, 75%, 65%);--color-3:hsl(90, 75%, 65%);--color-4:hsl(120, 75%, 65%);--color-5:hsl(150, 75%, 65%);--color-6:hsl(180, 75%, 65%);--color-7:hsl(210, 75%, 65%);--color-8:hsl(240, 75%, 65%);--color-9:hsl(270, 75%, 65%);--color-10:hsl(300, 75%, 65%);--color-11:hsl(330, 75%, 65%)}.note0.svelte-cbfvsy.svelte-cbfvsy{background-color:var(--color-0);color:#000}.note1.svelte-cbfvsy.svelte-cbfvsy{background-color:var(--color-1);color:#000}.note2.svelte-cbfvsy.svelte-cbfvsy{background-color:var(--color-2);color:#000}.note3.svelte-cbfvsy.svelte-cbfvsy{background-color:var(--color-3);color:#000}.note4.svelte-cbfvsy.svelte-cbfvsy{background-color:var(--color-4);color:#000}.note5.svelte-cbfvsy.svelte-cbfvsy{background-color:var(--color-5);color:#000}.note6.svelte-cbfvsy.svelte-cbfvsy{background-color:var(--color-6);color:#000}.note7.svelte-cbfvsy.svelte-cbfvsy{background-color:var(--color-7);color:#000}.note8.svelte-cbfvsy.svelte-cbfvsy{background-color:var(--color-8);color:#000}.note9.svelte-cbfvsy.svelte-cbfvsy{background-color:var(--color-9);color:#000}.note10.svelte-cbfvsy.svelte-cbfvsy{background-color:var(--color-10);color:#000}.note11.svelte-cbfvsy.svelte-cbfvsy{background-color:var(--color-11);color:#000}.table.svelte-cbfvsy .cell.note.svelte-cbfvsy:hover,.cell.mode-header.svelte-cbfvsy.svelte-cbfvsy:hover{background-image:linear-gradient(rgb(255 255 255/50%) 0 0)}.playing.svelte-cbfvsy.svelte-cbfvsy{border:1px solid white!important;background-color:#fff3!important}.denoted.svelte-cbfvsy.svelte-cbfvsy{opacity:50%!important}.cell.opt.svelte-cbfvsy.svelte-cbfvsy{cursor:hand}.table.svelte-cbfvsy .svelte-cbfvsy{white-space:nowrap;overflow:hidden;text-overflow:hidden;min-width:0}.grid-table.svelte-1eevsh2{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1.5rem;width:100%;height:calc(100vh - 2px);padding:1rem;box-sizing:border-box}.grid-item.svelte-1eevsh2{position:relative;display:flex;align-items:center;justify-content:center;background:#2d3748;border-radius:16px;cursor:pointer;text-decoration:none;color:#fff;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1)}.grid-item.svelte-1eevsh2:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.1);opacity:0;transition:opacity .3s ease}.grid-item.svelte-1eevsh2:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0006}.grid-item.svelte-1eevsh2:hover:before{opacity:1}.grid-item.svelte-1eevsh2:active{transform:translateY(-2px);transition:transform .1s ease}.grid-item-fifths.svelte-1eevsh2{background:#3182ce}.grid-item-fifths.svelte-1eevsh2:hover{background:#2c5aa0}.grid-item-modes.svelte-1eevsh2{background:#38a169}.grid-item-modes.svelte-1eevsh2:hover{background:#2f855a}.grid-item-content.svelte-1eevsh2{position:relative;z-index:1;text-align:center;padding:2rem;max-width:400px}.grid-item-icon.svelte-1eevsh2{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.grid-item-title.svelte-1eevsh2{font-size:1.8rem;font-weight:600;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:-.02em}@media (max-width: 768px){.grid-table.svelte-1eevsh2{gap:1rem;padding:.5rem}.grid-item-content.svelte-1eevsh2{padding:1.5rem}.grid-item-icon.svelte-1eevsh2{font-size:2.5rem;margin-bottom:.75rem}.grid-item-title.svelte-1eevsh2{font-size:1.5rem}}