@import url(../../../assets/fonts/comfortaa/stylesheet.css);@import url(../../../assets/fonts/indie_flower/stylesheet.css);#playlists header,button span,button::after{z-index:2}button::after,div.option-button label{background-color:var(--color-secondary-level-one)}button::after,button::before,div.option-button button,div.option-button input,div.option-button label{opacity:0;border-radius:inherit;position:absolute;inset:0}body,button{font-size:1em}#registration-form header::after,#registration-form header::before{width:calc(100% - 4px);height:calc(100% - 4px);margin:auto;content:""}#navFrame,#registration-form{transition:opacity .3s ease-in-out;position:fixed}#rebootFrame,#registration-form,#startFrame{display:none;z-index:100}#demo-notice,#rebootFrame,#terms-notice a{text-shadow:0 10px 15px #0c0c0d}#point-navigation,#point-registration,#rebooted-notice svg,#start-notice div{filter:drop-shadow(0 10px 15px hsla(220, 5%, 5%, 1))}#rebooted-notice svg,#start-notice svg{stroke:hsl(220,60%,64%);padding:1px;height:100%;margin:0}#rebooted-notice span,#start-notice span{color:#6c90da;padding-top:.1em}#rebootFrame,#startFrame,#tutorialFrame{background-color:hsla(220,5%,5%,.8)}#app,#navFrame a,#navFrame nav{padding:var(--innerPadding);position:relative}#transport button[name=play] svg,#transport button[name=playlists] svg,#transport button[name=stop] svg{fill:var(--color-primary-level-three)}#components-menu,#transport button[name=stop]{grid-area:2/1/3/2}#navFrame nav,#registration-form,body,button,button[name=close-nav] svg,div,ul{box-sizing:border-box}#pad,#rebootFrame,#startFrame{cursor:crosshair}#monitor,#pad,#performance-axis-labels{grid-template-columns:var(--wrapperPadding) 1fr var(--wrapperPadding);grid-gap:10px;padding:10px}#interval,#nav-header,#site>header{grid-template-columns:auto auto}#pad-label-y,#site,img{height:auto}#monitor,#pad-label-x ul,#pad-label-y ul,.model-solid div.display-elements{color:var(--color-secondary-level-three)}#icon,#playlists .playlist-info{grid-auto-rows:var(--headerHeight)}:root{--automation-button-width:70px;--automation-button-height:60px;--wrapperPadding:30px;--contentsWidth:250px;--performanceAreaWidth:calc(100% - var(--contentsWidth));--searchbarHeight:70px;--headerHeight:50px;--headerMargin:20px;--canvasPadding:100px;--innerPadding:20px;--componentHeight:120px;--axisLabelHeight:30px;--padBorderSize:2px;--radiusBig:25px;--radiusMid:15px;--radiusSmall:10px;--radiusOptionsPanel:20px;--radiusComponentsMenu:35px;--paddingComponentsMenu:calc(var(--innerPadding) / 2);--color-primary-level-one:hsl(228, 5%, 5%);--color-primary-level-two:hsl(228, 5%, 12%);--color-primary-level-three:hsl(0, 0%, 30%);--color-secondary-level-one:hsl(0, 0%, 100%);--color-secondary-level-two:hsl(228, 0%, 90%);--color-secondary-level-three:hsl(228, 5%, 80%);--color-secondary-level-four:hsl(228, 0%, 50%);--color-action:hsl(220, 40%, 60%);--color-action-transparent:hsla(220, 40%, 61%, .1);--color-action-half-transparent:hsla(220, 40%, 61%, .7)}body,html{margin:0;padding:0;overflow:hidden;height:100%}body{position:relative;touch-action:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;min-width:320px;min-height:290px;font-family:Comfortaa,Geneva,Arial,Helvetica,sans-serif;font-weight:500}a,h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}li,ul{list-style:none}img{margin:0;padding:0;display:block;width:100%}a{text-decoration:none;color:var(--color-action)}input::file-selector-button{cursor:pointer}button{position:relative;border-style:none;border-radius:inherit;cursor:pointer;background:0 0;color:var(--color-secondary-level-one);padding:0;height:100%;width:100%;font-weight:600;line-height:1em;overflow:hidden;z-index:0;transition:transform .1s ease-out}button::after,button::before{content:""}#component-categories li button,button::before{z-index:0}button svg{fill:var(--color-secondary-level-two);z-index:1}#source-one.sound-on,button:active::before,button[value=selected]::before,div.option-button input[type=radio]:checked{opacity:1}#playlists input[name=playlists]:hover,button:hover::after,div.option-button label:hover{opacity:.05}#navFrame a:active::after,button:active::after,div.option-button label:active{opacity:.1}button:focus{outline:0;border-color:#dc143c}div.option-button{position:relative;width:100%;height:100%;border-radius:inherit}div.option-button label{z-index:1}div.option-button button,div.option-button input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;margin:auto;z-index:2;box-shadow:inset 0 0 3px #000;cursor:pointer}div.option-button .display-elements{display:grid;position:relative;height:100%;width:100%;border-radius:inherit;z-index:0}div.option-button.add .display-elements{padding:0 1em}.model-solid div.display-elements{align-content:center;background-color:var(--color-primary-level-two);border:2px solid #2b2c30}.model-solid input[type=radio]:checked+div.display-elements{font-weight:700;color:var(--color-action);border-color:var(--color-action);background-color:var(--color-action-transparent)}.model-video div.display-elements{grid-template-rows:1fr auto;background-color:var(--color-primary-level-two);color:var(--color-secondary-level-one);padding:5px;align-content:space-between;row-gap:5px;overflow:hidden}#icon h1,.category-options header>ul,.model-border div.display-elements,.model-borderless div.display-elements,.options-panel>header ul>li>button{color:var(--color-primary-level-one)}.model-video input[type=radio]:checked+div.display-elements,button.model-solid[value=selected]{background-color:var(--color-action);color:var(--color-primary-level-one)}.model-video div.display-elements section.display-name{grid-area:2/1/3/2;position:relative;padding:10px 0}#rebootFrame p,#transport button[name=playlists],.model-borderless div.display-elements section.display-image{grid-area:1/1/2/2}.model-video div.display-elements section.display-image{grid-area:1/1/2/2;position:relative;border-radius:var(--radiusMid);height:100%}.model-video div.display-elements section.display-image video{border-radius:inherit;object-fit:cover;background-color:#000}.model-border div.display-elements{align-content:center;background:0 0;border:2px solid #333;padding:0 20px}#components-menu,#navFrame nav,#transport button[value=armed],button.light-mode::after,button.model-border[value=selected]{background-color:var(--color-primary-level-one)}.model-border input[type=radio]:checked+div.display-elements{background-color:var(--color-action);border-color:var(--color-action)}.model-borderless div.display-elements{align-content:center;grid-template-columns:auto;grid-auto-flow:column;grid-template-rows:100%;align-items:center;padding:0;column-gap:7px}#configuration button[name=automations][value=selected],#transport button[name=playlists][value=selected],.model-borderless input:active+div.display-elements{background-color:var(--color-action)}.model-borderless.add section.display-image{font-size:1.2em}button.model-border::after,button.model-border::before{inset:-2px}button.model-border::before{box-shadow:inset 0 0 7px var(--color-action)}button.model-border[value=selected]{color:var(--color-action);border:2px solid var(--color-action)}button.model-border[value=selected] svg{fill:var(--color-action);stroke:none}#icon svg,#transport button[name=playlists][value=selected] svg,button.model-solid[value=selected] svg{fill:var(--color-primary-level-one)}button.model-solid::before{box-shadow:inset 0 0 3px #000}button.model-solid svg{fill:var(--color-secondary-level-one);stroke:var(--color-secondary-level-one)}button.model-solid[value=selected] svg{stroke:var(--color-primary-level-one)}button.light-mode:before{box-shadow:inset 0 0 3px hsla(0,0%,0%,.5)}#navFrame a::before,button[name=register]:hover{background-color:#fff}#site{position:absolute;margin:var(--innerPadding);left:0;right:0;top:0;bottom:0;z-index:1}#site>header{display:grid;grid-template-rows:var(--headerHeight);justify-content:space-between;position:relative}#navFrame a,#navFrame.visible,#playlists input[name=playlists]:checked+.audio-container,#registration-form.registrationVisible,#startFrame.visible,#success.visible,#terms-notice a,#video-display.display-active,.axis-labels li.locked span.locked-coordinates-index{display:block}#rebooted-notice div,#start-notice div{grid-template-columns:1.5em auto;grid-template-rows:1.5em;column-gap:.5em;display:grid}#icon{z-index:1;display:grid;grid-template-columns:auto 1fr;grid-gap:.5em;align-items:center;padding-left:6px}#icon button{height:100%;width:100%;padding:4px;transition:transform .5s ease-out}#icon button.clicked{transition-timing-function:ease-in-out;transform:rotate(-360deg)}#navFrame a::after,#navFrame a::before,#tutorialFrame{transition:opacity .1s ease-in-out;opacity:0}#icon svg{height:100%;width:calc(var(--headerHeight) - 10px)}#icon h1{padding-top:5px;cursor:context-menu;font-size:1.5em;font-weight:800}#performance-axis-labels,#toggle-menu{z-index:1}#toggle-menu button{background:0 0;border-radius:var(--radiusSmall);width:60px;text-align:right;overflow:hidden;line-height:0;padding:.5em}#toggle-menu svg{height:24px;width:auto;stroke:var(--color-primary-level-three);stroke-width:3px;fill:none}button[name=register]{color:var(--color-primary-level-two);background-color:#f9f9f9;box-shadow:0 2px 6px hsla(0,0%,26%,.2);padding:.1em 1.2em 0;border-radius:50px;border:2px solid #fff;font-weight:800;font-size:1.25em;cursor:pointer;position:relative}#registration-form header,#registration-form header::after,#registration-form header::before{border-top-left-radius:inherit;border-top-right-radius:inherit}#registration-form button:active,button[name=register]:active{transform:scale(.97)}#registration-form{inset:0;overflow:visible;opacity:0;padding-top:20px;padding-bottom:20px;--closeButtonSize:36px;--closeButtonMargin:14px}#registration-form::before{content:"";position:fixed;inset:0;background-color:hsla(220,50%,1%,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#registration-form h2,li,p{cursor:default}#registration-form button{transition:transform .1s ease-in-out}#registration-form button[name=close-registration]{position:absolute;top:var(--closeButtonMargin);right:var(--closeButtonMargin);height:var(--closeButtonSize);width:var(--closeButtonSize);stroke:hsl(0,0%,90%);fill:hsl(0,0%,90%);z-index:1;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#navFrame::before,#rebootFrame{-webkit-backdrop-filter:blur(2px);inset:0}#registration-form-frame{position:relative;width:97%;max-width:420px;height:auto;margin:auto;transform:translateY(0);display:grid;grid-template-rows:auto auto auto auto;grid-auto-flow:row;justify-content:center;align-content:space-between;font-weight:500;font-size:1em;border-radius:30px;box-shadow:0 10px 30px #000;color:#ccc;transition:transform .3s ease-out;z-index:1;height:clamp(560px,100%,640px);padding-bottom:2em;animation:.12s ease-in-out .41s 2 alternate jiggle}#registration-form-frame::before{z-index:-2;content:"";position:absolute;width:100%;height:100%;border-radius:inherit;background-image:linear-gradient(to top,#1e1e1e 30%,#3f3f3f 150%);transform:scale(.97);transition:transform .5s ease-in-out}#registration-form-frame.highlight::before{transform:scale(1)}#registration-form-frame::after{z-index:-1;content:"";position:absolute;inset:2px;border-radius:inherit;background-color:var(--color-primary-level-two)}#registration-form-frame.hidden{transform:translateY(150%)}#registration-form-glow{z-index:-1;position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 40px hsla(220,60%,80%,.5);animation:2s ease-in-out infinite alternate form_pulse}#playlists label[data-role=version]>input,#registration-form footer,#registration-form header{text-align:center}#registration-form header{position:relative;margin:0;padding:calc((2 * var(--closeButtonMargin)) + var(--closeButtonSize)) 2em;padding-bottom:2em;display:grid;grid-template-columns:auto;grid-gap:.4em;align-items:center;font-weight:300;font-size:1.5em;text-align:left;line-height:1.4em;color:#fff;z-index:0;text-shadow:0 2px 10px hsla(0,0%,0%,.5);overflow:hidden}#registration-form header::before{position:absolute;inset:-90px;background:url('../../../assets/images/landing/landing_v12_1920.jpg') center/500px no-repeat #000;z-index:-2;box-shadow:inset 0 -4px 30px hsla(0,0%,0%,.3)}#registration-form header::after{position:absolute;inset:0;background-color:hsla(220,100%,0%,.4);z-index:-1}#registration-form header aside{position:absolute;bottom:0;left:0;right:0;margin:auto;text-align:center;font-size:.6em;font-style:italic;color:#ccc}#registration-form form{height:2.2em;border-radius:30px;font:inherit;font-size:1.2rem;position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:2.2em auto;grid-gap:.4em;padding:.4em;margin:auto 1em;overflow:visible}#registration-form form::before{content:"";position:absolute;background-color:#0b0c0e;border-radius:30px;inset:0}#registration-form form input[type=email]{width:100%;margin:0;padding:.1em .5em 0 1em;box-sizing:border-box;background:0 0;border:none;border-radius:30px;color:#fff;font:inherit;height:100%;z-index:1}#registration-form form:has(input:focus){outline:hsla(220,50%,60%,.3) solid 2px}#registration-form form input:focus,input[type=range].layer-volume:focus{outline:0}#registration-form form button[type=submit]{color:#0c0c0c;background-color:#6c90da;box-shadow:0 4px 10px #000;border-radius:30px;border:1px solid #84a3e0;font:inherit;font-weight:700;padding:.1em 1.2em 0;z-index:1}#success{display:none;text-align:center;line-height:2em;padding:0 .5em;color:#7fc170}#navFrame,.category-options{font-size:1em;line-height:1em}#success p:first-child{font-size:1.4em;font-weight:800}#register-socials{text-align:center;margin:0}#register-socials li{display:inline-block;padding:1em 15px 0}#socials img{width:25px;height:25px}#socials .twitter img{width:23px}#registration-form footer a{color:#e5e5e5;text-decoration:underline}#navFrame{inset:0;z-index:1;font-weight:600;display:none;--navWidth:300px;opacity:0}#navFrame::before{content:"";position:fixed;background-color:hsla(220,50%,5%,.3);backdrop-filter:blur(2px);z-index:-1}#navFrame nav{transform:translateX(0);width:var(--navWidth);height:100%;box-shadow:20px 0 40px hsla(0,0%,0%,.75);border-top-right-radius:5px;border-bottom-right-radius:5px;border-right:1px solid #16181c;transition:transform .3s ease-in-out;overflow:auto}#navFrame nav.hidden{transform:translateX(-120%)}#nav-header{position:relative;height:var(--headerHeight);margin-bottom:var(--innerPadding);display:grid;grid-template-rows:100%;justify-content:space-between;align-items:center}#navFrame button[name=close-nav]{height:var(--headerHeight);width:var(--headerHeight);border-radius:30px;padding:10px;background-color:#0f0f0f;transform:scale(.8)}button[name=close-nav] svg{width:90%;height:100%;transform:rotate(90deg);fill:none;stroke:hsl(0,0%,70%);stroke-width:2px;padding:10%;margin-right:10%}#navFrame button[name=reload]{border-radius:30px;position:relative;padding:0 1.2em;height:100%;color:#628de3;font-weight:800}#navFrame button[name=reload] span{display:inline-block;line-height:2em;padding-top:.3em;padding-right:4px;vertical-align:middle}#navFrame button[name=reload] svg{display:inline-block;height:1.4em;stroke:hsl(220,70%,64%);margin-right:.3em;padding:1px;vertical-align:middle}#navFrame a{color:#c9cbce;z-index:1;font-weight:400}#navFrame a::before{content:"";position:absolute;inset:0;border-radius:30px}#navFrame a::after{content:"";position:absolute;inset:0;background-color:#000;border-radius:30px}#navFrame a:hover::before{opacity:.03}#legal-links{margin:2em 0}#rebootFrame{position:absolute;margin:auto;backdrop-filter:blur(2px);font-size:2em;line-height:1.4em}#rebootFrame:has(section.visible){display:block}#rebootFrame section{position:absolute;inset:0;width:100%;height:100%;display:grid;grid-template-rows:3em 1.5em;align-content:center;justify-content:center;visibility:hidden}#rebootFrame section.visible{visibility:visible}#rebootFrame p{color:#fff;text-align:center}#rebooting-notice{animation:1s ease-in-out infinite alternate form_pulse}#rebooted-notice div{align-items:center;justify-content:center;font-weight:800;padding:0 1em}#rebooted-notice span{display:block}#startFrame{position:absolute;inset:0;margin:auto;overflow:auto;height:100%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#startFrame p,.options-panel .display-elements,a.download-button P{pointer-events:none}#point-navigation,#point-registration{position:fixed;color:#fff;font-size:1.6em;font-family:'Indie Flower',Geneva,Arial,Helvetica,sans-serif}#point-navigation{top:calc(var(--headerHeight) + var(--headerMargin) + 5px);left:calc(var(--headerMargin) * 2)}#point-navigation div{display:grid;grid-template-columns:2em 1fr;align-items:end;column-gap:.1em}#point-navigation img{transform:rotate(15deg);padding-bottom:.9em}#point-registration{top:calc(var(--headerMargin) * 3.2);right:calc(var(--headerMargin) * 3)}#point-registration div{display:grid;grid-template-rows:2.4em auto;row-gap:.4em;justify-items:center}#point-registration img{transform:rotate(65deg);height:100%;width:auto;margin-right:1em}#point-registration p{text-align:center;white-space:pre-line;line-height:1.2em}#state-message-frame{display:grid;grid-template-rows:auto auto auto;row-gap:2em;margin:auto 2em;height:100%;min-height:700px;justify-content:center;align-content:center;justify-items:center;align-items:center;text-align:center;position:relative;font-size:clamp(1em, 1.1vw, 1.2em)}#demo-notice{color:#fff;font-weight:400;font-size:1.2em;line-height:2em;text-align:left}#progressbar,.category-options{font-weight:600;box-sizing:border-box}#demo-notice li{list-style-type:disc}#demo-notice p{font-size:inherit;line-height:1.4em}#terms-notice{position:relative;margin-bottom:1em}#terms-notice a{background-color:hsla(220,5%,100%,.11);padding:1em 2em;border-radius:30px;color:#fff;font-weight:300;cursor:pointer}#terms-notice .underline{text-decoration:underline}#terms-notice .no-wrap{white-space:nowrap}#start-notice div{grid-template-columns:auto auto;align-items:center;justify-content:center;font-size:inherit;font-weight:800;border:2px solid #6c90da;border-radius:30px;padding:.5em 2em}.iframe-container,button[name=close-modal-window]{border-radius:30px;position:absolute;background-color:#000}#operation-controls,#operation-controls ul{border-radius:var(--radiusMid);grid-auto-flow:column;grid-template-rows:100%}#tutorialFrame{display:none;position:absolute;inset:0;z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#tutorialFrame.visible{opacity:1;transition:opacity .2s ease-in-out}.iframe-container{inset:66px;box-sizing:border-box;overflow:hidden;box-shadow:0 5px 25px #000}#tutorialFrame iframe{width:100%;height:100%;object-fit:cover}button[name=close-modal-window]{top:22px;right:22px;box-shadow:0 2px 5px hsla(0,0%,0%,.5);height:44px;width:44px;padding:4px;stroke:hsl(0,0%,90%);fill:hsl(0,0%,90%);z-index:1}#app{display:grid;height:100%;height:100dvh;box-sizing:border-box;grid-gap:var(--innerPadding);grid-template-rows:var(--headerHeight) auto;grid-template-columns:160px auto}#app>div{text-align:center;position:relative}#operation-controls{grid-area:1/2/2/3;display:grid;grid-template-columns:auto;grid-gap:30px;justify-content:center;margin:auto;z-index:1}#component-categories ul,#components-menu,#static-menu>ul,#transport li:last-child{grid-template-columns:1fr;display:grid}#operation-controls ul{overflow:hidden;border:1px solid hsla(0,0%,85%,.75);height:var(--headerHeight);display:grid;grid-auto-columns:minmax(60px,70px);grid-gap:1px;background-color:hsla(0,0%,100%,.15)}#transport button[name=playlists],#transport button[name=stop]{border-top-right-radius:calc(var(--radiusMid) - 1px);border-bottom-right-radius:calc(var(--radiusMid) - 1px)}#component-categories,#components-menu:after{border-radius:calc(var(--radiusComponentsMenu) - var(--paddingComponentsMenu))}#operation-controls li{position:relative;height:100%;width:100%;padding:0;margin:0}#operation-controls li>button,.options-panel>header ul>li{border-radius:inherit}#operation-controls li>button span.display-icon,#static-menu button>span.label{position:absolute;inset:0;display:inline-block}#operation-controls button svg{position:absolute;inset:0;overflow:visible;margin:auto;pointer-events:none;height:100%}#transport li::after{content:"";position:absolute;background-color:#ccc;width:1px;height:60%;top:0;bottom:0;margin:auto;right:-1px}#component-categories li:last-child::after,#transport li:last-child::after{width:0;height:0}#transport li:last-child{grid-template-rows:100% 100%;row-gap:2px;transform:translateY(calc(-1 * var(--headerHeight)));transition:transform .3s ease-in-out}#transport[data-state=idle] li:last-child{transform:translateY(0);transition:transform .3s ease-in-out .1s}#transport button[name=record]{border-top-left-radius:calc(var(--radiusMid) - 1px);border-bottom-left-radius:calc(var(--radiusMid) - 1px)}#transport button[name=record] span.display-icon{transform:scale(.3);transition:transform .2s ease-in-out}#transport button[name=record] svg{fill:hsl(5,89%,70%)}#transport[data-state=re-recording] button[name=record] span.display-icon,#transport[data-state=recording] button[name=record] span.display-icon{transform:scale(.45);transition:transform .3s ease-in-out}#transport[data-state=re-recording] button[name=record] svg,#transport[data-state=recording] button[name=record] svg{fill:none;stroke:hsl(5,89%,70%);stroke-width:3px;stroke-linecap:round;stroke-dasharray:50%;stroke-dashoffset:100%;animation:2s linear infinite rotate-loading}@keyframes rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#transport button[name=play]{--playhead-duration:5s}#transport button[name=play] span.display-icon{transform:scale(.45);transition:opacity .2s ease-in-out .1s}#transport[data-state=playback] button[name=play] span.display-icon,#transport[data-state=re-recording] button[name=play] span.display-icon{opacity:0}#transport button[name=play] svg{padding-left:7px}#transport[data-state=playback] button[name=play] svg{fill:yellowgreen}#transport[data-state=playback] button[name=play]::after,#transport[data-state=re-recording] button[name=play]::after{opacity:1;left:-100%;width:100%;height:100%;animation:move-playhead var(--playhead-duration) linear;animation-fill-mode:forwards}#transport[data-state=playback] button[name=play]::after{background:#9acd31;background:linear-gradient(90deg,rgba(154,205,49,0) 25%,#9acd31 100%)}#transport[data-state=re-recording] button[name=play]::after{background:#f6796e;background:linear-gradient(90deg,hsla(5,89%,70%,0) 25%,#f6796e 100%)}@keyframes move-playhead{0%{transform:translateX(0)}100%{transform:translateX(100%)}}#transport button[name=stop] span.display-icon{transform:scale(.33)}#transport button[name=playlists] span.display-icon{transform:scale(.52)}#transport button[name=playlists] svg{stroke:none}#configuration li>button{border-radius:calc(var(--radiusMid) - 1px)}#configuration button[name=automations]>span.display-icon{transform:scale(.5)}#configuration button[name=automations] svg{fill:var(--color-primary-level-three);stroke:none;transition:transform .3s ease-in-out}#configuration button[name=automations][value=selected] svg{fill:var(--color-primary-level-one);transform:rotate(50deg)}#components-menu{border-radius:var(--radiusComponentsMenu);padding:var(--paddingComponentsMenu);padding-bottom:15px;overflow:hidden;position:relative;grid-template-rows:auto 40px;grid-gap:var(--innerPadding);z-index:1}#components-menu:after{pointer-events:none;content:"";position:absolute;inset:0;margin:var(--paddingComponentsMenu) var(--paddingComponentsMenu) calc(var(--paddingComponentsMenu) + 60px) var(--paddingComponentsMenu);box-shadow:inset 0 0 5px var(--color-primary-level-one);z-index:1}#component-categories{position:relative}#component-categories ul{grid-auto-rows:120px;grid-gap:1px;border-radius:inherit;background-color:var(--color-primary-level-two);position:relative}#static-menu button,#static-menu>ul,.power{border-radius:var(--radiusBig)}#component-categories li,#media .options-wrapper>ul>li,#static-menu{position:relative}#component-categories li::after{content:"";position:absolute;margin:auto;width:70%;height:1px;bottom:-1px;left:0;right:0;background-color:var(--color-primary-level-three);border-radius:2px}#component-categories li button span.display-icon{-webkit-transform:translate3d(0,0,0);display:inline-block;position:static;width:100%;height:30%;margin-bottom:5%;background-repeat:no-repeat;background-position:center;background-size:contain;filter:brightness(.7)}#component-categories li button[value=selected] span.display-icon{filter:brightness(.1)}#component-categories li button[name=shoe] span.display-name{position:relative;display:inline-block;margin-top:5%}#component-categories li:nth-child(2),#component-categories li:nth-child(2) button{border-top-left-radius:calc(var(--radiusComponentsMenu) - var(--paddingComponentsMenu));border-top-right-radius:calc(var(--radiusComponentsMenu) - var(--paddingComponentsMenu))}#component-categories li:last-child,#component-categories li:last-child button{border-bottom-left-radius:calc(var(--radiusComponentsMenu) - var(--paddingComponentsMenu));border-bottom-right-radius:calc(var(--radiusComponentsMenu) - var(--paddingComponentsMenu))}#static-menu>ul{position:relative;grid-gap:11px;justify-content:center;justify-items:center;height:100%;width:100%;overflow:hidden;padding:0}#static-menu>ul>li{height:100%;width:96%;border-radius:inherit;position:relative}#static-menu button{z-index:0;padding:0}#static-menu button>span.label>span{position:relative;margin:auto;display:inline-block;vertical-align:middle;padding-top:.1em}#static-menu button>span.label>span.display-icon{height:100%;width:12%;transform:scale(.5) translateY(-4px)}#static-menu button>span.label>span.display-icon svg{position:absolute;inset:0;height:100%;margin:auto;pointer-events:none;stroke:none;overflow:visible}#static-menu button>span.label>span.display-name{width:50%}#monitor,#performance-axis-labels{display:grid;grid-template-rows:var(--wrapperPadding) 1fr var(--wrapperPadding);pointer-events:none}#performance-area,.category-options,.options-panel{grid-template-columns:1fr;display:grid}.power{grid-area:2/2/3/3;position:relative;overflow:hidden;z-index:2;cursor:pointer;background-color:hsla(0,0%,0%,.5)}.power button{background-color:#191919;border:2px solid #999;height:250px;width:250px;border-radius:50%;margin:auto;position:absolute;inset:0;z-index:10;overflow:visible}.power svg{width:70%;height:70%;margin-bottom:2%;stroke:#fff;padding-bottom:1%;box-sizing:border-box}#power-led{position:absolute;inset:0;background-color:inherit;z-index:-1;border-radius:inherit;box-shadow:0 0 30px #fff;animation:1.2s ease-in-out infinite alternate led_pulse}#performance-area,.category-options .options-wrapper,.options-panel{background-color:var(--color-primary-level-one)}#power-wave{position:absolute;inset:0;border-radius:50%;width:70vw;height:70vw;margin:auto;box-shadow:0 0 100px #44c154;transform:scale(0)}.power.audioContextActive #power-wave{transform:scale(1);transition:transform .4s ease-in}.power.audioContextActive{z-index:-1;opacity:0;transition:opacity .2s ease-in .2s,z-index 0s linear .4s}.power.audioContextActive button{transform:scale(.95);border-color:#44c154;opacity:0;transition:transform .1s ease-in,border-color .1s ease-in,opacity .3s ease-out .15s}#pad-corners #corner-top-left,#pad-corners #corner-top-right{border-top:var(--corner-width) var(--corner-style) var(--corner-color);top:0}#pad-corners #corner-bottom-left,#pad-corners #corner-top-left{border-left:var(--corner-width) var(--corner-style) var(--corner-color);left:0}#pad-corners #corner-bottom-left,#pad-corners #corner-bottom-right{bottom:0;border-bottom:var(--corner-width) var(--corner-style) var(--corner-color)}#pad-corners #corner-bottom-right,#pad-corners #corner-top-right{right:0;border-right:var(--corner-width) var(--corner-style) var(--corner-color)}.power.audioContextActive #power-led{animation-play-state:paused;box-shadow:0 0 30px #44c154;transform:scale(7);transition:transform 1s ease-in-out}.power.audioContextActive button svg{stroke:#44C154;transition:stroke .1s ease-in}#performance-area{grid-area:2/2/3/3;border-radius:var(--radiusBig);overflow:hidden;grid-template-rows:1fr;box-shadow:0 0 2px #b2b2b2;z-index:1}#pad,#video-display{grid-area:1/1/2/2;box-sizing:border-box}.playzone{grid-area:1/1/2/2;box-sizing:content-box;overflow:hidden;z-index:0}.options-panel{grid-template-rows:auto;border-radius:var(--radiusOptionsPanel);padding:3px}.options-panel>header{position:absolute;left:0;right:0;height:calc(var(--automation-button-height) + 5px);border-top-left-radius:inherit;border-top-right-radius:inherit;margin:8px;z-index:2;font-size:1.2em}.options-panel>header ul{display:grid;grid-auto-columns:minmax(auto,350px);grid-template-rows:auto;grid-auto-flow:column;column-gap:10px;justify-content:center;height:100%;border-bottom:5px solid var(--color-primary-level-one);margin:0 calc(var(--radiusOptionsPanel) * 2);border-radius:inherit}.options-panel .display-name{padding-top:.2em}.options-panel .edit .display-image{background:url('../icons/interface/icon_edit.svg') 50%/1.3em no-repeat;height:100%;width:21px}.options-panel .tutorial .display-image{background:url('../../../assets/icons/playintro.svg') 50%/1.3em no-repeat;height:100%;width:21px}.tutorial a{background-color:#e2e4e8;box-shadow:0 2px 4px hsla(0,0%,0%,.2);border:1px solid #e5e5e5;position:absolute;top:0;bottom:0;left:-12px;right:-12px;border-radius:30px;transition:transform 1s ease-in-out}.tutorial a:active{background-color:#dadce1}.tutorial:has(a:active){transform:scale(.97)}.options-panel>header ul>li>button{border-radius:inherit}.options-panel>header ul>li>button[value=selected]{background-color:var(--color-primary-level-one);color:var(--color-secondary-level-one)}.panel-locked{z-index:-1;opacity:0;pointer-events:none;transform:scale(1) translateY(50px);transition:opacity .2s ease-in,transform .3s ease-out,z-index 0s linear .4s}.panel-visible{z-index:1;opacity:1;pointer-events:auto;transform:scale(1) translateY(0);transition:opacity .1s ease-out,transform .3s ease-in-out}.panel-commit{opacity:0;transform:scale(.95) translateY(0);transition:opacity .4s ease-in-out,transform .3s ease-in-out,z-index 0s linear .3s}.category-options{grid-area:1/1/2/2;grid-template-rows:var(--automation-button-height) auto 1fr;border-radius:inherit;background-color:var(--color-secondary-level-three);z-index:0;opacity:0;pointer-events:none;overflow:hidden;transition:opacity .3s ease-out}.category-options.panel-visible{opacity:1;pointer-events:auto;z-index:1}#canvas-wrapper,#source-one,#video li video,#video-display{pointer-events:none}.category-options header{margin-top:5px;padding:0 calc(var(--innerPadding) + 5px)}.category-options header>ul{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto;grid-auto-flow:column;height:100%;justify-content:space-between;align-items:center}.category-options header>ul>li{position:relative;height:40px;border-radius:var(--radiusSmall);color:inherit}.category-options header>ul>li:first-child{justify-self:start}.category-options header>ul>li:last-child{justify-self:end}.options-information{grid-area:2/1/3/2;padding:.5em 1em;margin:auto;color:#2d3138;font-size:.8em}.category-options .options-wrapper{grid-area:3/1/4/2;padding:var(--innerPadding);margin:5px;border-radius:inherit;overflow:inherit}.category-options .options-wrapper>ul>li{position:relative;border-radius:inherit}.scroll-frame{height:100%;border-radius:inherit;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none;z-index:1}.scroll-frame::-webkit-scrollbar{display:none}#video-display{position:absolute;inset:0;width:100%;height:100%;background-color:#000}#video-display.display-inactive,.axis-labels li:last-child span.seperator,.playlist-info>label[data-role=listOrder] input{display:none}#video-display video{position:relative;width:100%;height:100%}#video-player{position:absolute;inset:0;margin:auto}#pad{border-radius:inherit;display:grid;grid-template-rows:var(--wrapperPadding) auto var(--wrapperPadding)}#canvas-wrapper{grid-area:2/2/3/3;position:relative}#source-one{position:absolute;width:29px;height:29px;border-radius:50%;top:-15px;left:-15px;transform:translate3d(0,0,0);transition:transform linear;opacity:0;--interval:0.25s;--duration:0.75s}#source-one button{position:absolute;inset:0;border-radius:inherit;overflow:visible}#source-one button span{position:absolute;inset:-60px;border:3px solid var(--color-action);border-radius:inherit;box-shadow:0 0 15px hsla(0,0%,0%,.3)}#source-one.sound-off button span{animation:none}#source-one.sound-on button span{animation-name:pulse;animation-duration:var(--duration);animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:backwards}#source-one.sound-on button span:first-child{animation-delay:0s}#source-one.sound-on button span:nth-child(2){animation-delay:var(--interval)}#source-one.sound-on button span:last-child{animation-delay:calc(var(--interval) * 2)}#pad-corners{position:relative;width:100%;height:100%;--corner-color:hsl(228, 15%, 30%);--corner-style:solid;--corner-width:2px;--corner-radius:5px;z-index:1}#pad-corners .corner{position:absolute;width:30px;height:30px}#pad-corners #corner-top-left{border-top-left-radius:var(--corner-radius)}#pad-corners #corner-top-right{border-top-right-radius:var(--corner-radius)}#pad-corners #corner-bottom-left{border-bottom-left-radius:var(--corner-radius)}#pad-corners #corner-bottom-right{border-bottom-right-radius:var(--corner-radius)}#canvas-wrapper canvas{display:block;position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border-radius:5px}#canvas-wrapper canvas.visual—preview-active{opacity:.3}#monitor{font-weight:600;font-size:.8em}#monitor .top-display{grid-area:1/2/2/3;position:relative;overflow:hidden}#monitor .top-display::after{content:"";position:absolute;inset:0}#monitor h5,#monitor p{font:inherit;margin:0;padding:0}#progressbar{position:relative;display:grid;grid-template-columns:3em 3em 1em;justify-content:center;align-content:center;border-radius:15px;height:100%;max-width:200px;margin:auto;text-align:right;background-color:hsla(0,0%,5%,.5);border:1px solid hsla(0,0%,50%,.5);overflow:hidden;padding-top:.1em}#progressbar::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.5) 100%);z-index:-1;width:20%;margin-top:auto;margin-bottom:auto;animation:1s ease-in-out infinite loadingBar}#interval{position:relative;justify-content:center;align-content:center;height:100%;max-width:500px;margin:auto;display:none}#interval p{text-align:left;padding-left:.2em;width:5em;height:1.3em;text-overflow:ellipsis;overflow:hidden}.bar-position-down{transform:translateY(0);transition:transform .2s ease-in-out}.bar-position-up{transform:translateY(calc(-1 * var(--wrapperPadding)));transition:transform .3s ease-in-out}#interval-ruler{display:none;position:absolute;top:0;height:100%;width:100%}#ruler-wrapper{height:100%;width:100%;display:grid;grid-auto-flow:column;grid-auto-columns:auto;grid-template-rows:100%;justify-content:space-between;align-items:center}#ruler-wrapper span{font:inherit}#ruler-wrapper span.line{background-color:#666;width:2px;height:50%;border-radius:1px}#ruler-wrapper span.number{width:4ch;padding:5px 0;border-radius:7px;color:#999}#automations .options-wrapper>ul{display:grid;grid-template-columns:minmax(auto,500px);grid-auto-rows:calc((var(--innerPadding)/ 2) + var(--automation-button-height));grid-gap:var(--innerPadding);justify-content:center;padding-top:var(--automation-button-height);font-weight:600;font-size:1em;border-radius:inherit;color:var(--color-secondary-level-two)}#automations .options-wrapper>ul>li{background-color:var(--color-primary-level-two);display:grid;grid-template-columns:auto 209px;grid-auto-rows:var(--automation-button-height);grid-auto-flow:row;justify-content:space-between;align-content:center;align-items:center;padding:calc(var(--innerPadding)/ 4);border-radius:var(--automation-button-height)}#playlists .options-wrapper>ul>li,.axis-labels li>p,.axis-labels ul,.axis-selection-bar .automation-lock button,.axis-selection-bar button,.playlist-info label,.playlist-info>div,li.automation .axis-selection-bar{background-color:var(--color-primary-level-one)}#playlists .playlist-info,.axis-labels li{align-items:center;display:grid;grid-auto-flow:column}li.automation p.automation-name{text-align:left;margin-left:calc(var(--innerPadding)/ 1);text-transform:capitalize}li.automation .axis-selection-bar{border-radius:30px;position:relative;height:100%;overflow:hidden;z-index:1}.axis-selection-bar .automation-lock{background-color:hsla(0,0%,80%,.75);position:absolute;border-radius:inherit;inset:0;z-index:1;pointer-events:none;transform:translateY(var(--automation-button-height)) scale(.95);transition:transform .3s ease-in-out .15s}.axis-selection-bar .automation-lock.locked{pointer-events:auto;color:#9acd32;transform:translateY(0) scale(1)}.axis-selection-bar .automation-lock button{color:inherit;border-radius:inherit;position:absolute;inset:0;margin:auto;width:calc(100% - (var(--innerPadding)/ 2));height:calc(100% - (var(--innerPadding)/ 2));box-shadow:0 0 5px #4c4c4c;transition:transform .1s ease-out}.axis-selection-bar .automation-lock button:active{transform:scale(.98)}.axis-selection-bar .automation-lock button svg{width:auto;height:60%;padding:2px;fill:var(--color-secondary-level-four);stroke:var(--color-secondary-level-four)}.axis-selection-bar>ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:auto;height:100%;grid-gap:5px;border-radius:inherit;padding:0 5px}.axis-selection-bar>ul li{position:relative;border-radius:25px}.axis-selection-bar button{border-radius:inherit}.axis-selection-bar button[name=static]{color:#7f7f7f}.axis-selection-bar button[name=static][value=selected]{color:#7f7f7f;border-color:#7f7f7f}.axis-selection-bar button[name=static]::before{background-color:rgba(255,255,255,.03);box-shadow:inset 0 0 3px var(--color-secondary-level-o)}.axis-selection-bar button svg.icon-axis-arrow{width:26px;margin:auto;vertical-align:middle}.axis-selection-bar button[name="y"] svg.icon-axis-arrow{transform:rotate(90deg)}.axis-selection-bar button svg.icon-locked-axis{position:absolute;width:12px;top:6px;right:6px;display:none}.axis-selection-bar button[value=selected].in-playlist svg.icon-locked-axis{display:inline-block;stroke:var(--color-action)}.axis-labels .grid-container{position:relative;display:inline-block}.axis-labels ul{position:relative;display:grid;grid-auto-flow:column;font-weight:500;font-size:1em;line-height:var(--wrapperPadding);text-align:center;border-radius:var(--radiusBig);box-shadow:0 0 4px hsla(0,0%,10%,.75);color:inherit}.axis-labels ul:after,.axis-labels ul:before{content:"";background:url('../img/icons/icon_axis_arrows.svg') center/250% no-repeat;position:relative;height:11px;width:10px;margin:auto}#export-playlist,.add div.display-elements{background-color:#e2e4e8;box-shadow:0 2px 4px hsla(0,0%,0%,.2);transition:transform .1s ease-in-out}#playlists #playlist-header,.playlist-info>label[data-role=listOrder]{position:sticky;color:var(--color-secondary-level-four);font-weight:700}.axis-labels li{position:relative;text-overflow:ellipsis;overflow:hidden}.axis-labels li span.locked-coordinates-index{border:2px solid var(--color-primary-level-one);border-radius:10px;width:20px;height:20px;line-height:20px;font-size:.8em;font-weight:700;opacity:0;display:none}.axis-labels li span.locked-coordinates-index p{display:inline;margin:auto}.axis-labels li>p{text-overflow:ellipsis;overflow:hidden;z-index:1}.axis-labels li span.seperator{background:var(--color-secondary-level-three);border-radius:2px;height:4px;width:4px;margin:auto;text-overflow:ellipsis;overflow:hidden}#pad-label-x{grid-area:3/2/4/3;height:100%}#pad-label-x ul{padding:0 10px;height:var(--wrapperPadding)}#pad-label-x ul:before{background-position-x:1px;margin-right:10px}#pad-label-x ul:after{background-position-x:-16px;margin-left:10px}#pad-label-x li span.locked-coordinates-index{margin-right:.2em;transform:translateX(30%)}#pad-label-x li.locked span.locked-coordinates-index{animation:.5s ease-in-out both fadeIn,.5s ease-in-out both slideLeft}#pad-label-x li span.seperator{margin:auto 10px}#pad-label-y{grid-area:2/3/3/4;writing-mode:vertical-rl;transform:rotate(180deg)}#pad-label-y ul{padding:10px 0;width:var(--wrapperPadding)}#pad-label-y ul:after,#pad-label-y ul:before{transform:rotate(-90deg)}#pad-label-y ul:before{background-position-x:-16px;margin-bottom:10px}#pad-label-y ul:after{background-position-x:1px;margin-top:10px}#pad-label-y li span.locked-coordinates-index{margin-bottom:.2em;transform:translateY(30%)}#pad-label-y li.locked span.locked-coordinates-index{animation:.5s ease-in-out both fadeIn,.5s ease-in-out both slideDown}#pad-label-y li span.seperator{margin:10px auto}#components .options-wrapper>ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-auto-rows:120px;grid-gap:var(--innerPadding);justify-content:left;z-index:-1;border-radius:inherit}.add div.display-elements{border:1px solid #e5e5e5;border-radius:12px}#export-playlist:active,.add input:active+div.display-elements{background-color:#dadce1;transform:scale(.97)}#media .options-wrapper>ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-auto-rows:240px;grid-gap:calc(var(--innerPadding) * 1.5);justify-content:center}#video li video{border-radius:inherit;overflow:hidden;position:absolute;inset:0;z-index:-1;width:100%;height:100%}#playlists{font-weight:600;font-size:1em}#export-playlist{padding:0 1em;border:1px solid #e5e5e5;border-radius:12px}#export-playlist .display-name{padding-top:.1em}#export-playlist .display-image{position:relative;height:100%;width:24px;overflow:hidden}#export-playlist .display-image::after,#export-playlist .display-image::before{content:"";position:absolute;inset:0;background:url('../img/icons/icon_soundwave.svg') 50%/1.5em no-repeat;height:100%;width:100%;animation:1s linear infinite paused exportWaveSlide;z-index:-1}#export-playlist .display-image::after{right:24px;left:auto}#export-playlist.exporting .display-image::after,#export-playlist.exporting .display-image::before{animation-play-state:running}#playlists header audio{display:inline-block}#playlists .options-wrapper>ul{border-radius:inherit;position:relative}#playlists .options-wrapper>ul>li{color:var(--color-secondary-level-one);border-radius:var(--radiusSmall);position:relative;margin-bottom:20px}#playlists #playlist-header{top:0;box-shadow:0 5px 15px var(--color-primary-level-one);font-size:1.2em;border-radius:0;z-index:5}#playlists .playlist-info{grid-template-columns:40px minmax(150px,1fr) 40px 1fr 100px minmax(200px,1fr);grid-auto-columns:minmax(200px,1fr);column-gap:20px;text-align:left}#playlists .audio-container{width:100%;height:auto;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;display:none}#playlists a{position:relative;font-weight:600;font-size:.9em}#playlists a .display-elements{display:grid;grid-auto-flow:column;grid-template-columns:auto auto;grid-template-rows:31px;align-items:center}#playlists a .display-image{position:relative;width:20px;height:20px;overflow:hidden}#playlists a .display-image:before{content:"";position:absolute;inset:0;width:100%;height:100%}a.download-button{color:#ccc}a.download-button .display-image{margin-right:5px;border:1px solid #ccc;border-radius:50%}a.download-button .display-image:before{background:url('../img/icons/icon_download_arrow.svg') center/8px no-repeat;animation:1s ease-in-out .2s download}a.thanks-button{color:#9acd32}a.thanks-button .display-image{margin-right:1px}a.thanks-button .display-image:before{background:url('../img/icons/icon_tick.svg') center/14px no-repeat}#playlists .audio-container li{display:grid;grid-template-columns:auto;grid-auto-flow:column;justify-content:center;align-items:center;margin:10px 0;column-gap:20px;padding:5px 0;opacity:0;animation:.3s ease-in-out .2s both fadeIn}#playlists label[data-role=sessionsIndex]{position:absolute;inset:0 0 auto 0;height:50px;z-index:2;border-radius:inherit}#playlists input[name=playlists]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset:0 0 auto 0;width:100%;height:50px;background-color:var(--color-secondary-level-three);opacity:0;border-radius:inherit;cursor:pointer;z-index:3}#playlists input[name=playlists]:checked{opacity:.15}#playlists label[data-role=duration]>input{width:70%;text-align:right}.playlist-info label,.playlist-info>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;padding-top:.1em}.playlist-info label>input{background:0 0;border:none;color:inherit;font:inherit;width:100%;height:100%}.playlist-info>label[data-role=listOrder]{counter-increment:playlist-counter -1;height:100%;text-align:center;left:0;z-index:1;box-shadow:15px 0 10px var(--color-primary-level-one)}.playlist-info>label[data-role=listOrder]:before{content:counter(playlist-counter);position:absolute;top:50%;transform:translateY(-50%)}input[type=range].layer-volume{width:100%;height:100%;background-color:transparent;-webkit-appearance:none}input[type=range].layer-volume::-webkit-slider-runnable-track{border-radius:11px;width:100%;height:14px;cursor:pointer;box-shadow:inset 0 0 3px hsla(0,0%,0%,.5)}input[type=range].layer-volume::-webkit-slider-thumb{margin-top:-8px;width:29px;height:29px;background:#333;border:3px solid grey;border-radius:29px;cursor:pointer;-webkit-appearance:none}input[type=range].layer-volume:focus::-webkit-slider-runnable-track{background:#e8e8e8}input[type=range].layer-volume::-moz-range-track{border:1px solid #b4b4b4;border-radius:11px;width:100%;height:14px;cursor:pointer}input[type=range].layer-volume::-moz-range-thumb{width:29px;height:29px;background:#333;border:3px solid grey;border-radius:29px;cursor:pointer}input[type=range].layer-volume::-ms-track{background:0 0;border-color:transparent;border-width:9.9px 0;color:transparent;width:100%;height:14px;cursor:pointer}input[type=range].layer-volume::-ms-fill-lower{background:#cacaca;border:1px solid #b4b4b4;border-radius:22px}input[type=range].layer-volume::-ms-fill-upper{border:1px solid #b4b4b4;border-radius:22px}input[type=range].layer-volume::-ms-thumb{width:29px;height:29px;background:#333;border:3px solid grey;border-radius:29px;cursor:pointer;margin-top:0}input[type=range].layer-volume:focus::-ms-fill-upper{background:#e8e8e8}@supports (-ms-ime-align:auto){input[type=range].layer-volume{margin:0}}@media only screen and (max-width:1148px){#playlists .options-wrapper>ul>li{display:inline-block}#playlists .audio-container li{justify-content:start;margin-left:0}}@media only screen and (max-width:799px){#state-message-frame{font-size:clamp(.75em, 2.4vw, 1em)}#operation-controls{grid-area:1/1/2/3;justify-content:center}#transport ul{border:none}}@media only screen and (max-width:559px){#app,#point-navigation div{grid-template-columns:auto}#components-menu,.power{grid-area:3/1/4/2}.iframe-container{left:20px;right:20px;bottom:20px;top:80px}button[name=close-modal-window]{top:20px;right:20px}#rebootFrame{font-size:1.2em}#point-navigation,#point-registration{font-size:1.4em}#point-navigation{left:calc(var(--headerMargin) * 1.4)}#point-navigation div{grid-template-rows:1.8em auto;justify-items:center}#point-navigation img{transform-origin:center;transform:scaleX(-1) rotate(70deg);height:100%;width:auto;padding-bottom:.5em}#point-navigation p{line-height:1em}#point-registration{top:calc(var(--headerMargin) * 4);right:calc(var(--headerMargin) * 2)}#point-registration div{grid-template-rows:2em auto;row-gap:0}#point-registration img{transform-origin:top;margin-left:2em}#point-registration p{white-space:pre-line;line-height:1.2em}body{min-height:430px}#toggle-menu{display:none}#app{grid-template-rows:50px 50px 90px auto}#operation-controls{grid-area:2/1/3/2;justify-content:space-between;margin-left:0;margin-right:0}#transport{grid-area:1/1/2/3;justify-self:center}#configuration{grid-area:1/2/2/3}#configuration ul{grid-auto-columns:60px;border:none}#components-menu{grid-template-columns:auto 65px;grid-gap:5px;padding:5px;align-items:center;border-radius:calc(var(--radiusComponentsMenu) - 5px)}#components-menu:after{border-radius:calc(var(--radiusComponentsMenu) - 10px);bottom:0;margin:5px calc(var(--innerPadding) + 55px) 5px 5px}#component-categories{height:80px}#component-categories ul{grid-template-columns:120px;grid-auto-columns:120px;grid-template-rows:80px;grid-auto-flow:column;width:min-content}#component-categories li::after{width:1px;height:70%;right:-1px;top:0;bottom:0;left:auto}#component-categories li:nth-child(2) button{border-bottom-left-radius:calc(var(--radiusComponentsMenu) - 5px);border-top-right-radius:0}#component-categories li:last-child button{border-bottom-left-radius:0;border-top-right-radius:calc(var(--radiusComponentsMenu) - 5px)}#static-menu>ul>li button{height:60px;width:60px;margin:auto;border:none}#static-menu>ul>li button .label .display-icon{height:100%;width:100%}#static-menu>ul>li button .display-name{visibility:hidden}#static-menu svg{width:50px}#performance-area{grid-area:4/1/5/2}#components .options-wrapper ul{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));grid-auto-rows:100px;justify-content:center}#media .options-wrapper ul{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-auto-rows:180px;justify-content:center}#automations>ul>li{grid-template-columns:minmax(150px,1fr);grid-auto-rows:1.8em var(--automation-button-height);grid-auto-flow:row;justify-content:space-around;align-items:start;padding:calc(var(--innerPadding)/ 2);border-radius:20px}li.automation p.automation-name{text-align:left;margin-left:calc(var(--innerPadding)/ 4)}#playlist-actions ul{grid-template-columns:minmax(90px,auto) minmax(auto,150px) minmax(90px,auto);grid-gap:5px}}@media only screen and (max-width:450px){#registration-form{padding-top:1.5%;padding-bottom:1.5%}#registration-form-frame{max-width:400px;height:clamp(600px,100%,640px)}#registration-form header{padding-left:1.5em;padding-right:1.5em;font-size:clamp(1.5em, 1.5em, 1.5em)}#registration-form form{background:0 0;grid-template-columns:auto;grid-template-rows:1fr 1fr;grid-auto-flow:row;grid-gap:.8em;margin-bottom:0;height:auto;padding-bottom:0;padding-top:0}#registration-form form::before{background:0 0}#registration-form form:has(input:focus){outline:0}#registration-form form input[type=email]{background:#0b0c0e;padding:15px 20px}#registration-form form input[type=email]:focus{outline:hsla(220,50%,60%,.3) solid 2px}#registration-form form button[type=submit]{width:100%;box-shadow:0 2px 10px hsla(220,40%,0%,.5)}#register-socials{margin-bottom:.4em}#state-message-frame{font-size:clamp(.8em, 3.5vw, 1em)}#demo-notice{white-space:pre-line;line-height:1.4em}#terms-notice a{white-space:pre-line;line-height:1.5em;border-radius:15px}#start-notice{font-size:1.2em}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideDown{from{transform:translateY(30%)}to{transform:translateY(0)}}@keyframes slideLeft{from{transform:translateX(30%)}to{transform:translateX(0)}}@keyframes pulse{0%{transform:scale(.3);opacity:0}10%{opacity:1}100%{transform:scale(1.5);opacity:0}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes led_pulse{0%{transform:scale(1);opacity:1}100%{transform:scale(1.01);opacity:.5}}@keyframes form_pulse{0%{opacity:.4}100%{opacity:.6}}@keyframes download{0%,100%{transform:translateY(0)}49%{transform:translateY(31px);opacity:1}50%{transform:translateY(31px);opacity:0}51%{transform:translateY(-31px);opacity:0}52%{transform:translateY(-31px);opacity:1}}@keyframes loadingBar{0%{transform:translateX(-50px)}100%{transform:translateX(200px)}}@keyframes jiggle{0%{transform:translateY(0)}100%{transform:translateY(1%)}}@keyframes exportWaveSlide{0%{transform:translateX(24px)}100%{transform:translateX(0)}}