#version[data-v-79cf9906]{width:100px;height:40px;position:absolute;z-index:1000;bottom:0;left:10px;color:#a2dfd0;font-size:20px}body{margin:0}#app{position:relative;height:100vh;width:100vw;overflow:hidden;background-color:#002a3a}#modal .modal-content{z-index:1000;border-radius:25px}.modal-body{border-radius:25px;background-color:#024760;border:4px solid #fff;color:#fff;font-family:MarkPro-Heavy;font-size:3rem;line-height:3rem}.timer{font-size:4rem}.metronome-button{line-height:4rem}.position-relative.wrapper[data-v-6843a336]{width:100%;height:100%;display:flex;justify-content:center;flex-direction:column;align-items:center}text.range__point.rotated[data-v-6843a336]{transform-box:fill-box;transform:translate(25px) rotate(90deg)}.vertical[data-v-6843a336]{position:absolute;transform:rotate(270deg);width:100vh}.vertical input.range[data-v-6843a336]{transform:rotate(1turn)}.vertical input.range[data-v-6843a336]::-webkit-slider-thumb{height:65px;width:30px;margin-top:-25px}.vertical input.range[data-v-6843a336]::-webkit-slider-runnable-track{height:18px}.indicator[data-v-6843a336]{font-size:40px}.range__field[data-v-6843a336]{margin-left:20px;margin-right:20px;width:100%;border:0}input.range[data-v-6843a336]{-webkit-appearance:none;bottom:-10px;position:relative;width:100%;margin:0;padding:0;border:0;background:transparent}input.range[data-v-6843a336]:focus{outline:0}input.range[data-v-6843a336]::-webkit-slider-thumb{box-shadow:1px 1px 1px #000,0 0 1px #000;border:0;height:25px;width:45px;border-radius:5px;background:#fff;cursor:pointer;-webkit-appearance:none;margin-top:-5px}input.range[data-v-6843a336]::-webkit-slider-runnable-track{margin-left:-15px;margin-right:-15px;width:100%;height:15px;cursor:pointer;box-shadow:1px 1px 1px transparent,0 0 1px rgba(13,13,13,0);background:#0f2938;border-radius:20px;border:0}.range__tick[data-v-6843a336]{fill:#fff}.range__tick[data-v-6843a336]:first-child{transform:translateX(2px)}.range__tick[data-v-6843a336]:last-child{transform:translateX(-3px)}.range__point[data-v-6843a336]{fill:#fff}.numbers[data-v-6843a336]{overflow:visible;font-family:MarkPro}.label[data-v-7966e462]{font-size:25px;font-family:MarkPro}.label-container[data-v-7966e462]{display:flex;flex-direction:row;justify-content:center;align-items:center}.led.active[data-v-7966e462]{background-color:red;border-radius:50%;box-shadow:0 -1px 7px 1px rgba(0,0,0,.2),inset 0 -1px 9px #304701,0 2px 12px rgba(255,0,0,.5);-webkit-animation:blinkRed 1.5s infinite;animation:blinkRed 1.5s infinite}.led[data-v-7966e462]{margin-left:10px;width:30px;height:30px;background-color:#646464;border-radius:50%;box-shadow:0 -1px 7px 1px rgba(0,0,0,.2),inset 0 -1px 9px #304701}.mute-slider[data-v-7966e462]{padding:0 60px}.switch[data-v-7966e462]{display:inline-block;height:50px;position:relative;width:100%}.switch input[data-v-7966e462]{display:none}.slider[data-v-7966e462]{background-color:#012a3a;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.slider[data-v-7966e462]:before{background-color:#a2dfd0;bottom:4px;content:"";height:42px;left:4px;position:absolute;transition:.4s;width:45%}input:checked+.slider[data-v-7966e462]:before{transform:translateX(100%)}.slider.round[data-v-7966e462],.slider.round[data-v-7966e462]:before{border-radius:25px}.label[data-v-4080adee]{font-size:30px;font-family:MarkPro}.slider[data-v-4080adee]{position:relative}main[data-v-4080adee]{background-color:#024760;color:#a2dfd0;text-align:center;height:100%;padding:20px 0;border-radius:20px}div.title[data-v-4080adee]{text-transform:uppercase;font-size:30px;margin-bottom:20px;font-family:MarkPro}.stem-loader[data-v-4d22ca08]{position:absolute;inset:0;z-index:500;background-color:#002a3a;display:flex;align-items:center;justify-content:center}.stem-loader-inner[data-v-4d22ca08]{text-align:center;color:#a2dfd0;font-family:MarkPro-Heavy}.stem-loader-label[data-v-4d22ca08]{font-size:70px;margin-bottom:30px}.stem-loader-bar[data-v-4d22ca08]{width:700px;height:26px;border:3px solid #a2dfd0;border-radius:13px;overflow:hidden}.stem-loader-bar i[data-v-4d22ca08]{display:block;height:100%;background-color:#8fba30;transition:width .15s linear}.stem-loader-count[data-v-4d22ca08]{margin-top:18px;font-family:MarkPro;font-size:32px}.metronomeOn.pulse[data-v-4d22ca08]{transform:translate(-10px,-10px)}.musicOn[data-v-4d22ca08]{background-color:#8fba30;padding:10px;border-radius:15px;height:400px;overflow:hidden}.musicOn img[data-v-4d22ca08]{width:80%;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0}#song-title[data-v-4d22ca08]{position:absolute;z-index:100;top:15px;left:25px;font-family:MarkPro-Heavy;font-size:55px;color:#024760;width:300px;line-height:50px}.bpm[data-v-4d22ca08]{text-align:end;font-family:MarkPro;color:#a2dfd0}.overlay[data-v-4d22ca08]{position:absolute;height:100%;top:0;left:0;border-radius:15px}.overlay.active[data-v-4d22ca08]{background-color:rgba(2,71,96,.7);z-index:100}.circle-button[data-v-4d22ca08]{position:relative;padding:0 20px;border-radius:50%;background-color:#addbd2;width:80px;height:80px}.circle-button img[data-v-4d22ca08]{position:absolute;margin:auto;top:0;left:0;bottom:0;right:0;width:30px;height:30px}div.mixer[data-v-4d22ca08]{color:#a2dfd0;height:90%;align-items:stretch;justify-content:stretch;position:relative}.controls[data-v-4d22ca08]{font-size:50px;color:#fff;margin-top:20px;height:10%}div.container-fluid[data-v-4d22ca08]{padding:50px;height:100%}#tracking[data-v-4d22ca08]{margin-top:20px;padding-left:20px;padding-right:20px}.progress[data-v-4d22ca08]{width:100%;background-color:#85949d}.progress-bar[data-v-4d22ca08]{background-color:#8fba30}#change-song[data-v-4d22ca08]{margin-top:20px;font-family:MarkPro-Heavy;font-size:35px;background-color:#024760;color:#a2dfd0;text-align:center;padding:10px 20px;border-radius:20px}#master-tempo[data-v-4d22ca08],#master-volume[data-v-4d22ca08]{margin-top:20px;font-family:MarkPro;font-size:30px;background-color:#024760;color:#a2dfd0;text-align:center;padding:10px 20px;border-radius:20px}.option[data-v-ecadc56a]{cursor:pointer}.song-title[data-v-ecadc56a]{position:absolute;top:15px;left:25px;font-family:MarkPro-Heavy;font-size:55px;color:#024760;width:300px;line-height:50px;z-index:100}img[data-v-ecadc56a]{position:absolute;width:80%}img.africa[data-v-ecadc56a]{right:50px;bottom:-80px;width:100%;transform:rotate(25deg)}img.th-floor[data-v-ecadc56a]{right:10px;bottom:0;width:100%;transform:rotate(25deg)}.controls[data-v-09c8d19e]{margin:50px 0}p[data-v-09c8d19e]{color:#a2dfd0;font-family:MarkPro-Heavy;font-size:120px}div.container-fluid[data-v-09c8d19e]{padding:0 50px;height:100%}div.credits-button[data-v-09c8d19e]{position:absolute;bottom:20px;right:0;left:0;margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#afded4;text-align:center}.modal-body[data-v-09c8d19e]{background-color:#024760;border-color:#024760;font-family:MarkPro;font-size:25px;color:#afded4}.modal-body span.ty[data-v-09c8d19e]{font-size:30px;font-family:MarkPro-Heavy}.modal-body ul li[data-v-09c8d19e]{line-height:25px;font-size:22px}.modal-content[data-v-09c8d19e]{background-color:#024760;border:3px solid #afded4;border-radius:15px}.modal-header[data-v-09c8d19e]{border-bottom:none;font-family:MarkPro-Heavy;font-size:32px;color:#afded4}.modal-content ul[data-v-09c8d19e]{list-style:none;font-size:30px}p[data-v-6e7c93cc]{white-space:nowrap;line-height:140px;color:#a2dfd0;font-size:160px;font-family:MarkPro-Heavy}.button-wrapper[data-v-6e7c93cc]{padding:10px}button[data-v-6e7c93cc]{background-color:transparent;border:none}button[data-v-6e7c93cc]:active{box-shadow:0 0 0 #fff;transform:translate(10px,10px)}img.instrument[data-v-6e7c93cc]{position:absolute}#guitar[data-v-6e7c93cc]{top:-30px;right:-30px}#piano[data-v-6e7c93cc]{bottom:-30px}#trumpet[data-v-6e7c93cc]{top:100px}.button[data-v-4fc6543a]:active{box-shadow:0 0 0 #fff;transform:translate(5px,5px)}.button[data-v-4fc6543a]{cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}@font-face{font-family:MarkPro-Heavy;src:url(../fonts/MarkPro-Heavy.e415d230.otf) format("opentype")}@font-face{font-family:MarkPro;src:url(../fonts/MarkPro.12d6724a.otf) format("opentype")}@font-face{font-family:Open24;src:url(../fonts/Open24.9d65f4e6.ttf) format("truetype")}@-webkit-keyframes blinkRed{0%{background-color:red}50%{background-color:#a00;box-shadow:0 -1px 7px 1px rgba(0,0,0,.2),inset 0 -1px 9px #441313,0 2px 0 rgba(255,0,0,.5)}to{background-color:red}}@keyframes blinkRed{0%{background-color:red}50%{background-color:#a00;box-shadow:0 -1px 7px 1px rgba(0,0,0,.2),inset 0 -1px 9px #441313,0 2px 0 rgba(255,0,0,.5)}to{background-color:red}}@-webkit-keyframes swinging{0%{transform:rotate(4deg)}50%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}@keyframes swinging{0%{transform:rotate(4deg)}50%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.swing-image{transform-origin:50% 0;-webkit-animation:swinging 2.5s infinite forwards;animation:swinging 2.5s infinite forwards}@-webkit-keyframes swinging-reverse{0%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}to{transform:rotate(-6deg)}}@keyframes swinging-reverse{0%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}to{transform:rotate(-6deg)}}.swing-image-reverse{transform-origin:50% 0;-webkit-animation:swinging-reverse 2.5s infinite forwards;animation:swinging-reverse 2.5s infinite forwards}@-webkit-keyframes updown{0%{transform:translateY(30px)}50%{transform:translateY(-30px)}to{transform:translateY(30px)}}@keyframes updown{0%{transform:translateY(30px)}50%{transform:translateY(-30px)}to{transform:translateY(30px)}}.up-down{transform-origin:50% 0;-webkit-animation:updown 2s infinite forwards;animation:updown 2s infinite forwards}.card.option{height:100%;border-radius:25px;background-color:#d3d3d3;overflow:hidden}.card.option:active{box-shadow:0 0 0 #fff;transform:translate(-10px,-10px)}.card.option.active{background-color:#8fba30}img.guitar{position:absolute;right:50px;bottom:-80px;width:260px;transform:rotate(25deg)}.language-button{color:#8dbc39;background-color:#fff;border-radius:20px;width:250px;border:3px solid #8dbc39}.language-button,.metronome-button{font-family:MarkPro-Heavy;text-align:center;font-size:40px}.metronome-button{background-color:#aedcd2;color:#0e2939;border-radius:20px;width:350px}body.web-demo{margin:0;background-color:#00141c;overflow:hidden}body.web-demo #stage{position:fixed;inset:0;overflow:hidden}body.web-demo #app{position:absolute;top:0;left:0;width:1920px!important;height:1080px!important;transform-origin:0 0;z-index:1060}body.web-demo .modal-backdrop{display:none}body.web-demo .modal{background-color:rgba(0,0,0,.5)}