@import url(https://fonts.googleapis.com/css?family=Inconsolata);body{font-family:sans-serif}body,html{margin:0;padding:0}body,html{height:100%;width:100%;overflow:hidden}body{position:fixed}.App,body{touch-action:none}.App{display:flex;justify-content:center;height:100vh;overflow:hidden}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:80px}.App-header{position:absolute;border-color:red;background-color:#222;top:450px;padding:20px}.App-title{font-size:1.5em}.App-intro{font-size:large}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a:visited{text-decoration:none;color:#000}html{touch-action:none}.switch-wrapper{width:100vw;height:100vh}.horizontalLock{position:absolute;top:50%;left:50%;transform:translateX(-50%);font-size:20px}.fullscreenbutton{position:absolute;bottom:0;right:0;z-index:51;opacity:.5}canvas{position:absolute;width:100%;height:calc(100% - 105px);top:105px;z-index:9;flex:1 1;left:0;touch-action:none;overflow:hidden}.bg-black{background-color:#000}#instructions-bg{background-color:hsla(0,0%,100%,.2);font-family:"Inconsolata";font-size:20px;position:absolute;width:auto;height:auto;margin:0 auto;border-radius:10px;left:50%;transform:translateX(-50%);top:50%;z-index:99;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#instructions{font-family:"Inconsolata";font-size:24px;color:#fff;margin:0 12px 12px}#close-instr{text-align:right}#outside-instr{background:#ff0c0c;position:absolute;opacity:0;z-index:98;width:100vw;height:100vh;transform:translateX(-50%)}.closing{-webkit-animation-iteration-count:1;animation-iteration-count:1}.flashing{-webkit-animation:blinker 1.5s;animation:blinker 1.5s}@-webkit-keyframes blinker{50%{opacity:0}}@keyframes blinker{50%{opacity:0}}@-webkit-keyframes fadeout-instr{60%{opacity:1}to{opacity:0}}@keyframes fadeout-instr{60%{opacity:1}to{opacity:0}}.modal{background-color:#fff;position:absolute;z-index:1000;width:auto;height:auto;left:50%;transform:translateX(-50%);top:12%;border-radius:10px;box-shadow:3px 3px 5px 3px rgba(0,0,0,.75);display:flex;flex-direction:column;word-wrap:break-word}.modal .row{padding:4px;display:flex;flex-direction:row}.modal .column{padding:4px;display:flex;flex-direction:column}.modal .header{position:relative;height:100%;margin:3%}.modal .title{width:12rem;font-size:1.5rem}.modal .title .subtitle{width:12rem;font-size:1.25rem}.modal .modalBtn{position:absolute;width:100%;left:50%;transform:translateX(-50%);bottom:0}.modal .step{width:33vw}.modal .img{margin:auto;max-height:auto;width:20vw}.headphone-mode-button{position:absolute;left:4%;top:96px;margin:2px!important;min-width:3%;z-index:21;background-color:#abe2fb!important;border:2px solid #abe2fb!important;border-radius:3rem!important}.headphone-slash-icon{height:.85714286em;width:1.18em}.midi-logo{height:1.2em;width:1.25em}.color-map-container{width:15%;position:absolute;right:15%;bottom:0;padding:2px;z-index:21;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:"Lato"}.color-map{border:1px solid #fff;background:linear-gradient(90deg,#000 15%,#00f 30%,green,red);width:100%;height:1em;position:relative}.color-map-text{justify-content:center}.color-map-labels,.color-map-text{color:#fff;display:flex;font-family:"Lato"}.color-map-labels{justify-content:space-between;position:absolute;left:0;top:50%;width:100%;padding:0 5px;z-index:10;font-size:.75em}.scales-snackbar{z-index:60;position:fixed!important;bottom:0;left:50%;margin:0!important;padding:2vh!important;display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0;transform:translateX(-50%);-webkit-animation:fades 1s ease-in-out .2s alternate;animation:fades 1s ease-in-out .2s alternate;-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes fades{50%{opacity:1}}@keyframes fades{50%{opacity:1}}.canvas-btn{top:110px}.pause-button{position:absolute;left:0;margin:2px!important;min-width:3.1%;max-width:4%;z-index:21;border:2px solid #abe2fb!important;background-color:#abe2fb!important;border-radius:3rem!important}#microphone-mode-button{left:4%}#microphone-mode-button,.info-button{position:absolute;margin:2px!important;min-width:3%;z-index:21;border:2px solid #abe2fb!important;border-radius:3rem!important;background-color:#abe2fb!important}.info-button{left:16%;padding:11px!important}.info-button-icon{margin:0!important}.midi-button{position:absolute;left:12%;margin:2px!important;min-width:3%;z-index:21;background-color:#abe2fb!important;border:2px solid #abe2fb!important;border-radius:3rem!important;padding:.6714rem .75714rem!important}.file-upload-button{left:8%}.file-upload-button,.web-cam-button{position:absolute;margin:2px!important;min-width:3%;z-index:21;background-color:#abe2fb!important;border:2px solid #abe2fb!important;border-radius:3rem!important;padding:11px!important}.web-cam-button{left:12%}.playback-controls-container{position:absolute;left:20%;top:110px;background-color:#aae1fb;z-index:21;color:#fff;display:flex;justify-content:space-between;min-width:20%;align-items:center;margin:2px;padding:11px}.audio-file-play{height:100%!important;cursor:pointer}.audio-file-progress{width:100%;flex:1 1;margin:0 15px!important}.bar{min-width:0!important}.audio-file-delete{height:100%!important;cursor:pointer}.pulsing{-webkit-animation:shadow-pulse 1s;animation:shadow-pulse 1s;-webkit-animation-iteration-count:20;animation-iteration-count:20}@-webkit-keyframes shadow-pulse{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.5)}to{box-shadow:0 0 0 35px hsla(0,0%,100%,0)}}@keyframes shadow-pulse{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.5)}to{box-shadow:0 0 0 35px hsla(0,0%,100%,0)}}.osc-canvas,.tuning-canvas{z-index:20}.frequency-label{z-index:25;position:absolute;left:1%;bottom:1%;background-color:#fff;border-radius:.58571429rem;padding:1em 1.5em;outline:none;line-height:1em}.App{text-align:center}.menu-container{position:absolute;left:0}.menu-title{font-size:24px;align-self:center;text-align:center;transform:translateX(-50%);left:50%;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.menu-header{font-weight:700;font-size:14px}.ui.tabular.menu .item{background:0 0;border:1px solid transparent;border-top:2px solid transparent;border-bottom:none;padding:.1em 1.42857143em;color:rgba(0,0,0,.87)}.menu-menu{height:105px;margin:0!important;border-bottom:1px solid #000!important;width:100vw!important}.menu-container .menu-menu.menu .item.tab-item{border-left-color:rgba(0,0,0,.1);border-right-color:rgba(0,0,0,.1)}.menu-container .menu-menu.menu .item.tab-item.active{box-shadow:inset 0 0 5px 2px rgba(34,36,38,.1)}@media screen and (max-width:970px){.menu-container .item.tab-item{padding-left:2px!important;padding-right:2px!important}}@media screen and (max-width:1241px){.ui.tabular.menu-menu.menu .item.scale-menu{padding:0!important}}@media screen and (max-width:1040px){.menu-container .ui.tabular.menu .item.tab-item{padding-left:10px;padding-right:10px}}.ui.tabular.menu .item.tab-item.settings-ctrl-btn{padding-left:10px;padding-right:10px}.rangeslider__handle{outline:none}.slider{min-width:100px}.flex{display:flex;flex-direction:column}.item{font-size:16px!important}.icon-button{background:none!important}.ui.slider.checkbox input:checked~.box:before,.ui.slider.checkbox input:checked~label:before,.ui.slider.checkbox input:focus:checked~.box:before,.ui.slider.checkbox input:focus:checked~label:before{background-color:#abe2fb!important}.ui.slider.checkbox .box:before,.ui.slider.checkbox input:focus~.box:before,.ui.slider.checkbox input:focus~label:before,.ui.slider.checkbox label:before{background-color:#7cb342!important}.ui.toggle.button{vertical-align:middle}.ui.toggle.button.active{background-color:#7cb342!important}.hidden{display:none}.item.scale-menu .scale-adjust{box-shadow:0 0 0 1px rgba(34,36,38,.1)!important;padding:.1em .25em;min-width:196px}@media screen and (max-width:970px){.ui.menu .item.scale-menu .scale-adjust{padding:0!important}}.no-margin{margin:0!important;padding:0!important}.app-bar-dropdown-container{padding-left:0!important;z-index:40;padding-right:0!important}.app-bar-dropdown{font-size:1.25rem;min-width:9rem!important;border:none!important;min-height:1rem!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-feature-settings:"c2sc";font-variant:small-caps;font-weight:700!important}@media screen and (max-width:1040px){.ui.selection.dropdown.app-bar-dropdown{padding-left:4px!important;padding-right:0!important}.ui.selection.dropdown.app-bar-dropdown>i.dropdown.icon{padding-left:4px!important;padding-right:4px!important}}.ui.selection.active.dropdown .menu{border:none!important}.slider-label{margin-right:.5rem}.menu-pane-container{padding:0;margin:0!important;border:0!important}.multi-slider-container{width:12vw;max-width:200px;padding-left:2px}.graph-control-menu-container{padding-left:0!important;padding-right:5px!important}.multi-slider{width:80%!important;margin:12px 15px 15px;display:flex;height:14px!important;transform:translateX(-4px)}.multi-slider *{height:12px!important}.rc-slider-handle{width:30px!important;height:30px!important;top:50%!important;box-shadow:0 1px 3px rgba(0,0,0,.4),0 -1px 3px rgba(0,0,0,.4);border:1px solid #ccc!important;transform:translate3d(-50%,-30%,0)!important;margin:0!important}.rc-slider-handle:after{content:" ";position:absolute;width:16px;height:16px;top:6px;left:6px;background-color:#dadada;border-radius:50%;box-shadow:inset 0 1px 3px rgba(0,0,0,.4),inset 0 -1px 3px rgba(0,0,0,.4)}.rc-slider-track{background-color:#7cb342!important}.rc-slider-step{box-shadow:inset 0 1px 3px rgba(0,0,0,.4);border-radius:10px!important}.rc-slider{height:0!important;padding:2px 0!important}.resolution-input-container{margin-top:20%}.resolution-container{display:flex;justify-content:center;align-items:center}.resolution-input{width:40%;margin:0!important}.graph-preset-container{display:flex;flex-direction:column}.graph-preset-container .ui.radio.checkbox{padding-top:2px;padding-bottom:2px}#logScaleBtn{font-size:1rem!important}.effect-module{height:100%;display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-right:0}.effect-name{line-height:normal;white-space:nowrap}.effect-on{display:flex;align-items:center;margin-top:4px}.effect-control,.effect-controls{display:flex;flex-direction:column}.effect-control{margin-top:2px}#text{font-size:14px;margin:-8px 0}.rangeslider.rangeslider-horizontal .rangeslider__handle .rangeslider__handle-tooltip{bottom:-55px!important;top:auto!important}.rangeslider.rangeslider-horizontal .rangeslider__handle .rangeslider__handle-tooltip:after{border-bottom:8px solid rgba(0,0,0,.8);border-top:none;top:-8px}.menu-pane-container{z-index:22;padding:.5em!important}.menu-pane{margin:0!important}.timbre-text{color:red;text-align:center}.timbre-dropdown{min-width:100px!important}.quantize-margin,.timbre-dropdown{margin-top:8%!important}.harmonics-slider{width:100%}.adsr-slider{margin-right:10px}.adsr-canvas{position:relative!important;top:0!important;width:275px}.adsr-container{background-color:#282828;border:1px solid #282828;border-radius:.5em;margin-top:2px}.scales-bottom{width:100%;display:flex;padding:.1em .5em}#edit-scales-button,#just-button{margin-top:5px;padding:5.5px 21px;font-size:1rem;margin-bottom:5px}.scale-choice{padding:.5em!important}.scale-choice.divider{box-shadow:0 2px 0 -1px rgba(34,36,38,.1)!important}.tuning{margin-right:25%}#effects-settings-menu-container.no-padding,.no-padding{padding:0!important}#effects-settings-menu-container .effect-module{padding:16px 8px!important}#effectSettings,#effectSettingsWithHeight{padding:4px 11px 1px;margin:0;border-top-left-radius:0;border-bottom-left-radius:0;font-size:1.25rem;height:26px}#effectSettingsWithHeight{height:40px}#effectSwitch.ui.toggle.button,#effectSwitch.ui.toggle.button.active{padding:6px 21px 6px 11px;width:116px;margin:1px 0 1px 2px;border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:inset -1px 0 0 0 rgba(34,36,38,.15)}.effects-container{display:flex;align-self:flex-start!important}.effects-stretch:before{display:none}.effects-stretch{min-width:28%;padding-bottom:0!important;display:flex!important;justify-content:flex-start!important}.effects-stretch:after{display:none}.effects-dropdown{margin-top:2px}.sound-close-menu{display:flex!important;justify-content:flex-end;align-items:center;right:.5em;position:absolute}.sound-close-menu .button{margin:0}.horiz{display:flex;margin-top:2%;align-items:center}.vert{flex-direction:column;padding:inherit}.extra-margin{margin:15px 0!important}.no-line:before{display:none}.ui.toggle.checkbox input:checked~label:before,.ui.toggle.checkbox input:focus:checked~label:before{background-color:#7cb342!important}.tuning-container{display:flex}.tuning-close-menu{display:flex!important;justify-content:flex-end;align-items:center}#edit-scales-button-tuning{padding:5.5px 21px;margin:-5px auto -3px}.scales-bottom-tuning{width:100%;display:flex;padding:.5em;align-items:center}.volume-container{position:absolute!important}.volume-controls{justify-content:center;padding-left:5px!important;padding-right:5px!important}.volume-close-menu{position:absolute}.scales-container{justify-content:center}#scaleToggleButton{margin:0;font-size:1rem}.ui.tabular.menu-menu .item.scales-container{padding:.1em .5em}.ui.tabular.menu-menu .scales-container .item.edit-scales-container{display:flex!important;justify-content:space-around;flex-direction:row;z-index:100;padding:.5em 0}@media screen and (max-width:1040px){.ui.tabular.menu-menu .item.edit-scales-container{padding-left:4px;padding-right:4px}}@media screen and (max-width:970px){.ui.dropdown i.icon.dropdown{margin-left:4px}}.note{background-color:#d3d3d3}.note,.root{border:0 solid #000;border-radius:100%;width:32px;height:32px;font-size:1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:10px;cursor:pointer;display:flex;justify-content:center;text-align:center;align-items:center}.root{box-shadow:inset 0 0 0 2px #56caff}.activeNote{background-color:#7bb242}.custom{box-shadow:inset 0 0 0 2px #ffa805}.filter-canvas{z-index:51;position:relative;top:0;background-color:#add8e6;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;-ms-interpolation-mode:nearest-neighbor;image-rendering:pixelated}.edit-filter-container{width:35vw;height:35vh;display:flex!important;justify-content:space-around;flex-direction:column;z-index:50}#FilterPresets{margin-top:10px;margin-bottom:5px;padding:5.5px 10.5px}
/*# sourceMappingURL=main.96de81aa.chunk.css.map */