.memory-slot__title[data-v-3ddf0ba7]{cursor:pointer;border-bottom:1px solid #a6a6a6;background-color:#bfbfbf;padding:15px;background-position:15px;position:relative}.memory-slot__title-icon[data-v-3ddf0ba7]{position:absolute;left:15px;top:34%}.memory-slot__title--close[data-v-3ddf0ba7],.memory-slot__title--count[data-v-3ddf0ba7]{width:25px;display:inline-block;text-align:center;position:absolute;right:15px}.memory-slot__title--count[data-v-3ddf0ba7]{background-color:#d9d9d9;border-radius:20px}.memory-slot__content[data-v-3ddf0ba7]{display:block!important;max-height:0;-webkit-transition:max-height .2s ease-out;transition:max-height .2s ease-out;overflow:hidden}.memory-slot__content.open[data-v-3ddf0ba7]{-webkit-transition:max-height .5s ease-in;transition:max-height .5s ease-in;max-height:500px}.memory-slot__video[data-v-3ddf0ba7]{padding:10px 15px 10px 39px;margin-left:16px;position:relative;text-align:left}.memory-slot__video-title[data-v-3ddf0ba7]{cursor:pointer}.memory-slot__video-icon[data-v-3ddf0ba7]{position:absolute;left:0;top:13px}.memory-slot__video a[data-v-3ddf0ba7]{color:#04456c}.fade-enter-active[data-v-3ddf0ba7]{-webkit-animation:fade-data-v-3ddf0ba7 .7s;animation:fade-data-v-3ddf0ba7 .7s}.fade-leave-active[data-v-3ddf0ba7]{animation:fade-data-v-3ddf0ba7 .7s reverse}@-webkit-keyframes fade-data-v-3ddf0ba7{0%{opacity:0}to{opacity:1}}@keyframes fade-data-v-3ddf0ba7{0%{opacity:0}to{opacity:1}}.memory[data-v-171b69f0]{text-align:center}.memory__brain[data-v-171b69f0]{width:100px;margin-bottom:25px}.attribution[data-v-72682854]{padding:15px;font-size:80%;position:absolute;bottom:0}a[data-v-2a39fdec]{color:#fff;text-decoration:none}a[data-v-2a39fdec]:hover{color:#7fffd4;text-decoration:none}.side-bar[data-v-2a39fdec]{min-height:100%;position:absolute;text-align:center;padding-right:50px;left:0;width:350px;height:100%;background-color:#a6a6a6;z-index:10;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition:all .35s ease-out;transition:all .35s ease-out;-webkit-transform:translateX(-350px);transform:translateX(-350px)}.side-bar h3[data-v-2a39fdec]{color:#2c3e50;margin-bottom:0}.side-bar--active[data-v-2a39fdec]{-webkit-transform:translateX(0);transform:translateX(0);padding-right:0;-webkit-box-shadow:0 0 15px rgba(0,0,0,.3);box-shadow:0 0 15px rgba(0,0,0,.3)}.side-bar__nav[data-v-2a39fdec]{padding-left:0}.side-bar__nav-item[data-v-2a39fdec]{list-style-type:none}.side-bar__nav-item a[data-v-2a39fdec]{display:block}.side-bar__nav-item a[data-v-2a39fdec]:hover{color:#fff;background-color:#7fffd4}.side-bar__nav-item a.router-link-exact-active[data-v-2a39fdec]{background-color:#bfbfbf}.side-bar__branding[data-v-2a39fdec]{width:100%;text-align:center;margin-top:30px}.side-bar__memory[data-v-2a39fdec]{padding:15px}.side-bar__disc[data-v-2a39fdec]{width:75px}.side-bar__close[data-v-2a39fdec]{cursor:pointer;position:absolute;right:15px;top:17px}.midi-select[data-v-2a39fdec]{text-align:left;margin:15px 0}.midi-select__label[data-v-2a39fdec]{padding-left:15px;display:block;text-align:left}.midi-select__select[data-v-2a39fdec]{width:100%;padding:5px 12px;font-size:20px}.midi-select__select[data-v-2a39fdec]:focus{outline:none}@media (max-width:640px){.midi-select__select[data-v-2a39fdec]{width:100%}}.no-midi[data-v-2a39fdec]{text-align:center;padding:20px;background-color:#ff7faa}.l-section--full-width{width:100%}.l-section__inner{max-width:640px;margin:0 auto}@media (max-width:640px){.l-section__inner{margin:0 15px}}.key-legend{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}body{margin:0;padding:0;line-height:1.5}button:focus{outline:none}*{-webkit-box-sizing:border-box;box-sizing:border-box}i{text-type:normal;font-style:normal;padding:1px 10px}i.i-normal{padding:0;font-style:italic}i.i-emphasis{background-color:#7fffd4}i.i-button{border-radius:3px;padding:1px 6px;border:1px inset;background:bisque}i.i-tip{border-bottom:3px solid #ff0}i.i-caution{border-bottom:3px solid #ff7faa}.svg-icon{stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cookie-consent{position:fixed;z-index:9999;width:100%;padding:1rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#ced4da}.cookie-consent-compliance,.cookie-consent-message{margin:.5rem 1rem}.cookie-consent-compliance{cursor:pointer;color:#fff;padding:.5rem 2rem;background:#237afc;border:0}.cookie-consent{left:0;right:0;bottom:0}.cookie-consent-transition-leave-active{-webkit-transition:-webkit-transform .75s;transition:-webkit-transform .75s;transition:transform .75s;transition:transform .75s,-webkit-transform .75s;-webkit-transition-timing-function:cubic-bezier(.75,0,0,1);transition-timing-function:cubic-bezier(.75,0,0,1)}.cookie-consent-transition-leave-to{-webkit-transform:translateY(100%);transform:translateY(100%)}.cookie-consent-link{padding-left:5px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;color:#151515}a,a:hover{color:#1d8a86;text-decoration:none}.branding{width:100%;position:fixed;z-index:5;background:#2cdaba;background:-webkit-gradient(linear,left top,right top,from(#2cdaba),color-stop(62%,#7fffd4),to(#00d4ff));background:linear-gradient(90deg,#2cdaba,#7fffd4 62%,#00d4ff);padding:25px 0 0;-webkit-transition:all .15s ease-in;transition:all .15s ease-in;height:110px;-webkit-box-shadow:none;box-shadow:none}.branding .open-menu{position:absolute;width:62px;height:100%;top:0;padding-left:15px;z-index:10;-webkit-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s;cursor:pointer}.branding .open-menu:hover{background:#2cdaba;background:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,.5)),to(rgba(44,218,186,.2)));background:linear-gradient(90deg,hsla(0,0%,100%,.5),rgba(44,218,186,.2))}.branding .open-menu:hover .open-menu__icon{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.branding .open-menu__icon{height:40px;width:30px;position:absolute;bottom:37px;pointer-events:none;-webkit-transition:all .15s ease-in .3s;transition:all .15s ease-in .3s}.scroll-down .branding{-webkit-transition-delay:.2s;transition-delay:.2s}.branding--slim{-webkit-transform:translate3d(0,-63%,0);transform:translate3d(0,-63%,0)}.branding--slim .open-menu__icon{bottom:0;-webkit-transition:all .15s ease-in 0s;transition:all .15s ease-in 0s}.branding--top{-webkit-box-shadow:0 2px 3px rgba(0,0,0,.3);box-shadow:0 2px 3px rgba(0,0,0,.3)}.branding__video-title{text-transform:uppercase}.branding__video-title:after,.branding__video-title:before{content:"- "}.branding__nav{padding-bottom:7px;text-align:left;position:absolute;bottom:0}@media (max-width:990px){.branding__nav{margin-left:auto;margin-right:auto;left:0;right:0;text-align:center}}.branding__nav a{margin:0 20px 0 0;font-weight:700;color:#151515;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.branding__nav a.router-link-exact-active{color:#1d8a86;text-decoration:none}.branding__title{margin-top:0;position:absolute;margin-left:-5px}@media (max-width:990px){.branding__title{margin-left:auto;margin-right:auto;left:0;right:0;text-align:center}}.scroll-up .branding__title{-webkit-transition:all .35s ease-in 0s;transition:all .35s ease-in 0s}.scroll-down .branding__title{-webkit-transition:all .25s ease-in 0s;transition:all .25s ease-in 0s}.branding__title-img{max-width:300px}@media (max-width:640px){.branding__title-img{width:300px;max-width:90%}}.branding--slim .branding__title{-webkit-transform:translate3d(0,-150px,0);transform:translate3d(0,-150px,0)}.branding__disc{display:none;position:absolute;width:60px;bottom:-28px;left:-380px;opacity:0;border-radius:45px;-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}.scroll-down .branding__disc{-webkit-transition:opacity .3s ease-out .5s,left 1s cubic-bezier(.01,1.03,.01,1) .5s,-webkit-transform .3s ease-out .5s;transition:opacity .3s ease-out .5s,left 1s cubic-bezier(.01,1.03,.01,1) .5s,-webkit-transform .3s ease-out .5s;transition:transform .3s ease-out .5s,opacity .3s ease-out .5s,left 1s cubic-bezier(.01,1.03,.01,1) .5s;transition:transform .3s ease-out .5s,opacity .3s ease-out .5s,left 1s cubic-bezier(.01,1.03,.01,1) .5s,-webkit-transform .3s ease-out .5s}.scroll-up .branding__disc{-webkit-transition:opacity .5s ease-in .35s,left 1s ease-in 0s,-webkit-transform 1.2s ease-out 0s;transition:opacity .5s ease-in .35s,left 1s ease-in 0s,-webkit-transform 1.2s ease-out 0s;transition:transform 1.2s ease-out 0s,opacity .5s ease-in .35s,left 1s ease-in 0s;transition:transform 1.2s ease-out 0s,opacity .5s ease-in .35s,left 1s ease-in 0s,-webkit-transform 1.2s ease-out 0s}.branding--slim .branding__disc{left:-90px;opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}@media (max-width:990px){.branding--slim .branding__disc{left:30px}}@media (max-width:470px){.branding--slim .branding__disc{opacity:0}}.content{padding-top:120px}.main__overlay{-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}.main__overlay--active{background-color:rgba(0,0,0,.8);position:fixed;left:0;right:0;top:0;bottom:0;z-index:7}.footer{background-color:#4d4d4d;min-height:120px;padding:35px 20px;color:#fff}.footer__credits{text-align:right}.footer__logo{max-width:240px}.mod-pads[data-v-6e2291dd]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:640px}.mod-pads__pad[data-v-6e2291dd]{border-radius:3px;cursor:pointer;-webkit-box-shadow:0 3px 0 #a9a9a9;box-shadow:0 3px 0 #a9a9a9;border:0;display:block;width:100%;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.1s;transition-duration:.1s;position:relative;font-size:13px;font-weight:700;color:#fff;margin:6px 1%;height:20px;background-color:#bfbfbf}.mod-pads__pad .active[data-v-6e2291dd],.mod-pads__pad[data-v-6e2291dd]:active{-webkit-box-shadow:none;box-shadow:none;-webkit-transform:translateY(2px);transform:translateY(2px);-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.5),0 1px 0 #a9a9a9;box-shadow:inset 0 0 1px rgba(0,0,0,.5),0 1px 0 #a9a9a9}.mod-pads__pad--set.active[data-v-6e2291dd],.mod-pads__pad--set[data-v-6e2291dd]:active{background-color:#7fff94}.mod-pads__pad--clear.active[data-v-6e2291dd],.mod-pads__pad--clear[data-v-6e2291dd]:active{background-color:#ff7faa}.mod-pads__pad.active[data-v-6e2291dd],.mod-pads__pad[data-v-6e2291dd]:active{-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.5),0 1px 0 #a9a9a9;box-shadow:inset 0 0 1px rgba(0,0,0,.5),0 1px 0 #a9a9a9;-webkit-transform:translateY(3px);transform:translateY(3px)}.button-wrapper{width:30%}@media (min-width:640px){.button-wrapper{width:23%}}.cue-pad{border-radius:3px;cursor:pointer;-webkit-box-shadow:0 3px 0 #a9a9a9;box-shadow:0 3px 0 #a9a9a9;border:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.1s;transition-duration:.1s;font-size:20px;margin:6px 1%;height:100px;display:block;width:100%;position:relative}.cue-pad .active,.cue-pad:active{-webkit-box-shadow:none;box-shadow:none;-webkit-transform:translateY(2px);transform:translateY(2px);-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.5),0 1px 0 #a9a9a9;box-shadow:inset 0 0 1px rgba(0,0,0,.5),0 1px 0 #a9a9a9}.cue-pad--set{-webkit-animation:colorPulseSet .4s infinite alternate;animation:colorPulseSet .4s infinite alternate}.cue-pad--clear{-webkit-animation:colorPulseClear .4s infinite alternate;animation:colorPulseClear .4s infinite alternate}.cue-pad--1{-webkit-animation-delay:.1s;animation-delay:.1s}.cue-pad--2{-webkit-animation-delay:.2s;animation-delay:.2s}.cue-pad--3{-webkit-animation-delay:.3s;animation-delay:.3s}.cue-pad--4{-webkit-animation-delay:.4s;animation-delay:.4s}.cue-pad--5{-webkit-animation-delay:.5s;animation-delay:.5s}.cue-pad--6{-webkit-animation-delay:.6s;animation-delay:.6s}.cue-pad--7{-webkit-animation-delay:.7s;animation-delay:.7s}.cue-pad--8{-webkit-animation-delay:.8s;animation-delay:.8s}.cue-pad--9{-webkit-animation-delay:.9s;animation-delay:.9s}.cue-pad--10{-webkit-animation-delay:1s;animation-delay:1s}.cue-pad--11{-webkit-animation-delay:1.1s;animation-delay:1.1s}.cue-pad--12{-webkit-animation-delay:1.2s;animation-delay:1.2s}@-webkit-keyframes colorPulseSet{0%{background-color:#d9d9d9}to{background-color:#ccf0cc}}@keyframes colorPulseSet{0%{background-color:#d9d9d9}to{background-color:#ccf0cc}}@-webkit-keyframes colorPulseClear{0%{background-color:#ffe3e3}to{background-color:#d9d9d9}}@keyframes colorPulseClear{0%{background-color:#ffe3e3}to{background-color:#d9d9d9}}.cue-pad.active,.cue-pad:hover{background-color:#7fffd4}.cue-pad:focus{outline:none}.cue-pad__cue-point-value{display:block;position:absolute;font-weight:400;font-style:italic;font-size:12px;left:0;bottom:0;background-color:#ccc;padding:5px;min-width:60px;-webkit-transition:min-width .2s ease-in;transition:min-width .2s ease-in}.cue-pad__cue-point-value--nudge{font-weight:700;min-width:100%}.cue-pad__nudge{position:absolute;bottom:0;z-index:1;height:24px;padding:3px 9px;-webkit-transition:all .1s ease-in;transition:all .1s ease-in}.cue-pad__nudge:hover{background-color:#a6a6a6}.cue-pad__nudge--left{left:0}.cue-pad__nudge--right{right:0}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s;-webkit-transition-delay:.2s;transition-delay:.2s}.fade-enter,.fade-leave-to{opacity:0}.cue-pads__pads[data-v-fcb6d97c]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:640px;margin:10px 0 20px}.button-wrapper[data-v-4bc7398a]{position:relative;width:30%}@media (min-width:640px){.button-wrapper[data-v-4bc7398a]{width:23%}}.memory-pad[data-v-4bc7398a]{border-radius:3px;cursor:pointer;-webkit-box-shadow:0 3px 0 #a9a9a9;box-shadow:0 3px 0 #a9a9a9;border:0;display:block;width:100%;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.1s;transition-duration:.1s;position:relative;font-size:15px;padding-top:6px;margin:6px 1%;height:40px;font-weight:700;color:#fff;background-color:#bfbfbf}.memory-pad .active[data-v-4bc7398a],.memory-pad[data-v-4bc7398a]:active{-webkit-box-shadow:none;box-shadow:none;-webkit-transform:translateY(2px);transform:translateY(2px);-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.5),0 1px 0 #a9a9a9;box-shadow:inset 0 0 1px rgba(0,0,0,.5),0 1px 0 #a9a9a9}.memory-pad--set[data-v-4bc7398a]{-webkit-animation:colorPulseSet-data-v-4bc7398a .4s infinite alternate;animation:colorPulseSet-data-v-4bc7398a .4s infinite alternate}.memory-pad--clear[data-v-4bc7398a]{-webkit-animation:colorPulseClear-data-v-4bc7398a .4s infinite alternate;animation:colorPulseClear-data-v-4bc7398a .4s infinite alternate}.memory-pad--1[data-v-4bc7398a]{-webkit-animation-delay:.05s;animation-delay:.05s}.memory-pad--2[data-v-4bc7398a]{-webkit-animation-delay:.1s;animation-delay:.1s}.memory-pad--3[data-v-4bc7398a]{-webkit-animation-delay:.15s;animation-delay:.15s}.memory-pad--4[data-v-4bc7398a]{-webkit-animation-delay:.2s;animation-delay:.2s}.memory-pad.active[data-v-4bc7398a],.memory-pad[data-v-4bc7398a]:hover{background-color:#a6a6a6}.memory-pad[data-v-4bc7398a]:focus{outline:none}.memory-pad__value[data-v-4bc7398a]{right:0;bottom:0;border-radius:5px;margin-right:4px;margin-bottom:2px;padding:5px;display:block;position:absolute;font-weight:400;font-style:italic;font-size:12px;background-color:#d9d9d9}.memory-pad__value.used[data-v-4bc7398a]{background-color:#7fff94}.memory-pad__value.used.is-active[data-v-4bc7398a]{-webkit-animation:colorPulseActive-data-v-4bc7398a;animation:colorPulseActive-data-v-4bc7398a;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-iteration-count:5;animation-iteration-count:5;background-color:#1d8a86}.memory-pad__count[data-v-4bc7398a]{left:0;bottom:0;padding:14px 7px 0 5px;-webkit-box-shadow:inset 1px grey;box-shadow:inset 1px grey;display:block;position:absolute;font-weight:700;font-style:normal;font-size:12px;color:#fff;background-color:#ccc;height:100%}.memory-pad__message[data-v-4bc7398a]{display:block;background-color:bisque;border-radius:5px;-webkit-box-shadow:0 2px 3px rgba(0,0,0,.3);box-shadow:0 2px 3px rgba(0,0,0,.3);position:absolute;bottom:35px;padding:5px 10px;left:-8px}.memory-pad__message[data-v-4bc7398a]:after{content:"";position:absolute;display:block;width:0;height:0;border-style:solid;border-width:15px 10px 0 10px;border-color:bisque transparent transparent transparent}@-webkit-keyframes colorPulseSet-data-v-4bc7398a{0%{background-color:#d9d9d9}to{background-color:#ccf0cc}}@keyframes colorPulseSet-data-v-4bc7398a{0%{background-color:#d9d9d9}to{background-color:#ccf0cc}}@-webkit-keyframes colorPulseClear-data-v-4bc7398a{0%{background-color:#ffe3e3}to{background-color:#d9d9d9}}@keyframes colorPulseClear-data-v-4bc7398a{0%{background-color:#ffe3e3}to{background-color:#d9d9d9}}@-webkit-keyframes colorPulseActive-data-v-4bc7398a{0%{background-color:#04456c}to{background-color:#1d8a86}}@keyframes colorPulseActive-data-v-4bc7398a{0%{background-color:#04456c}to{background-color:#1d8a86}}.fade-enter-active[data-v-4bc7398a]{-webkit-animation:fade-data-v-4bc7398a .2s ease-out;animation:fade-data-v-4bc7398a .2s ease-out}.fade-leave-active[data-v-4bc7398a]{-webkit-animation:fadeAway-data-v-4bc7398a .5s;animation:fadeAway-data-v-4bc7398a .5s}@-webkit-keyframes fade-data-v-4bc7398a{0%{opacity:0;bottom:110px}80%{bottom:50px;opacity:.8}to{opacity:1;bottom:35px}}@keyframes fade-data-v-4bc7398a{0%{opacity:0;bottom:110px}80%{bottom:50px;opacity:.8}to{opacity:1;bottom:35px}}@-webkit-keyframes fadeAway-data-v-4bc7398a{0%{opacity:1}to{opacity:0}}@keyframes fadeAway-data-v-4bc7398a{0%{opacity:1}to{opacity:0}}.memory-pads[data-v-cc9eeac2]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:640px}.youtube-player{margin:15px 0;position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%}.l-section--full-width[data-v-78069337]{width:100%}.l-section__inner[data-v-78069337]{max-width:640px;margin:0 auto}@media (max-width:640px){.l-section__inner[data-v-78069337]{margin:0 15px}}.key-legend[data-v-78069337]{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}body[data-v-78069337]{margin:0;padding:0;line-height:1.5}button[data-v-78069337]:focus{outline:none}[data-v-78069337]{-webkit-box-sizing:border-box;box-sizing:border-box}i[data-v-78069337]{text-type:normal;font-style:normal;padding:1px 10px}i.i-normal[data-v-78069337]{padding:0;font-style:italic}i.i-emphasis[data-v-78069337]{background-color:#7fffd4}i.i-button[data-v-78069337]{border-radius:3px;padding:1px 6px;border:1px inset;background:bisque}i.i-tip[data-v-78069337]{border-bottom:3px solid #ff0}i.i-caution[data-v-78069337]{border-bottom:3px solid #ff7faa}.svg-icon[data-v-78069337]{stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.home[data-v-78069337]{padding-bottom:100px}.video-select[data-v-78069337]{margin-top:15px;text-align:left}.video-select__label[data-v-78069337]{display:block}.video-select__input[data-v-78069337]{padding:20px;font-size:20px}@media (max-width:640px){.video-select__input[data-v-78069337]{width:100%}}