.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{-webkit-touch-callout:none;margin:0;min-height:280px;touch-action:manipulation}.score,.score svg{-webkit-user-drag:none;overflow:visible;-webkit-user-select:none;user-select:none}.score svg{display:block;pointer-events:none}.progression-score{-webkit-touch-callout:none;touch-action:manipulation}.progression-score,.progression-score svg{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.progression-score svg{pointer-events:none}.compact-piano,.compact-piano *{-webkit-touch-callout:none;-webkit-user-drag:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}.compact-piano:not(.compact-piano-v2) .ReactPiano__Key--natural{background:#fff!important;border:1px solid #e2e8f0!important;height:140px!important}.compact-piano:not(.compact-piano-v2) .ReactPiano__Key--accidental{height:85px!important}.compact-piano:not(.compact-piano-v2) .ReactPiano__NoteLabelContainer{display:none!important}.compact-piano.compact-piano-v2 .ReactPiano__Key{position:relative}.compact-piano.compact-piano-v2{height:100%;min-height:140px;width:100%}.compact-piano.compact-piano-v2 .ReactPiano__Keyboard{height:100%!important;width:100%!important}.compact-piano.compact-piano-v2 .ReactPiano__NoteLabelContainer{display:block!important;inset:0;pointer-events:none;position:absolute}.compact-piano.compact-piano-v2 .ReactPiano__Key--accidental{border:1px solid #fff!important;border-top-color:#0000!important}.compact-piano.compact-piano-v2 .ReactPiano__Key--natural{background:#fff!important;border:1px solid #e2e8f0!important}.compact-piano:not(.compact-piano-v2) .ReactPiano__Key--active{background:#319795!important;border:1px solid #0d7377!important;box-shadow:inset 0 0 0 1px #0d7377!important}.compact-piano .ReactPiano__Key[aria-label*=C4]{position:relative}.compact-piano .ReactPiano__Key[aria-label*=C4]:before{background-color:#cbd5e1;border-radius:50%;bottom:8px;content:"";height:12px;left:50%;opacity:.6;pointer-events:none;position:absolute;transform:translateX(-50%);width:12px;z-index:10}.compact-piano:not(.compact-piano-v2) .ReactPiano__Key--wrong,.compact-piano:not(.compact-piano-v2) .ReactPiano__Key--wrong.ReactPiano__Key--active{background:#f87171!important;border:1px solid #991b1b!important;box-shadow:inset 0 0 0 1px #991b1b!important}.compact-piano:not(.compact-piano-v2) .ReactPiano__Key--wrong.ReactPiano__Key--accidental{background:#dc2626!important;border:1px solid #991b1b!important;box-shadow:inset 0 0 0 1px #991b1b!important}.compact-piano:not(.compact-piano-v2) .ReactPiano__Key--target,.compact-piano:not(.compact-piano-v2) .ReactPiano__Key--target.ReactPiano__Key--accidental{border:1px solid #0000!important;box-shadow:inset 0 0 0 2px #10b981!important}.compact-piano:not(.compact-piano-v2) .ReactPiano__Key--target.ReactPiano__Key--active{background:#319795!important;border:1px solid #0d7377!important;box-shadow:inset 0 0 0 1px #0d7377!important}.compact-piano:not(.compact-piano-v2) .ReactPiano__Key--target.ReactPiano__Key--wrong{background:#f87171!important;border:1px solid #991b1b!important;box-shadow:inset 0 0 0 1px #991b1b!important}.PianoKeysV2{width:100%}.PianoKeysV2__keyboard{background:#fff;border:1px solid #e2e8f0;border-radius:12px;position:relative}.PianoKeysV2__whites{display:flex;height:100%}.PianoKeysV2__blacks{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.PianoKeysV2__key{border-radius:0 0 6px 6px;box-sizing:border-box;position:relative}.PianoKeysV2__key--natural{background:#fff;border:1px solid #e2e8f0}.PianoKeysV2__key--accidental{background:#555;border:1px solid #fff;border-radius:0 0 4px 4px;border-top-color:#0000;position:absolute;z-index:2}.PianoKeysV2__key--active-correct{background:#319795;border:1px solid #0d7377;box-shadow:inset 0 0 0 1px #0d7377}.PianoKeysV2__key--active-unknown{background:#90cdf4;border:1px solid #2b6cb0;box-shadow:inset 0 0 0 1px #2c5282}.PianoKeysV2__key--active-wrong{background:#f87171;border:1px solid #991b1b;box-shadow:inset 0 0 0 1px #991b1b}.PianoKeysV2__key--accidental.PianoKeysV2__key--active-wrong{background:#dc2626}.PianoKeysV2__key--accidental.PianoKeysV2__key--active-unknown{background:#4299e1;border:1px solid #2b6cb0}.PianoKeysV2__key--target{border:1px solid #0000;box-shadow:inset 0 0 0 2px #10b981}.PianoKeysV2__key--middle-c:after{background-color:#cbd5e1;border-radius:50%;bottom:8px;content:"";height:12px;left:50%;opacity:.6;pointer-events:none;position:absolute;transform:translateX(-50%);width:12px}@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(/static/media/finalejazz.3991a0ebdec55237f61c.woff2) format("woff2"),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.acf92898.css.map*/