body{margin:0;padding:0;font-family:sans-serif}.section-container{border:1px solid #000;padding:5px}.inline-container{vertical-align:top;display:inline-block;margin:0 10px}.labeled-knob__label,.labeled-knob__value{text-align:center;padding:5px}.knob__input::-webkit-slider-thumb{-webkit-appearance:none;background:transparent;width:50px;height:50px;border:none}.knob__input::-webkit-slider-runnable-track{-webkit-appearance:none}.knob__input::-moz-range-thumb{-webkit-appearance:none;background:transparent;width:50px;height:50px;border:none}.knob__input{-webkit-appearance:none;background:transparent;width:300px;height:50px;touch-action:pan-x pinch-zoom;border:none;outline:none}.knob__container{display:inline-block;transform:rotate(270deg);transform-origin:50% 50%;width:50px;height:50px;position:relative}.knob__spinner{z-index:-1;background-color:#777;position:absolute;top:0;left:0;right:0;bottom:0;border-radius:75px}.knob__marker{background-color:#fff;width:4px;height:50%;margin:0 auto}.waveform-icon{vertical-align:middle;margin-right:8px;height:30px}.key,.waveform-icon{display:inline-block}.key{width:25px;height:25px;vertical-align:top;text-align:center;padding:5px}.key--white{border:1px solid #000}.key--black{background-color:#000;color:#fff}.key--pressed{background-color:red}.key--sequenced{background-color:green}.sequencer__container{margin-bottom:20px}.sequencer-note{display:inline-block;border:1px solid #000;padding:4px}.sequencer-note--current{background-color:rgba(0,0,128,.125)}.sequencer-note__checkbox{display:none}.sequencer-note__checkbox+label{display:block;height:30px;border:1px solid #000;border-radius:3px;cursor:pointer}.sequencer-note__checkbox:checked+label{background-color:#0a0}.degree-knob__value{text-align:center;padding:5px}.visibility-settings{margin-bottom:10px}.section-setting{display:inline-block;margin:0 5px}
/*# sourceMappingURL=main.3c70df6f.chunk.css.map */