.screen-overlay{position:fixed;background:rgba(0,0,0,.6);z-index:3;margin:auto;color:#fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);top:0;left:0;width:100vw;height:100%;overflow-y:scroll}.screen-overlay>h1{margin:auto;width:50%;height:100%;text-align:center}.screen-overlay__close{margin:auto;padding-top:20px;text-align:center;width:50%}.welcome-overlay__highlight{color:#ffd36e;font-weight:700}.welcome-overlay{margin:auto;width:450px;max-width:80vw}.floating-action-button{margin:0 5px 2px 0}.floating-action-button button{border-radius:100%;background-color:#3a3d3d;color:#ff551a;border:none;padding:5px;height:25px;width:25px;box-shadow:0 2px 4px #2c3e50;cursor:pointer;transition:all .2s ease}.floating-action-button button:active{background-color:#3a3d3d;box-shadow:0 0 2px #2c3e50;transform:translateY(2px);outline:none}.fab__disabled button{color:gray;cursor:not-allowed}.global_action_button{position:fixed;bottom:0px;right:0;padding-bottom:calc(env(safe-area-inset-bottom) + 10px);padding-right:calc(env(safe-area-inset-bottom) + 5);cursor:grab}.global_action_button button{background-color:#ffd36e;color:#3a3d3d;height:35px;width:35px;cursor:grab}.global_action_button__inverted button{color:#ffd36e;background-color:#3a3d3d;cursor:grabbing}.po_display__animations[data-v-16df69d0]{height:100%;width:100%}.po_display__animations__image[data-v-16df69d0]{height:30%;width:auto;position:absolute;opacity:.1}#audio_inputs_select[data-v-59034072],#audio_outputs_select[data-v-d15ba886]{height:20px;width:105px}.input-output-overlay,.session-loader-overlay{margin:auto;width:450px;max-width:80vw;display:flex;flex-direction:column;align-items:center;justify-content:center}.session-loader-overlay__input{height:25px}.session-loader-overlay__button{border:none;padding:5px;height:25px;width:25px;box-shadow:0 2px 4px #2c3e50;cursor:pointer;transition:all .2s ease;margin:10px 2px}.session-loader-overlay__button:active{background-color:#3a3d3d;box-shadow:0 0 2px #2c3e50;transform:translateY(2px);outline:none}.session-loader-overlay__button--inverted{background-color:#ff551a;color:#3a3d3d;box-shadow:0 2px 4px #ff551a}.session-loader-overlay__button--default{background-color:#3a3d3d;color:#ff551a}#session-loader-overlay__button__import_button{width:232px}.session-loader-overlay__load{display:flex;flex-direction:column}.session-loader-overlay__load__load_button{width:150px}.session-loader-overlay__load__action_button{width:30px}.credits-overlay{margin:auto;width:450px;max-width:80vw}.po_display{height:117px;margin:auto;position:relative;top:154px;left:3px;width:290px;display:flex;flex-direction:column;background-color:#d0cfd0}.FAB_container{display:flex;position:absolute;bottom:0px;right:0px}.FAB_container .floating-action-button,.FAB_container a{align-self:flex-end}.pad{height:0px;width:5px;left:33px;top:16px;opacity:0;position:relative;box-shadow:0 0 3px 4px red;border:1px solid white}.pad__active{opacity:1}.pad__bright{box-shadow:0 0 6px 8px red}.pad__blink{animation:blink-animation .25s linear infinite}@keyframes blink-animation{0%{opacity:0}to{opacity:1}}.keymap_overlay{height:88%;width:100%;opacity:1;top:12px;left:2px;position:relative}.keymap_overlay__content{height:80%;width:80%;margin:auto;border-radius:14px;background-color:#ffd36eb3;color:#2c3e50;display:flex;justify-content:center;align-items:center}.keymap_overlay__content__key{background-color:#2c3e50;border-radius:14px;color:#ffd36e;opacity:1;padding:5px}.keymap_overlay__remapping_active{box-shadow:0 0 3px 4px #ff551a}.Grid{align-items:stretch;color:#fff;display:flex;flex-direction:column;height:100%}.Grid__row{display:flex;flex:1}.Grid__row__entry{flex:1;z-index:2}.control_overlay{height:347px;margin:auto;position:relative;top:185px;width:90%;display:flex;flex-direction:column}.control_overlay__top{flex:1}.control_overlay__bottom{display:flex;flex-direction:row;flex:4}.control_overlay__bottom__left{flex:4}.control_overlay__bottom__right{flex:1}.pots{display:flex;position:absolute;left:206px;top:12px}.pot_arrow{position:absolute;width:80px;height:80px}.pot{position:absolute;width:36px;height:36px}.pot_right{left:65px}.audio_inputs[data-v-1bcbdf40]{display:flex;position:relative;top:135px;right:217px;justify-content:flex-start}.plugged_in[data-v-1bcbdf40]{right:175px}.audio_jack[data-v-1bcbdf40]{z-index:-1;height:20px;width:100px;display:inline-block;background-image:url(/assets/3_5mm.png);background-size:contain;background-repeat:no-repeat;background-position:center center}.audio_outputs[data-v-2fb995b0]{display:flex;position:relative;top:115px;left:365px;justify-content:flex-start}.plugged_in[data-v-2fb995b0]{left:323px}.audio_jack[data-v-2fb995b0]{z-index:-1;height:20px;width:100px;display:inline-block;background-image:url(/assets/3_5mm.png);background-size:contain;background-repeat:no-repeat;background-position:center center;transform:scaleX(-1)}#audio_file[data-v-35d83b2e]{display:none}.indicators[data-v-3537ce7c]{position:relative}.recorder_indicator[data-v-3537ce7c]{opacity:0;position:absolute;height:0px;width:0px;top:147px;left:308px;box-shadow:0 0 9px 8px red;border:1px solid white}.recorder_indicator__on[data-v-3537ce7c]{animation:blink-animation-3537ce7c .25s linear infinite}@keyframes blink-animation-3537ce7c{0%{opacity:0}to{opacity:1}}#live-fx-text-scroll-container[data-v-0a2d7bf8]{height:100%;width:100%;overflow:hidden;position:absolute;top:0;left:0;z-index:-200}#live-fx-scrolling-text[data-v-0a2d7bf8]{height:100%;text-align:justify;font-size:80px;font-weight:700;-moz-transform:translateY(20%);-webkit-transform:translateY(20%);transform:translateY(20%);-moz-animation:scroll-back-forth-0a2d7bf8 4s ease-in-out infinite alternate;-webkit-animation:scroll-back-forth-0a2d7bf8 4s ease-in-out infinite alternate;animation:scroll-back-forth-0a2d7bf8 4s ease-in-out infinite alternate}@-moz-keyframes scroll-back-forth-0a2d7bf8{0%{-moz-transform:translateY(0%)}to{-moz-transform:translateY(-20%)}}@-webkit-keyframes scroll-back-forth-0a2d7bf8{0%{-webkit-transform:translateY(0%)}to{-webkit-transform:translateY(-20%)}}@keyframes scroll-back-forth-0a2d7bf8{0%{-moz-transform:translateY(0%);-webkit-transform:translateY(0%);transform:translateY(0)}to{-moz-transform:translateY(-20%);-webkit-transform:translateY(-20%);transform:translateY(-20%)}}a[data-v-0c193259]{color:#42b983}label[data-v-0c193259]{margin:0 .5em;font-weight:700}code[data-v-0c193259]{background-color:#eee;padding:2px 4px;border-radius:4px;color:#304455}#po33_bg[data-v-0c193259]{width:350px;height:720px;position:relative;bottom:503px;z-index:-100}.po33[data-v-0c193259]{width:350px;height:720px;margin:auto}#app{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:none;overflow:hidden}#bottom{height:0;width:0}a{color:#ff551a}a:hover{text-decoration:none}body{background-color:#ffd36e;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.po_33_toast button{border:none;background-color:transparent;color:#ff551a;float:right}