@import url(https://fonts.googleapis.com/css?family=Anton);body{margin:0;padding:0;overflow:hidden;font-size:6px}.console-container{margin-left:1vh;margin-top:1vh}.console-container .mixer svg{height:99vh}.mixer svg g g#prefix__Layer_1 g#prefix__CrossFader{border:35px solid #000}.console-container #x-fader{position:absolute;top:86.6vh;left:84.2vh;width:4vh;z-index:10}.console-container #vol-1{position:absolute;top:12vh;left:4vh;width:5.4vh;z-index:10}.console-container #eject-left{position:absolute;top:75vh;left:14vh;width:8vh;z-index:50}.console-container #rew-left{position:absolute;top:75vh;left:23.8vh;width:8vh;z-index:50}.console-container #play-left{position:absolute;top:75vh;left:33.3vh;width:8vh;z-index:50}.console-container #ff-left{position:absolute;top:75vh;left:43.2vh;width:8vh;z-index:50}.console-container #stop-left{position:absolute;top:75vh;left:53vh;width:8vh;z-index:50}.console-container #fx-delay-1{position:absolute;top:27.4vh;left:59.4vh;width:5.4vh;z-index:10}.console-container #fx-distortion-1{position:absolute;top:36.9vh;left:59.5vh;width:5.4vh;z-index:10}.console-container #fx-pan-1{position:absolute;top:45.9vh;left:59.3vh;width:5.4vh;z-index:10;-webkit-transform:rotate(126deg);transform:rotate(126deg)}.console-container #fx-lpf-1{position:absolute;top:55.5vh;left:59.5vh;width:5.4vh;z-index:10}.console-container #fx-hpf-1{position:absolute;top:65vh;left:59.5vh;width:5.4vh;z-index:10}.console-container #fader-pitch-left{position:absolute;top:46.5vh;left:4.2vh;width:5.4vh;z-index:10}.console-container #vinyl-left{position:absolute;top:26vh;left:13.7vh;width:40vh;z-index:30}.console-container #loop-one-left{position:absolute;top:87vh;left:14vh;width:8vh;z-index:50}.console-container #loop-two-left{position:absolute;top:87vh;left:23.3vh;width:10.3vh;z-index:50}.console-container #loop-four-left{position:absolute;top:87vh;left:34.6vh;width:12.1vh;z-index:50}.console-container #loop-eight-left{position:absolute;top:87vh;left:47.6vh;width:13.4vh;z-index:50}.console-container #vol-2{position:absolute;top:12vh;left:162.8vh;width:5.4vh;z-index:10}.console-container #eject-right{position:absolute;top:75vh;left:114vh;width:8vh;z-index:50}.console-container #rew-right{position:absolute;top:75vh;left:124vh;width:8vh;z-index:50}.console-container #play-right{position:absolute;top:75vh;left:133.7vh;width:8vh;z-index:50}.console-container #ff-right{position:absolute;top:75vh;left:143.5vh;width:8vh;z-index:50}.console-container #stop-right{position:absolute;top:75vh;left:153vh;width:8vh;z-index:50}.console-container #fx-delay-2{position:absolute;top:27.4vh;left:108.1vh;width:5.4vh;z-index:10}.console-container #fx-distortion-2{position:absolute;top:36.7vh;left:108.1vh;width:5.4vh;z-index:10}.console-container #fx-pan-2{position:absolute;top:46vh;left:107.8vh;width:5.4vh;z-index:10;-webkit-transform:rotate(126deg);transform:rotate(126deg)}.console-container #fx-lpf-2{position:absolute;top:55.6vh;left:108.2vh;width:5.4vh;z-index:10}.console-container #fx-hpf-2{position:absolute;top:64.9vh;left:108.1vh;width:5.4vh;z-index:10}.console-container #fader-pitch-right{position:absolute;top:45.9vh;left:162.6vh;width:5.4vh;z-index:10}.console-container #vinyl-right{position:absolute;top:26vh;left:120vh;width:40vh;z-index:30}.console-container #loop-one-right{position:absolute;top:87vh;left:114vh;width:8vh;z-index:50}.console-container #loop-two-right{position:absolute;top:87vh;left:123.5vh;width:10.3vh;z-index:50}.console-container #loop-four-right{position:absolute;top:87vh;left:134.8vh;width:12.1vh;z-index:50}.console-container #loop-eight-right{position:absolute;top:87vh;left:147.5vh;width:13.4vh;z-index:50}#leftwave{position:absolute;background-color:rgba(0,0,0,.6);z-index:100;width:33vh;height:14vh;left:69vh;top:24vh;padding-top:4vh;padding-left:1vh;padding-right:1vh;border:1px solid #fff}#leftwave wave{max-height:11vh}#rightwave{position:absolute;background-color:rgba(0,0,0,.6);z-index:100;width:33vh;height:14vh;left:69vh;top:51.6vh;padding-top:4vh;padding-left:1vh;padding-right:1vh;border:1px solid #fff}#rightwave wave{max-height:11vh}.textleft{font-size:2.5vh;top:4.5vh}.textleft,.timeleft{z-index:100;position:absolute;font-family:Anton,sans-serif;color:#f5f5f5;left:5vh}.timeleft{font-size:5.5vh;top:11.4vh}.textright{font-size:2.5vh;top:4.5vh}.textright,.timeright{z-index:100;position:absolute;font-family:Anton,sans-serif;color:#f5f5f5;left:108vh}.timeright{font-size:5.5vh;top:11.4vh}.bpmleft{font-size:3.6vh;left:59.5vh;top:6.2vh}.bpmleft,.bpmtop{z-index:100;position:absolute;font-family:Anton,sans-serif;color:#f5f5f5;text-align:center}.bpmtop{font-size:1.8vh;left:60.4vh;top:2.4vh}.bpmright{font-size:3.6vh;left:161.4vh;top:6.2vh}.bpmright,.bpmtopright{z-index:100;position:absolute;font-family:Anton,sans-serif;color:#f5f5f5;text-align:center}.bpmtopright{font-size:1.8vh;left:162.4vh;top:2.4vh}.loadleft{z-index:100;position:absolute;font-family:Anton,sans-serif;font-size:2vh;color:#f5f5f5;width:16.3vh;height:16.3vh;left:25.6vh;top:37.9vh;text-align:center;border-radius:100vh}.react-file-drop-left{z-index:1000;width:16vh;height:16vh;padding:20;position:absolute;top:37.9vh;left:25.7vh;border-radius:50vh}.react-file-drop-left .file-drop{position:relative;height:16vh;width:100%;border-radius:50vh}.react-file-drop-left .file-drop>.file-drop-target{position:absolute;top:0;left:0;height:100%;width:100%}.loadright{z-index:100;position:absolute;font-family:Anton,sans-serif;font-size:2vh;color:#f5f5f5;width:16.3vh;height:16.3vh;left:131.6vh;top:37.9vh;text-align:center;border-radius:100vh}.react-file-drop-right{z-index:1000;width:16vh;height:16vh;padding:20;position:absolute;top:37.9vh;left:131.7vh;border-radius:50vh}.react-file-drop-right .file-drop{position:relative;height:16vh;width:100%;border-radius:50vh}.react-file-drop-right .file-drop>.file-drop-target{position:absolute;top:0;left:0;height:100%;width:100%}.landscape{display:none}.color-selector{position:absolute;z-index:500;font-size:2vh;font-family:Anton,sans-serif;color:#fff;top:45.6vh;left:75vh;text-transform:uppercase}@media (orientation:portrait){.landscape{background-color:rgba(0,0,0,.7);width:100vh;height:100vw;z-index:100000000;position:absolute;top:0;left:0;font-size:10vh;font-family:Anton,sans-serif;color:#fff;display:-webkit-flex;display:flex;text-align:center;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}}
/*# sourceMappingURL=main.810a6522.chunk.css.map */