*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;user-select:none}html,body{width:100%;height:100%;overflow:hidden;background:#0000}body{position:absolute;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea,select{padding:0;margin:0;appearance:none;border:none;border-radius:0;outline:none;background:none;overflow:visible}button:not([disabled]){cursor:pointer}._container_10y8k_1{>img{display:none}}._fingeringFigure_10y8k_9{max-width:100%;max-height:100%;object-position:right;rect,circle,path{transition:fill .2s cubic-bezier(.16,1,.3,1),stroke .2s cubic-bezier(.16,1,.3,1),stroke-width .2s cubic-bezier(.16,1,.3,1)}[data-key]{--key-fill: transparent;--key-stroke: rgba(255, 255, 255, 30%);--key-stroke-width: .5;&[data-next]{--key-fill: #00f}&[data-held=true]{--key-stroke: rgba(255, 255, 255, 90%);--key-stroke-width: 4;&[data-next]{--key-fill: #0f0}&:not([data-next]){--key-fill: #f00}}}}._container_4hm78_1{background:#0000;position:absolute;inset:0;z-index:0}._player_4hm78_19{display:flex;flex-direction:column;max-height:100%}._musicContainer_4hm78_33{max-height:100%;overflow:hidden scroll;user-select:none}._menuBar_4hm78_47{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-evenly;padding:.5rem 1rem;>select,>button{max-width:100%;color:#fff;background:#232;border:1px solid #000;border-radius:.5rem;&:hover{background:#000}}>select{align-self:stretch;padding:0 1.25rem}>button{aspect-ratio:1;width:3rem}}._fingeringOverlay_4hm78_105{position:absolute;right:0;bottom:0;width:13rem;height:20rem;pointer-events:none;>img{max-height:100%}}._aFrame_4hm78_131{position:absolute;bottom:1rem;left:1rem;width:20rem;height:20rem;border:1px solid #000;display:none}