.ReactPiano__Keyboard{display:flex;position:relative}.ReactPiano__Key{display:flex}.ReactPiano__Key--accidental{background:#555;border:1px solid #fff;border-radius:0 0 4px 4px;border-top-color:#0000;cursor:pointer;height:66%;position:absolute;top:0;z-index:1}.ReactPiano__Key--natural{background:#f6f5f3;border:1px solid #888;border-radius:0 0 6px 6px;cursor:pointer;flex:1 1;margin-right:1px;z-index:0}.ReactPiano__Key--natural:last-child{margin-right:0}.ReactPiano__Key--active{background:#3ac8da}.ReactPiano__Key--active.ReactPiano__Key--accidental{border:1px solid #fff;border-top-color:#3ac8da;height:65%}.ReactPiano__Key--active.ReactPiano__Key--natural{border:1px solid #3ac8da;height:98%}.ReactPiano__Key--disabled.ReactPiano__Key--accidental{background:#ddd;border:1px solid #999}.ReactPiano__Key--disabled.ReactPiano__Key--natural{background:#eee;border:1px solid #aaa}.ReactPiano__NoteLabelContainer{align-self:flex-end;flex:1 1}.ReactPiano__NoteLabel{font-size:12px;text-align:center;text-transform:capitalize;-webkit-user-select:none;user-select:none}.ReactPiano__NoteLabel--accidental{color:#f8e8d5;margin-bottom:3px}.ReactPiano__NoteLabel--natural{color:#888;margin-bottom:3px}.ReactPiano__NoteLabel--natural.ReactPiano__NoteLabel--active{color:#f8e8d5}@font-face{font-family:robotoSlab;font-style:normal;font-weight:500;src:url(https://aarondavidnewman.github.io/Smoosic/build/styles/fonts/robotoslab-webfont.woff2) format("woff2"),url(https://aarondavidnewman.github.io/Smoosic/build/styles/fonts/robotoslab-webfont.woff) format("woff")}.score{margin:15px;min-height:280px;overflow:visible}.score svg{display:block;overflow:visible}.--selected{border:15px solid green}.--notSelected{border:15px solid #fff}@font-face{font-family:Noto;font-weight:400;src:local("Noto"),url(/static/media/noto.45535e11ff9be54b89c1.ttf) format("truetype")}@font-face{font-family:Bravura;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@vexflow-fonts/bravura/bravura.woff2) format("woff2")}@font-face{font-family:Academico;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@vexflow-fonts/academico/academico.woff2) format("woff2")}@font-face{font-family:Edwin;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@vexflow-fonts/edwin/edwin.woff2) format("woff2")}@font-face{font-family:Finaleash;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@vexflow-fonts/finaleash/finaleash.woff2) format("woff2")}@font-face{font-family:Finalebroadway;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@vexflow-fonts/finalebroadway/finalebroadway.woff2) format("woff2")}@font-face{font-family:Finalejazz;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@vexflow-fonts/finalejazz/finalejazz.woff2) format("woff2")}@font-face{font-family:Finalemaestro;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@vexflow-fonts/finalemaestro/finalemaestro.woff2) format("woff2")}@font-face{font-family:Gonville;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@vexflow-fonts/gonville/gonville.woff2) format("woff2")}@font-face{font-family:Gootville;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@vexflow-fonts/gootville/gootville.woff2) format("woff2")}@font-face{font-family:Leipzig;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@vexflow-fonts/leipzig/leipzig.woff2) format("woff2")}@font-face{font-family:Leland;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@vexflow-fonts/leland/leland.woff2) format("woff2")}@font-face{font-family:Musejazz;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@vexflow-fonts/musejazz/musejazz.woff2) format("woff2")}@font-face{font-family:Nepomuk;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@vexflow-fonts/nepomuk/nepomuk.woff2) format("woff2")}@font-face{font-family:Petaluma;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@vexflow-fonts/petaluma/petaluma.woff2) format("woff2")}@font-face{font-family:Petalumascript;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@vexflow-fonts/petalumascript/petalumascript.woff2) format("woff2")}@font-face{font-family:Sebastian;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@vexflow-fonts/sebastian/sebastian.woff2) format("woff2")}body{-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:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.4ffbb849.css.map*/