#app nav{user-select:none;-webkit-touch-callout:none;-o-user-select:none;-webkit-tap-highlight-color:#0000;-webkit-tap-highlight-color:transparent}body{background-color:#222}body,body a,body a:visited{color:#ddd}html,body{margin:0;padding:0}html{scrollbar-width:none;-ms-overflow-style:none;overflow-y:scroll}html::-webkit-scrollbar{width:0}body{font-family:Inconsolata,monospace;font-size:20px}p{line-height:1.6em}p.spacey{margin:90px auto 30px}button{font-family:inherit;font-size:inherit;cursor:pointer;color:#ddd;background:#222;border:1px solid #ddd;margin:1em 1em 1em 0;padding:.5em 1em}#app{user-select:none;width:1000px;margin:0 auto;padding-bottom:60px}#app *{-webkit-user-drag:none}#app select,#app button,#app input{font-family:inherit}#app h4{text-align:left;margin:10px 0;padding:0}#app h5{text-align:center;margin:10px 0;padding:0}#app .envelope svg{fill:#0000;stroke:#3ed107;stroke-width:4px;width:220px}#app .vert{transform:rotate(270deg)}#app pre.algorithm{color:#3ed107;margin:0;padding:0 0 0 10px;font-family:Courier New;font-size:1em;line-height:.65em}#app .globals{width:100%;margin:30px auto}#app .menu-dropdown span{font-weight:400}#app .menu-dropdown .options{width:100%;height:1px;position:relative}#app .menu-dropdown .options ul{z-index:999;background:#222;border-top:1px solid #ddd;width:200px;margin:0;padding:0;list-style:none;position:absolute;top:0;left:0}#app .menu-dropdown .options ul li{color:#ddd;text-align:left;cursor:pointer;border:1px solid #ddd;border-top:none;height:30px;padding:0 1em;line-height:30px}#app .menu-dropdown .options ul li:hover{color:#222;background:#ddd}#app nav{box-sizing:border-box;border:1px solid #ddd;align-items:stretch;margin:10px auto 0;display:flex;position:relative}#app nav span{pointer-events:none;text-align:center;flex-grow:.5;height:1em;padding:.5em 0}#app nav a{cursor:pointer;text-align:center;flex-grow:1;height:1em;padding:.5em 0;text-decoration:none}#app nav a.active,#app nav a:hover{color:#222;background:#ddd}#app nav button{cursor:pointer;height:2em;font-size:inherit;color:#ddd;background:#222;border:0;flex:1;margin:0;padding:0}#app nav button.active,#app nav button:hover{color:#222;background:#ddd}#app nav button.over{background:#3ed107}#app nav button.dragging{opacity:.8;filter:drop-shadow(6px -6px 5px #000)}#app nav .droppable{flex:0;height:2em}#app nav .droppable.dragging{background:#ccc;flex:.3}#app nav .droppable.over{background:#3ed107}#app nav a[title]:after{content:attr(title);word-break:keep-all;color:#3ed107;opacity:0;pointer-events:none;background:#222;border:1px solid #ddd;width:250px;height:20px;padding:4px;transition:opacity .3s linear;position:absolute;top:-32px;right:0}#app nav a[title]:hover:after{opacity:.99}#app nav select{border:0;outline:0;flex-grow:5;margin:3px 5px;font-size:1em}#app nav select option{text-align:center;overflow:hidden}#app nav.midi span i,#app nav.patch span i{background-color:#ccc;border-radius:50%;width:18px;height:18px;margin-left:15px;line-height:1em;display:inline-block;box-shadow:0 -1px 7px 1px #0003,inset 0 -1px 6px #000}#app nav.midi span i.active,#app nav.patch span i.active{animation:.1s infinite blinkLed}#app nav.midi select,#app nav.patch select{max-width:25%;font-size:.8em}#app nav.midi select.speed,#app nav.patch select.speed{flex-grow:.1}#app nav.midi.connected select.out,#app nav.patch.connected select.out{background:#81e5ff}#app nav.midi a,#app nav.patch a{font-weight:700}#app nav.midi a.x,#app nav.patch a.x{color:red}#app nav.midi a.y,#app nav.patch a.y{color:green}#app nav.midi a.z,#app nav.patch a.z{color:#00f}#app nav.midi input[type=text],#app nav.patch input[type=text]{cursor:pointer;color:#ddd;background:#222;border:0;padding:.5em;font-family:inherit;font-size:.9em;font-weight:700}#app nav.midi input[type=text]:hover,#app nav.patch input[type=text]:hover{text-decoration:underline}#app nav.midi input[type=text]:focus,#app nav.patch input[type=text]:focus{color:#222;background:#ddd;outline:0;box-shadow:inset 0 0 0 3px #222}#app .two-cols{gap:12px;display:flex}#app .two-cols .col{width:50%}#app .four-cols{gap:12px;display:flex}#app .four-cols .col{width:25%}#app .four-cols .tcol{width:75%}#app .slider,#app .dropdown,#app .midi-mapping{border:2px solid #0000;width:230px;padding:0;position:relative}#app .slider select,#app .slider input,#app .slider .cell,#app .dropdown select,#app .dropdown input,#app .dropdown .cell,#app .midi-mapping select,#app .midi-mapping input,#app .midi-mapping .cell{text-align:center;background:#d3d3d3;border:0;outline:none;width:190px;height:25px;margin:0;padding:0}#app .slider[data-title]:after,#app .dropdown[data-title]:after,#app .midi-mapping[data-title]:after{content:attr(data-title);text-align:center;word-break:keep-all;z-index:1000;color:#3ed107;opacity:0;pointer-events:none;background:#222;height:24px;font-size:14px;line-height:24px;transition:opacity .1s linear;position:absolute;top:-24px;left:-32px;right:-32px}#app .slider[data-title]:hover:after,#app .dropdown[data-title]:hover:after,#app .midi-mapping[data-title]:hover:after{opacity:.9}#app .slider label,#app .dropdown label,#app .midi-mapping label{vertical-align:super;width:32px;line-height:10px;display:inline-block;position:relative}#app .dropdown{font-size:0}#app .dropdown label{font-size:20px}#app .dropdown select{text-align:center;font-size:16px}#app .dropdown select option{padding:0}#app .slider.learn{background:#00ffff1f}#app .slider.learn:hover{cursor:pointer;border:2px dashed #3ed107}#app .slider label i.x,#app .slider label i.y,#app .slider label i.z{height:4px;position:absolute;bottom:-8px;left:0;right:8px;box-shadow:1px 1px 1px #ddd}#app .slider label i.x{background:red}#app .slider label i.y{background:green}#app .slider label i.z{background:#00f}#app .slider span{z-index:10;color:#333;pointer-events:none;height:25px;line-height:25px;position:absolute;top:3px;left:50%}#app .slider input{-webkit-appearance:none}#app .slider input::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#3ed107;border:0;border-radius:0;width:25px;height:25px}#app .slider input::-moz-range-thumb{appearance:none;cursor:pointer;background:#3ed107;border:0;border-radius:0;width:25px;height:25px}#app .midi-mapping label{vertical-align:middle}#app .midi-mapping .cell{color:#222;display:inline-block}#app .seq .seq-row{display:flex}#app .seq .seq-row .seq-cell{cursor:pointer;opacity:.8;border:1px solid #fff;width:30px;height:30px}#app .seq .seq-row .seq-cell.step-on{background:#fff}#app .seq .seq-row .seq-cell.inactive{opacity:.3}#app .seq .seq-row .seq-cell.seq-header{text-align:center;border:1px solid #0000;font-size:.75em;line-height:30px}#app .seq .seq-row .seq-cell:hover{opacity:1}@keyframes blinkLed{0%{background-color:#3ed107}50%{background-color:#e3fed9;box-shadow:0 -1px 7px 1px #0003,inset 0 -1px 9px #76f945,0 2px 14px #bffca8}to{background-color:#3ed107}}
/*# sourceMappingURL=repo.986cb87a.css.map */