:root{--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--btn-size: 40px;--btn-radius: 2px;--btn-margin: 2px;--font-10: 10px;--font-12: 12px;--font-14: 14px;--font-16: 16px;--font-18: 18px;--font-20: 20px;--font-22: 22px}@media (max-width: 499px){:root{--space-4: 2px;--space-6: 4px;--space-8: 6px;--space-10: 8px;--space-12: 10px;--space-16: 12px;--space-20: 14px;--space-24: 16px;--btn-size: 32px;--btn-radius: 2px;--btn-margin: 1.6px;--font-10: 10px;--font-12: 11px;--font-14: 12px;--font-16: 14px;--font-18: 16px;--font-20: 17px;--font-22: 18px}}:export{gray_primary:rgb(94,101,105);gray_second:rgba(94,101,105,.6);yellow_primary:rgb(199,156,15);btn_size:40px;btn_size:var(--btn-size);btn_margin:2px;btn_margin:var(--btn-margin)}body{background-color:#3f4345;margin:0;color:#e8e6e3}#abc-editor{display:flex;height:100vh;transition:background-color .2s ease;margin:0!important}#abc-editor>div{flex:1}#abc-editor #editor-container{display:flex;flex-direction:column;padding:10px 12px}#abc-editor #editor-container>*{border-radius:6px;background-color:#5e656966}#abc-editor #editor-container #editor{flex:1;border-radius:6px;color:#e8e6e3;resize:none;width:-webkit-fill-available;padding:10px;border:none;transition:background-color .2s linear}#abc-editor #editor-container #editor:focus{outline:none;background-color:#5e6569cc;border:none}#abc-editor #editor-container #audio{height:30px;margin-top:6px;padding:6px}#abc-editor #editor-container #audio>div{background-color:transparent;background-color:initial}#abc-editor #editor-container #warnings{height:60px;margin-top:6px;padding:10px;font-size:12px;overflow-y:scroll}#abc-editor #paper{padding:0!important;overflow-y:scroll!important}#abc-editor #printer{position:fixed;right:2vh;bottom:2vh;width:80px;width:calc(var(--btn-size) * 2);height:40px;height:var(--btn-size);border-radius:6px;border:none;background-color:#5e6569;color:#e8e6e3;transition:all .2s ease;opacity:.4}#abc-editor #printer:hover{opacity:1;background-color:#5e656966}@media (max-width: 499px){#abc-editor{display:block;height:auto;margin-top:42px!important}#abc-editor #editor-container #editor{min-height:60vh}#abc-editor #paper{height:100vh}}@media print{header,footer,nav button,main section{display:none}#abc-editor #editor-container,#abc-editor #printer{display:none}[fill="#f2f2f2"]{fill:#0d0d0d}svg{color:#0d0d0d}}.abcjs-inline-audio{height:26px;padding:0 5px;border-radius:3px;background-color:#424242;display:flex;align-items:center;box-sizing:border-box}.abcjs-inline-audio.abcjs-disabled{opacity:.5}.abcjs-inline-audio .abcjs-btn{display:block;width:28px;height:34px;margin-right:2px;padding:7px 4px;background:none!important;border:1px solid transparent;box-sizing:border-box;line-height:1}.abcjs-btn g{fill:#f4f4f4;stroke:#f4f4f4}.abcjs-inline-audio .abcjs-btn:hover g{fill:#ccc;stroke:#ccc}.abcjs-inline-audio .abcjs-midi-selection.abcjs-pushed,.abcjs-inline-audio .abcjs-midi-loop.abcjs-pushed,.abcjs-inline-audio .abcjs-midi-reset.abcjs-pushed{border:1px solid #cccccc;background-color:#666;box-sizing:border-box}.abcjs-inline-audio .abcjs-midi-start .abcjs-pause-svg,.abcjs-inline-audio .abcjs-midi-start .abcjs-loading-svg,.abcjs-inline-audio .abcjs-midi-start.abcjs-pushed .abcjs-play-svg,.abcjs-inline-audio .abcjs-midi-start.abcjs-loading .abcjs-play-svg{display:none}.abcjs-inline-audio .abcjs-midi-start.abcjs-pushed .abcjs-pause-svg{display:block}.abcjs-inline-audio .abcjs-midi-progress-background{background-color:#424242;height:10px;border-radius:5px;border:2px solid #cccccc;margin:0 8px 0 15px;position:relative;flex:1;padding:0;box-sizing:border-box}.abcjs-inline-audio .abcjs-midi-progress-indicator{width:20px;margin-left:-10px;height:14px;background-color:#f4f4f4;position:absolute;display:inline-block;border-radius:6px;top:-4px;left:0;box-sizing:border-box}.abcjs-inline-audio .abcjs-midi-clock{margin-left:4px;margin-top:1px;margin-right:2px;display:inline-block;font-family:sans-serif;font-size:16px;box-sizing:border-box;color:#f4f4f4}.abcjs-inline-audio .abcjs-tempo-wrapper{font-size:10px;color:#f4f4f4;box-sizing:border-box;display:flex;align-items:center}.abcjs-inline-audio .abcjs-midi-tempo{border-radius:2px;border:none;margin:0 2px 0 4px;width:42px;padding-left:2px;box-sizing:border-box}.abcjs-inline-audio .abcjs-loading .abcjs-loading-svg{display:inherit}.abcjs-inline-audio .abcjs-loading{outline:none;animation-name:abcjs-spin;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}.abcjs-inline-audio .abcjs-loading-svg circle{stroke:#f4f4f4}@keyframes abcjs-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.abcjs-large .abcjs-inline-audio{height:52px}.abcjs-large .abcjs-btn{width:56px;height:52px;font-size:28px;padding:6px 8px}.abcjs-large .abcjs-midi-progress-background{height:20px;border:4px solid #cccccc}.abcjs-large .abcjs-midi-progress-indicator{height:28px;top:-8px;width:40px}.abcjs-large .abcjs-midi-clock{font-size:32px;margin-right:10px;margin-left:10px;margin-top:-1px}.abcjs-large .abcjs-midi-tempo{font-size:20px;width:50px}.abcjs-large .abcjs-tempo-wrapper{font-size:20px}.abcjs-css-warning{display:none}