body{background-color:#333;color:#fff}#top-bar.svelte-1no4heh.svelte-1no4heh{margin-bottom:10px;padding:4px;border-bottom:2px solid #555;text-align:center;color:#ccc;font-size:14px}#logo.svelte-1no4heh.svelte-1no4heh{text-align:center;font-size:22px;font-family:Source Code Pro,monospace;margin:20px 0 40px;padding:5x;color:orange;letter-spacing:4px;font-style:normal}.flex-container.svelte-1no4heh.svelte-1no4heh{display:flex;flex-direction:row;height:100%}.info.svelte-1no4heh.svelte-1no4heh{flex:1;text-align:left;font-size:16px;line-height:24px;margin:5px;padding-left:20px;padding-right:20px;text-align:justify;background-color:#111;border:1px solid white;box-shadow:0 1px 2px 2px #000;font-style:italic;max-width:600px}#keymap.svelte-1no4heh.svelte-1no4heh{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;margin-bottom:20px;font-weight:800;font-style:normal}#keymap.svelte-1no4heh div.svelte-1no4heh{color:#000;background-color:#ccc;margin:2px;width:70px;text-align:center}.info.svelte-1no4heh h4.svelte-1no4heh{text-align:center;text-decoration:underline}#current.svelte-1no4heh.svelte-1no4heh{display:flex;flex-wrap:wrap;width:70%;height:100%;justify-content:center}.item.svelte-1no4heh.svelte-1no4heh{font-size:50px;margin:4px;padding:4px;text-align:center;height:70px;line-height:70px}.note.svelte-1no4heh.svelte-1no4heh{width:100px}.dup-note.svelte-1no4heh.svelte-1no4heh{opacity:40%}.white-key.svelte-1no4heh.svelte-1no4heh{color:#000;background-color:#fff}.black-key.svelte-1no4heh.svelte-1no4heh{color:#fff;background-color:#000}.octave.svelte-1no4heh.svelte-1no4heh{font-size:25px;opacity:70%}.chord.svelte-1no4heh.svelte-1no4heh{color:#fff;background-color:green;min-width:216px;position:relative}.chord-info.svelte-1no4heh.svelte-1no4heh{color:#333;height:10px;line-height:10px;font-size:10px;font-family:sans-serif;position:absolute;left:0;width:100%;text-transform:uppercase;font-weight:800;letter-spacing:4px}.inverted.svelte-1no4heh.svelte-1no4heh{background-color:#deb887;top:0;border-bottom:1px solid #333}.voicing.svelte-1no4heh.svelte-1no4heh{background-color:#98fb98;bottom:0;border-top:1px solid #333}.sidebar.svelte-1no4heh.svelte-1no4heh{display:flex;flex-wrap:wrap;width:10%;height:100%;font-size:20px;text-align:center;overflow-y:auto;flex:1}.sidebar-disabled.svelte-1no4heh.svelte-1no4heh{display:none}.small-item.svelte-1no4heh.svelte-1no4heh{color:#fff;margin:1px;padding:1px;font-size:12px;font-family:monospace}.small-note.svelte-1no4heh.svelte-1no4heh{width:40px;text-align:left}.small-chord.svelte-1no4heh.svelte-1no4heh{width:80px;text-align:right}.scales.svelte-1no4heh.svelte-1no4heh{flex-direction:column;font-style:italic;font-size:14px;justify-content:center;margin-top:20px}.scale-group.svelte-1no4heh.svelte-1no4heh{margin:10px;flex-wrap:wrap;justify-content:center}.scale.svelte-1no4heh.svelte-1no4heh{margin:1px;padding-left:5px;padding-right:5px;flex-wrap:wrap;white-space:nowrap}.scale-key.svelte-1no4heh.svelte-1no4heh{color:orange}.scale-degree.svelte-1no4heh.svelte-1no4heh{color:#fff;font-size:12px}.break.svelte-1no4heh.svelte-1no4heh{flex-basis:100%;height:0}