body{background-color:grey}.editor{font-family:monospace;margin:0;padding:0}.pane{height:calc(100vh - var(--editor-header-height, 88px));background-color:#212529}.knob{border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 auto;aspect-ratio:1/1;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:ns-resize;margin:auto;position:relative}.knob:before{content:"";position:absolute;left:45%;top:3%;width:4px;height:18px;background:#ccc}@keyframes flash{0%,to{opacity:1}50%{opacity:0}}.reverse-wrapper{overflow-x:auto;overflow-y:auto}.fixed-div{position:fixed;bottom:10px;right:10px;width:20vw;height:70vh;display:flex;align-items:center;flex-direction:column-reverse}.opa{transition:filter .2s ease;filter:opacity(.4)}.opa_disabled{filter:opacity(.1)}.fixed-div2{position:fixed;bottom:0;left:50vw;width:25vw;margin:0;padding:0;display:flex;align-items:center;flex-direction:column-reverse;transition:filter .2s ease;filter:opacity(.2)}.fixed-div2:hover{filter:opacity(1)}.pointer{cursor:pointer}.pianotable{white-space:nowrap;table-layout:fixed;width:100%}.piano-roll-wrapper{display:block}.piano-roll-wrapper .piano-roll-header{margin-bottom:0}.piano-roll-sticky-header{position:-webkit-sticky;position:sticky;top:0;z-index:4;background:#1c1d1e}.piano-roll-canvas{display:block}.piano-roll-canvas-row{align-items:flex-start}.piano-roll-keyboard-sticky{position:-webkit-sticky;position:sticky;left:0;z-index:2;flex-shrink:0;background:#1c1d1e;box-shadow:2px 0 8px rgba(0,0,0,.45)}.bar::-webkit-scrollbar{width:12px;height:12px}.bar::-webkit-scrollbar-thumb{background:#777;border-radius:10px}.bar::-webkit-scrollbar-track-piece:start{background:#0e3542}.bar::-webkit-scrollbar-track-piece:end{background:#3c324a}.track-sidebar{display:flex;width:100%;min-width:0;transition:min-width .2s ease,width .2s ease}.track-sidebar__toggle{flex-shrink:0;width:28px;padding:4px 2px;background:#2d3748;border:1px solid #4a5568;border-radius:4px 0 0 4px;color:#e2e8f0;cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center;align-self:stretch}.track-sidebar__toggle:hover{background:#4a5568;color:#fff}.track-sidebar__content{flex:1 1;min-width:0;overflow:auto;padding:8px}.track-row{position:relative;padding-left:4px;border-radius:4px;--track-glow:0}.track-row--glow{background-color:rgba(72,187,120,calc(.28 * var(--track-glow)));box-shadow:inset 0 0 0 1px rgba(72,187,120,calc(.15 + .4 * var(--track-glow))),0 0 calc(10px * var(--track-glow)) rgba(72,187,120,.3)}.track-row--active.track-row--glow{box-shadow:inset 0 0 0 1px rgba(99,179,237,.55),inset 0 0 0 2px rgba(72,187,120,calc(.1 + .35 * var(--track-glow))),0 0 calc(12px * var(--track-glow)) rgba(72,187,120,.25)}.track-row--muted:not(.track-row--active) .btn-outline-secondary{opacity:.45}.track-row--active{outline:1px solid rgba(99,179,237,.6);outline-offset:1px}.btn.track-mix-btn.btn-outline-secondary{display:inline-flex;align-items:center;justify-content:center;align-self:center;width:2rem;min-width:2rem;height:2.35rem;padding:0;line-height:0;border:none;box-shadow:none;background-color:transparent;color:inherit}.btn.track-mix-btn.btn-outline-secondary:active,.btn.track-mix-btn.btn-outline-secondary:focus,.btn.track-mix-btn.btn-outline-secondary:focus-visible,.btn.track-mix-btn.btn-outline-secondary:hover{border:none;box-shadow:none;background-color:transparent;color:inherit}.track-mix-btn__icon{display:block;flex-shrink:0;width:1.125rem;height:1.125rem;color:#ffc107}.track-mix-btn--muted{opacity:.5}.smml-editor-toolbar .smml-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:.25rem .45rem;line-height:0}.smml-toolbar-btn__icon{display:block;flex-shrink:0;width:1.125rem;height:1.125rem}.track-sidebar--closed .track-sidebar__content{display:none}.track-sidebar--closed{width:28px;min-width:28px}.track-sidebar--closed .track-sidebar__toggle{border-radius:4px}.track-sidebar-col.track-sidebar-col--closed{flex:0 0 28px;max-width:28px;min-width:28px}@media (max-width:767.98px){:root{--editor-mobile-nav-height:52px}.container-fluid.overflow-hidden{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.editor-mobile-layout{flex:1 1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-bottom:calc(var(--editor-mobile-nav-height) + env(safe-area-inset-bottom, 0px))}.editor-mobile-content{flex:1 1;min-height:0;overflow:hidden}.editor-mobile-content .pane{height:100%}.editor-mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:200;display:flex;flex-direction:row;height:calc(var(--editor-mobile-nav-height) + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0);border-top:1px solid #4a5568;background:#1a202c;box-sizing:border-box}.editor-mobile-nav__btn{flex:1 1;border:none;background:transparent;color:#a0aec0;font-size:.875rem;padding:10px 4px;cursor:pointer}.editor-mobile-nav__btn--active{color:#fff;background:#2d3748;box-shadow:inset 0 -2px 0 #63b3ed}}