@import url(https://fonts.googleapis.com/css?family=Caveat&display=swap);
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}img{display:block;margin:0 auto;max-width:100%}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browserupgrade{background:#999;color:#fff;margin:0;padding:.5em}.browserupgrade a{color:#fff}.hidden{display:none!important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}html{color:#222;background-color:transparent}body{font-family:Caveat,serif;position:relative;font-size:2.66667vw;line-height:1.5}.h1,h1{font-size:6vw}.h1,.h2,h1,h2{margin:0 0 3.33333vw}.h2,h2{font-size:5vw}.h3,h3{font-size:4vw}.h3,.h4,h3,h4{margin:0 0 3.33333vw}.h4,h4{font-size:3.33333vw}.h5,h5{font-size:3vw}.h5,.h6,h5,h6{margin:0 0 3.33333vw}.h6,h6{font-size:2.66667vw}ol,p,ul{margin:0 0 3.33333vw}ol ol,ol ul,ul ol,ul ul{margin:0}blockquote{font-size:1.125em;font-family:Times New Roman,serif;padding:24px}blockquote,table{margin:0 auto 24px}table{width:100%}tbody,th{border:none}th{text-align:left;text-transform:uppercase;padding:0 1em}td{padding:10px 1em 11px;border-bottom:1px solid #fff}.swipeAction{background:#333;color:#fff;line-height:40px;padding:0 10px;position:relative;text-align:center}.tableWrapper{overflow:scroll}img{margin-bottom:24px}figure img{margin-bottom:14px}figure figcaption{font-style:italic;text-align:center}.stage__padding{position:relative;padding:0 0 56.66%}.stage__inner{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%}.current-scene-2 .studio-menu-boogie a,.current-scene-3 .studio-menu-classical a,.current-scene-4 .studio-menu-rap a{pointer-events:none}.studio-menu{position:absolute;top:1.66667vw;left:1.66667vw;width:18%;height:100%;z-index:20;padding:3vw;list-style:none;background-image:url(../img/menu.svg);background-size:contain;background-repeat:no-repeat}.studio-menu li{margin-bottom:3.33333vw}.studio-menu li.studio-menu-boogie{white-space:nowrap}.studio-menu li.studio-menu-back{margin-top:4.16667vw;margin-left:.66667vw;margin-bottom:0;display:table;line-height:1}.studio-menu li.studio-menu-back a{padding-top:.83333vw;padding-left:1.66667vw;padding-right:4.16667vw;line-height:.75;color:#ffc44d;text-shadow:-2px 4px #000}.studio-menu li a{height:10vw;margin-top:0;display:block;text-align:center;padding-top:75%;text-decoration:none;color:#000}.mute{position:absolute;top:20px;right:20px;z-index:9}.monitor{top:11.66667vw;width:65%;padding:0 20px}.monitor h2{font-size:4.66667vw;margin-bottom:0;color:#6d3535}.monitor p{font-size:2.66667vw;margin:0}.console{right:15.83333vw;bottom:3.33333vw;width:44%;height:34%}.console,.monitor{text-align:center;position:absolute}.monitor{right:6.66667vw;top:7.83333vw;width:68%;height:40%;padding:3.33333vw}.scene{overflow:hidden;position:absolute;top:-9999px;left:0;width:100%;height:100%;background:#c5f3f3;background-image:url(../img/monitor.svg),-webkit-gradient(linear,left top,left bottom,from(#42505a),to(#c5f3f3));background-image:url(../img/monitor.svg),linear-gradient(180deg,#42505a,#c5f3f3);background-size:cover;background-position:0 right;background-repeat:no-repeat}.scene.active{z-index:1;top:0}.scene.start .monitor{top:9.5vw}.scene.start .console{background-image:url(../img/mixer-start.svg);background-size:contain;background-position:50%;background-repeat:no-repeat;height:30%;bottom:5.66667vw}.scene.start .console .high{position:absolute;top:1.33333vw;left:3.33333vw;margin:0}.scene.start .console .low{position:absolute;bottom:.16667vw;left:1.33333vw;margin:0}.scene.boogie .console .high{position:absolute;top:.66667vw;left:3.33333vw;margin:0}.scene.boogie .console .low{position:absolute;bottom:4.16667vw;left:2.33333vw;margin:0}.scene.boogie .console .piano-txt{left:7.33333vw}.scene.boogie .console .bass-txt,.scene.boogie .console .piano-txt{position:absolute;bottom:.66667vw;font-size:2.33333vw;margin:0;color:#000}.scene.boogie .console .bass-txt{left:15vw}.scene.boogie .console .drums-txt{left:22vw}.scene.boogie .console .drums-txt,.scene.boogie .console .guitar-txt{position:absolute;bottom:.66667vw;font-size:2.33333vw;margin:0;color:#000}.scene.boogie .console .guitar-txt{left:29.66667vw}.scene.boogie .monitor{padding:0;background-image:url(../img/boogie-band.svg);background-repeat:no-repeat;background-size:contain;background-position:center 0}.scene.classical .console{background-color:transparent}.scene.classical .monitor{text-indent:-9999px;background-image:url(../img/orchestra-all.svg)}.scene.classical .monitor,.scene.classical .monitor .image-strings{background-repeat:no-repeat;background-size:contain;background-position:center 0}.scene.classical .monitor .image-strings{background-image:url(../img/orchestra-strings.svg);text-align:center;position:absolute;right:0;top:0;width:100%;height:100%}.scene.classical .monitor .image-strings.hide{opacity:0}.scene.classical .monitor .image-brass{background-image:url(../img/orchestra-brass.svg);background-repeat:no-repeat;background-size:contain;background-position:center 0;text-align:center;position:absolute;right:0;top:0;width:100%;height:100%}.scene.classical .monitor .image-brass.hide{opacity:0}.scene.classical .monitor .image-woodwinds{background-image:url(../img/orchestra-woodwinds.svg);background-repeat:no-repeat;background-size:contain;background-position:center 0;text-align:center;position:absolute;right:0;top:0;width:100%;height:100%}.scene.classical .monitor .image-woodwinds.hide{opacity:0}.scene.classical .monitor .image-percussion{background-image:url(../img/orchestra-percusion.svg);background-repeat:no-repeat;background-size:contain;background-position:center 0;text-align:center;position:absolute;right:0;top:0;width:100%;height:100%}.scene.classical .monitor .image-percussion.hide{opacity:0}.scene.classical .monitor .image-all{background-image:url(../img/orchestra-all.svg);background-repeat:no-repeat;background-size:contain;background-position:center 0;text-align:center;position:absolute;right:0;top:0;width:100%;height:100%}.scene.classical .monitor .image-all.hide{opacity:0}.scene.rap .console .high{position:absolute;top:1.33333vw;left:3.33333vw;margin:0}.scene.rap .console .low{position:absolute;bottom:2vw;left:2.33333vw;margin:0}.scene.rap .console .voice-txt{position:absolute;bottom:1vw;left:10vw;font-size:2vw;margin:0;color:#000}.scene.rap .console .scratch-txt{position:absolute;bottom:1vw;left:18.16667vw;font-size:2vw;margin:0;color:#000}.scene.rap .console .music-txt{position:absolute;bottom:1vw;left:29.16667vw;font-size:2vw;margin:0;color:#000}.scene.rap .monitor{padding:0;background-image:url(../img/rap-group.svg);background-repeat:no-repeat;background-size:contain;background-position:center 0}.console-slider{border:2px solid #000;display:inline-block;position:absolute;height:12.5vw!important;padding-bottom:1vw!important;padding-top:1vw!important;top:0}.console-slider.jpiano{position:absolute;left:8.33333vw}.console-slider.jbass{position:absolute;left:16vw}.console-slider.jdrums{position:absolute;left:23.33333vw}.console-slider.jguitar{position:absolute;left:30.83333vw}.console-slider.rapVoice{position:absolute;left:10.83333vw}.console-slider.rapScratch{position:absolute;left:20.66667vw}.console-slider.rapMusic{position:absolute;left:30.16667vw}.mixer-content{text-align:center}.console-text{line-height:.875;position:absolute;font-size:2.83333vw;top:5vw;left:16vw}.console-button{display:inline-block;width:13.33333vw;height:6.66667vw;border-radius:3.33333vw;background-image:url(../img/button.svg);background-repeat:no-repeat;background-size:cover;color:#000;padding-top:2.5vw;font-weight:600;font-size:2.16667vw;text-align:center;position:absolute;text-decoration:none}.console-button:hover{text-decoration:underline}.console-button:hover:before{background-color:#84c982}.console-button:before{content:"";position:absolute;left:5.16667vw;top:.66667vw;height:1.66667vw;width:2.66667vw;border:2px solid #000;border-radius:50%;background-color:#fa1d1b}.console-button.strings{left:5vw;top:0}.console-button.strings.show:before{background-color:green}.console-button.brass{right:5vw;top:0}.console-button.brass.show:before{background-color:green}.console-button.percussion{right:1.66667vw;top:6.66667vw}.console-button.percussion.show:before{background-color:green}.console-button.woodwinds{left:1.66667vw;top:6.66667vw}.console-button.woodwinds.show:before{background-color:green}.console-button.all{left:15vw;bottom:0}.console-button.all.show:before{background-color:green}.vue-slider{background-color:#e87d34;border-left:8px solid #602311;border-right:8px solid #602311;border-top:4px solid #602311;border-bottom:3px solid #602311}.vue-slider-dot{background-color:#ff1000;border-radius:.83333vw;width:3vw!important;height:1.66667vw!important;border:2px solid #000;cursor:pointer}.vue-slider-rail{background-color:#000}.vue-slider-process{background-color:#333}.vue-slider-dot-tooltip{display:none}body{background-color:#fff}
/*# sourceMappingURL=app.css.map */