.IO{height:72px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;padding:1px 4px 3px}@-webkit-keyframes active-pulse{0%{background:rgba(0,0,0,.1)}50%{background:rgba(0,0,0,.16)}to{background:rgba(0,0,0,.1)}}@keyframes active-pulse{0%{background:rgba(0,0,0,.1)}50%{background:rgba(0,0,0,.16)}to{background:rgba(0,0,0,.1)}}.IO_active .IO__tap{background:rgba(0,0,0,.1);-webkit-animation:active-pulse 1s ease-in-out infinite;animation:active-pulse 1s ease-in-out infinite}.IO_active .IO__title{color:#fff}.IO_active .IO__input{border-color:#fff}.IO_active .IO__input-hole{background:#fff}.IO_output .IO__container{border:1px solid rgba(0,0,0,.25)}.IO__container{border-radius:8px;border:1px solid transparent;height:66px;padding:6px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.IO__title{text-align:center;font-size:12px;line-height:12px}.IO__input{padding:4px;border:4px solid #000;border-radius:100%;width:32px;height:32px;margin:4px auto 0;-webkit-box-sizing:border-box;box-sizing:border-box}.IO__input-hole{width:16px;height:16px;border-radius:100%;background:#000}.IO__tap{position:absolute;top:1px;left:4px;right:4px;bottom:4px;border-radius:8px;z-index:10;cursor:pointer}.Control{height:72px;overflow:hidden;padding-top:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.Control__title{text-align:center;font-size:12px;line-height:12px}.Control__body{height:32px;border-radius:16px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;margin-top:4px}.Control__half{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:0;flex-basis:0;position:relative}.Control__half:first-child:after{left:50%;right:0}.Control__half:first-child:after,.Control__half:nth-child(2):after{content:"";position:absolute;top:0;bottom:0;background:#000;z-index:10}.Control__half:nth-child(2):after{left:0;right:50%}.Control__button{width:24px;height:21px;border:4px solid #000;background:#fff;border-radius:100%;text-align:center;font-size:16px;line-height:16px;padding-top:3px;margin:0 auto;position:relative;z-index:20}.Control__button_color_orange{background:#fa6400}.Control__button_color_green{background:#89ca73}.Control__button_color_red{background:#da4745}.Control__button_color_yellow{background:#fbc805}.Control__button_color_cyan{background:#96d0dc}.Control__button_color_coral{background:#fa7e57}.Control__button_color_violet{background:#b620e0}.Control__button_color_blue{background:#1e88e5}.Control__value{right:0;text-align:center;font-size:12px;line-height:12px;color:#fff;z-index:30;padding-top:10px}.Control__tap,.Control__value{position:absolute;left:0;top:0;bottom:0}.Control__tap{right:50%;z-index:50;cursor:pointer}.Control__tap:last-child{left:50%;right:0}@font-face{font-family:custom;src:url(../fonts/formular.4b993072.woff2) format("woff2");font-weight:400;font-style:normal}body{margin:0;background:#303030;font-family:custom,sans-serif}.App{max-width:480px;margin:0 auto}.App__synth{position:relative}.App__rack{display:-webkit-box;display:-ms-flexbox;display:flex}.App__rack+.App__rack{margin-top:1px}.App__module{position:relative;-webkit-box-flex:6;-ms-flex-positive:6;flex-grow:6;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box}.App__module_size_3{-webkit-box-flex:3;-ms-flex-positive:3;flex-grow:3}.App__module_size_2{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}.App__module_size_1{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.App__module+.App__module:after{content:"";position:absolute;left:-1px;top:0;bottom:0;width:1px;background:#303030}.App__module_color_orange{background:#fa6400}.App__module_color_green{background:#89ca73}.App__module_color_red{background:#da4745}.App__module_color_yellow{background:#fbc805}.App__module_color_cyan{background:#96d0dc}.App__module_color_coral{background:#fa7e57}.App__module_color_violet{background:#b620e0}.App__module_color_blue{background:#1e88e5}.App__module-title{position:absolute;top:4px;left:4px;background:rgba(0,0,0,.85);color:#fff;border-radius:2px;font-size:12px;line-height:12px;padding:2px 4px}.App__module-row{display:-webkit-box;display:-ms-flexbox;display:flex}.App__module-slot{-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;min-height:72px;overflow:visible;position:relative}.App__module-slot_size_2{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}.App__sequencer{width:108px;height:108px;position:absolute;left:4px;bottom:4px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.App__sequencer-midi{font-size:12px;line-height:12px}.App__sequencer-midi-data{display:-webkit-box;display:-ms-flexbox;display:flex;color:#fff;text-transform:lowercase}.App__sequencer-midi-data+.App__sequencer-midi-data{margin-top:2px}.App__sequencer-midi-data:nth-last-child(5){opacity:.3}.App__sequencer-midi-data:nth-last-child(4){opacity:.4}.App__sequencer-midi-data:nth-last-child(3){opacity:.5}.App__sequencer-midi-data:nth-last-child(2){opacity:.6}.App__sequencer-midi-cmd{width:56px}.App__sequencer-steps{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:8px}.App__sequencer-step{width:12px;height:12px;border:1px solid rgba(0,0,0,.25);border-radius:2px;margin-top:1px;-webkit-box-sizing:border-box;box-sizing:border-box}.App__sequencer-step+.App__sequencer-step{margin-left:1px}.App__sequencer-step_active{background:rgba(0,0,0,.25);border-color:transparent}.App__sequencer-step:nth-child(8)+.App__sequencer-step{margin-left:0}.App__title{font-size:20px;line-height:24px;height:144px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;padding:80px 18px 12px}.App__lesson{background:#c75000;padding:8px 20px 12px 14px;border-radius:2px;margin-left:4px;margin-right:4px;margin-bottom:4px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:121px;font-size:16px;line-height:20px;color:#fff}.App__footer{font-size:14px;line-height:16px;padding-top:48px}.App__footer-patreon{text-align:center;color:#fff}.App__footer-patreon a{color:#00fdf3}.App__footer-avatar{text-align:center;line-height:0;font-size:0;margin-top:24px}.App__footer-avatar img{width:32px;height:32px;border-radius:100%;-webkit-box-shadow:0 4px 8px -2px rgba(0,0,0,.5);box-shadow:0 4px 8px -2px rgba(0,0,0,.5)}.App__footer>a{display:block;text-decoration:none;padding-top:8px;padding-bottom:48px}.App__footer-name{text-align:center;margin-top:8px;color:hsla(0,0%,100%,.5)}.App__patches{z-index:200;pointer-events:none}.App__patches,.App__patches-item{position:absolute;top:0;right:0;left:0;bottom:0}.App__patches-item{opacity:.9}.App__scheme{border-left:1px solid rgba(0,0,0,.25);border-top:1px solid rgba(0,0,0,.25);width:48px;height:32px;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;left:50%;top:50%}.App__actions{position:fixed;left:0;right:0;bottom:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:200;pointer-events:none}.App__action{background:#fff;padding:11px 24px 13px;font-size:16px;line-height:20px;color:#000;border-radius:24px;-webkit-box-shadow:0 4px 8px -4px rgba(0,0,8,.4);box-shadow:0 4px 8px -4px rgba(0,0,8,.4);pointer-events:all;cursor:pointer}@media screen and (min-width:960px){.App{max-width:960px}.App__synth{width:960px;height:434px}.App__rack{width:480px;position:absolute;margin:0!important;-ms-flex-negative:0;flex-shrink:0}.App__rack:first-child{top:0;left:0;width:479px}.App__rack:nth-child(2){top:290px;left:0;width:479px}.App__rack:nth-child(3){top:0;left:480px}.App__rack:nth-child(4){top:145px;left:480px}.App__rack:nth-child(5){top:290px;left:480px}}