*{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:1rem}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--brown:#35271e;--brown-dim:#35271eb3;--lightgrey:#999;--darkgrey:#666;--background:#ccc;--glow:#caa800;--link:#6495ed;--glow-shadow:.5pt .5pt 4pt var(--glow);--input-rule:1pt solid var(--brown);--stave-scale:1.5;--stave-x:.17rem;--stave-y-template:9.191rem;--stave-y-output:1.691rem;--z-template:-2;--z-output:-1;--z-overlay:3;--z-controls:10}html{background:#ccc;background:var(--background);color:#35271e;color:var(--brown)}a{color:#6495ed;color:var(--link)}section g{fill:#999;fill:var(--lightgrey);stroke:#999;stroke:var(--lightgrey)}.vf-stavebarline,.vf-timesignature,g.vf-clef,section g.vf-stave{fill:#666;fill:var(--darkgrey);stroke:#666;stroke:var(--darkgrey)}#output .vf-stavenote,.vf-stavenote path{fill:#35271e;fill:var(--brown);stroke:#35271e;stroke:var(--brown)}h2 span,input{text-transform:capitalize;z-index:10;z-index:var(--z-controls)}input{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;border-bottom:1pt solid #35271e;border-bottom:var(--input-rule);box-shadow:none;margin:0;outline:none;padding:.5rem 0 0}button,input{background:none}button{border:none;color:inherit;cursor:pointer;font:inherit;margin-left:-.5rem;margin-top:.2em;outline:inherit;padding:0 .5rem}.accidentals{font-size:1.5em;margin-top:-.15rem;opacity:.92}.accidentals button:nth-of-type(2){padding-right:.54rem}button:hover{text-shadow:.5pt .5pt 4pt #caa800;text-shadow:var(--glow-shadow)}#output .vf-stave,#output .vf-stavebarline,#output .vf-stavenote:nth-of-type(odd),#output svg{display:none}#output svg:first-of-type{display:block}#output svg,#template svg{left:0;max-height:100vy;max-width:100vw;top:0;transform:scale(1.5) translate(.17rem,9.191rem);transform:scale(var(--stave-scale)) translate(var(--stave-x),var(--stave-y-template));transform-origin:top left}#output,#template{left:0;position:absolute;top:0;z-index:-2;z-index:var(--z-template)}#output{z-index:-1;z-index:var(--z-output)}#output svg{transform:scale(1.5) translate(.17rem,1.691rem);transform:scale(var(--stave-scale)) translate(var(--stave-x),var(--stave-y-output))}.underline{text-decoration:underline;text-decoration-color:#35271eb3;text-decoration-color:var(--brown-dim)}h2{color:#35271eb3;color:var(--brown-dim)}h2 span{color:#35271e;color:var(--brown)}#markdown{background:#ccc;background:var(--background);max-width:40em;opacity:.96;padding:0 1rem;position:fixed;right:1rem;top:1em;z-index:3;z-index:var(--z-overlay)}#markdown-button{display:block;position:fixed;right:.5em;top:.5em;z-index:10;z-index:var(--z-controls)}:root{--out-of-range:#c13f21;--edge:var(--glow);--z-controls-aside:2}#controls{max-width:45vw;position:fixed;right:1rem;text-align:right;top:4.5em;z-index:2;z-index:var(--z-controls-aside)}.instruments button{display:block;margin:0 -.5rem 0 auto}.range{color:#35271eb3;color:var(--brown-dim);margin:.5rem 0 0}.range.edge,h2 span.edge{text-shadow:.5pt .5pt 4pt #caa800;text-shadow:.5pt .5pt 4pt var(--edge)}.range.out-of-range,h2 span.out-of-range{color:#c13f21;color:var(--out-of-range)}#output.out-of-range .vf-stavenote,#output.out-of-range .vf-stavenote path{fill:#c13f21;fill:var(--out-of-range);stroke:#c13f21;stroke:var(--out-of-range)}#output.edge .vf-stavenote path{filter:drop-shadow(0 0 2pt rgb(202,168,0));filter:drop-shadow(0 0 2pt var(--edge))}.pitch{display:block;margin-top:.75rem}input[type=range]{accent-color:#35271e;accent-color:var(--brown);appearance:auto;-webkit-appearance:auto;-moz-appearance:auto;border-bottom:none;margin-left:.5rem;max-width:8em;padding-top:0;vertical-align:middle}#freq{color:#35271eb3;color:var(--brown-dim);margin-top:.25rem}
/*# sourceMappingURL=main.fe3dbebf.css.map*/