#root,body,html{max-width:100%;overflow-x:hidden}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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-overlay{z-index:1300!important}.drumButton{align-items:center;align-items:flex-end;background-color:#fff;background-color:#181a1c;border-color:#e4f2ff;border:none;border-radius:5px;border-radius:2px;color:#758091;display:flex;height:28px;height:26px;justify-content:space-between;margin-right:5px;margin:0;min-width:110px;padding:0;text-transform:none;width:100%}.drumButtonText{align-items:center;display:flex;height:100%;justify-content:flex-start;margin-left:6px}.drumButton:hover{background-color:#1d2a40;color:#fff}.buttonIcon{margin-right:8px;opacity:.8}.drumButton:hover .buttonIcon{opacity:.8}.modalOption{align-items:center;background-color:#111314;border-radius:7px;cursor:pointer;display:flex;height:35px;justify-content:space-between;margin:1px;padding:5px 5px 5px 15px;width:150px}.modalOption:hover{background-color:#181b1d}.modalOption.selected{background-color:#25272c}.opener-triangle{bottom:10;height:5px;right:0;width:5px}.opener-triangle-svg{fill:#818ca0}.drumButton:hover .opener-triangle-svg{fill:#4d89f2}.row{display:flex;flex-direction:row;width:"100vw"}ul{border-right:1px solid #ccc;list-style:none;width:200px}li{cursor:pointer;padding:5px}li:hover{background-color:#f0f0f0}