.Appmenu{position:fixed;top:0;right:0;bottom:0;width:0;z-index:2}.Appmenu-open{z-index:3;width:360px}.menu-background{position:absolute;top:0;right:0;bottom:0;width:360px;background:#f0f0f0;z-index:0;opacity:.8}.enableBlur>*{filter:blur(8px)}.disableBlur{filter:blur(0)}svg{overflow:visible}#module-paths,.svg-container{position:absolute;top:0;left:0;z-index:-1;pointer-events:none;overflow:visible}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-staves-paper .abcjs-staff,.no-staves-paper .abcjs-staff-extra:nth-of-type(2){display:none}@media (max-height:415px),(max-width:812px){.no-staves-paper{margin-top:30vh}}.answer-card-abcjs{height:100%;margin-top:-2.6vw;margin-left:-3.4vw;pointer-events:none}.answer-card-abcjs .abcjs-clef,.answer-card-abcjs .abcjs-staff{display:none!important}.wavesurfer-handle{width:4px!important;max-width:4px!important;background:rgba(187,37,129,.9)!important;box-sizing:border-box}.audio-meter{width:8px;border:1px solid black;margin:0 auto;transition:height .2s ease-in-out}.chakra-menu__icon{display:inline-block!important}.saestysaparaatti .abcjs-staff-extra:last-of-type{display:none}.ReactPiano__Keyboard{position:relative;display:flex}.ReactPiano__Key{display:flex}.ReactPiano__Key--accidental{background:rgb(37,37,37);border:1px solid #fff;border-top-color:transparent;border-radius:0 0 8px 8px;cursor:pointer;height:66%;z-index:1;position:absolute;top:0}.ReactPiano__Key--natural{background:#f6f5f3;border:1px solid rgb(187,187,187);border-radius:0 0 8px 8px;cursor:pointer;z-index:0;flex:1 1;margin-right:1px}.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{flex:1 1;align-self:flex-end}.ReactPiano__NoteLabel{font-size:12px;text-align:center;text-transform:capitalize;-webkit-user-select:none;-moz-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}