:root{color-scheme:dark;--hue-white:20;--hue-dark:305;--hue-grey:11;--hue-gray:18;--hue-cream:23;--hue-tan:27;--hue-brown:23;--hue-blue:196;--hue-green:56;--hue-yellow:41;--hue-orange:28;--hue-red:9;--hue-purple:267;--hue-brand:var(--hue-red);--shade-white:hsl(var(--hue-white),var(--s,27%),var(--l,87%));--shade-dark:hsl(var(--hue-dark),var(--s,6%),var(--l,14%));--shade-grey:hsl(var(--hue-grey),var(--s,6%),var(--l,50%));--shade-gray:hsl(var(--hue-gray),var(--s,6%),var(--l,55%));--shade-cream:hsl(var(--hue-cream),var(--s,18%),var(--l,53%));--shade-tan:hsl(var(--hue-tan),var(--s,30%),var(--l,45%));--shade-brown:hsl(var(--hue-brown),var(--s,22%),var(--l,30%));--shade-blue:hsl(var(--hue-blue),var(--s,18%),var(--l,33%));--shade-green:hsl(var(--hue-green),var(--s,18%),var(--l,33%));--shade-yellow:hsl(var(--hue-yellow),var(--s,34%),var(--l,50%));--shade-orange:hsl(var(--hue-orange),var(--s,69%),var(--l,38%));--shade-red:hsl(var(--hue-red),var(--s,58%),var(--l,35%));--shade-purple:hsl(var(--hue-purple),var(--s,58%),var(--l,35%));--shade-brand:hsl(var(--hue-brand,9),var(--s-active,58%),var(--l-active,35%));--shade-active:hsl(var(--hue-active,9),var(--s-active,58%),var(--l-active,35%));--shade-selected:hsl(var(--hue-selected,28),var(--s-selected,58%),var(--l-selected,35%));--text-shadow:0 2px 2px hsl(305,var(--s,6%),var(--l,4%));--alpha-shadow:.8;--curve:12px;--pad:clamp(10px,2vmin,20px);--stroke:1px;--viewport-max-width:1080px;--ease-out-back:cubic-bezier(.175,.885,.32,1.275);--ease-s:calc(.185s*var(--ease-speed,1));--ease-m:calc(90ms*var(--ease-speed,1));--ease-q:calc(45ms*var(--ease-speed,1));--duration-l:3s;--duration:calc(1*var(--ease-s));--duration-scroll:calc(5*var(--ease-s));--overlap:.3;--offset:0s;--shadow:1.9px 1.9px 2.1px #00000004,4.7px 4.7px 4.6px #00000005,8.8px 8.8px 8.4px #00000006,15.6px 15.6px 14.9px #00000008,29.2px 29.2px 28.9px #00000009,70px 70px 80px #0000000d;--noise:url("data:image/svg+xml,%3Csvg class='filter' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='filter-noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='6.29' numOctaves='6' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23filter-noise)'%3E%3C/rect%3E%3C/svg%3E");--loader-size-small:clamp(59px,10vmin,88px);--footer-gap:calc(61px)}@media (orientation:portrait){:root{--footer-gap:var(--pad)}}@media (prefers-reduced-motion:reduce){:root{--ease-s:1ms;--ease-m:1ms;--ease-q:1ms}}:where(html,body,h1,h2,h3,h4,h5,h6,p menu,ul,ol,summary,figure,picture){margin:0;padding:0}:where(html){--_col-accent:var(--shade-brand,var(--col-accent,var(--shade-red,blue)));height:100%;min-height:100dvh;color:var(--shade-white);background-color:var(--shade-dark);caret-color:var(--_col-accent);accent-color:var(--_col-accent);scrollbar-color:var(--_col-accent)transparent;text-decoration-skip-ink:auto;overscroll-behavior-y:none;scroll-behavior:smooth;text-size-adjust:none;overflow:hidden auto}:where(body){scroll-behavior:smooth;flex-flow:column;place-content:stretch space-between;min-height:100%;display:flex}:where(main){flex-direction:column;justify-content:center;align-items:center;min-width:100%;margin:auto;display:flex}:where(menu){list-style:none}:where(menu) ::marker{display:none}:where(ol,ul){margin-top:var(--pad);margin-bottom:var(--pad)}:where(ol,ul)[role=list] li+li{margin-top:calc(var(--pad)/2)}:where(h1,h2,h3,h4,h5,h6){overflow-wrap:break-word;text-wrap:pretty}:where(canvas,video,iframe,picture,figure,img,svg){max-width:100%;height:auto;display:block}video,canvas.canvas-full-size{visibility:hidden;width:100%}abbr{text-decoration:none;text-decoration-color:var(--shade-white);cursor:help}:where(figure) img{width:100%}:where(figcaption){text-align:center}:where(time){font-weight:900}svg[aria-hidden=true]{position:fixed}:where(a,area,button,input,label,select,summary,option,textarea,[tabindex]){-ms-touch-action:manipulation;touch-action:manipulation;font:inherit;letter-spacing:inherit;word-spacing:inherit;appearance:none}:where(label){--padding:calc(1*var(--pad));cursor:pointer;transition:color var(--ease-s)linear,background-color 90ms linear;padding:var(--padding);user-select:none;text-wrap:pretty;position:relative}:where(label):hover,:where(label):focus{color:var(--col-fg,var(--shade-white));outline:none}:where(input[type=select],select){appearance:none;text-align:center;padding:var(--pad);background-color:#0000;background-image:url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-position:100%;background-repeat:no-repeat}:where(input[type=select],select):focus:active{max-width:none}:where(input[type=select],select)::marker{color:#fff}:where(input[type=select],select)::-ms-expand{display:none}:where(input[type=select],select)>*{padding:var(--pad);color:var(--shade-white);background-color:var(--shade-dark)}:where(input[type=select],select) optgroup{appearance:none;text-transform:uppercase;margin:auto;font-weight:900}:where(input[type=select],select) option{text-transform:initial;text-align:left;color:var(--shade-white,white);transition:all 95ms ease-in;background:#000!important}:where(input[type=select],select) option:hover,:where(input[type=select],select) option:focus{color:var(--shade-cream)}:where(input[type=select],select) option:checked{background:linear-gradient(#9f9ce7,#8b88e2)}:where(mark){color:highlighttext;background-color:highlight}:where(input){text-align:center}:where(input[type=submit],input[type=reset],button){cursor:pointer}output,result{display:block}hr{width:100%;height:1rem;margin:var(--pad);background-image:radial-gradient(at 50% 0,#fff9 0,#0000 50%);border:0;padding:0;display:block}[aria-busy=true]{cursor:progress}textarea:not([rows]){min-height:10ch}:target{scroll-margin-block:5ex}@layer fonts{@font-face{font-family:Oxanium;src:url(Oxanium[wght].6b0d9eb1.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:noto-emoji;src:url(NotoEmoji-VariableFont_wght.5dca1aad.ttf)format("truetype");font-style:normal;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(OpenDyslexic-Regular.c84c4de6.woff2)format("woff2");font-style:normal;font-display:swap}@font-face{font-family:ReadexPro;src:url(Readexpro[HEXP,wght].e92a7de4.ttf)format("truetype");font-style:normal;font-display:swap}html{font-family:Oxanium,windows fallback for Oxanium,linux fallback for Oxanium,sans-serif}@font-face{font-family:windows fallback for Oxanium;src:local(Arial);ascent-override:79%;descent-override:21%;line-gap-override:25%}@font-face{font-family:fallback for ReadexPro;src:local(Arial);ascent-override:100%;descent-override:25%;line-gap-override:0%}}@layer typography{:root{--harmonic:6/5;--s0:1;--s1:calc(var(--harmonic));--s2:calc(var(--s1)*var(--harmonic));--s3:calc(var(--s2)*var(--harmonic));--s4:calc(var(--s3)*var(--harmonic));--s5:calc(var(--s4)*var(--harmonic));--zoom:1;--text-max-width:auto;--font-scale:1;--font-size-min:1;--font-size-max:1.5;--font-zoom:1;--line-height:1.6;--balance:.5;--viewport-width:20;--viewport-height:52.5;--font-range:calc(var(--font-size-max) - var(--font-size-min));--font-base:calc(var(--font-size-min) + (var(--font-size-max) - var(--font-size-min))*(( 100vw - var(--viewport-width-min))/(var(--viewport-width-max) - var(--viewport-width-min))));--font-size:calc(var(--font-size-min)*1rem);--font-size-range:calc(var(--font-size-max) - var(--font-size-min));--viewport-range:calc(( var(--viewport-height)) - ( var(--viewport-width)));--viewport-space:calc(100vw - (var(--viewport-width)*1rem ));--viewport-scale:calc(var(--viewport-space)/var(--viewport-range))}html{text-rendering:optimizeSpeed;font-size:calc(var(--font-zoom,100%)*100%)}body{text-size-adjust:100%;line-height:calc(var(--line-height,1.6)*var(--zoom,1));hyphens:manual;font-weight:700}h1,h2,h3,h4,h5,h6,p{line-height:var(--line-height,1);--flexible:calc(var(--font-size-range)*var(--viewport-scale));--font-size:clamp(var(--font-size-min)*var(--font-scale)*1rem,var(--flexible)*var(--font-scale),var(--font-size-max)*var(--font-scale)*1rem);font-size:calc(var(--zoom)*var(--font-zoom)*var(--font-size));text-rendering:optimizeLegibility}h1 strong,h2,h3,h4,h5,h6{font-weight:500}h1,h3,h4,button,legend,label{text-transform:uppercase;text-wrap:balance;max-inline-size:60ex;line-height:calc(1cap + 2px)}h1,h2,h3,h4,h5,h6{--line-height:1.1}h1,h2,h3{--line-height:1}h1{--font-scale:var(--s6);text-align:center;font-size:clamp(2rem,7.6923vw - .5385rem,3.5rem);font-weight:300}h2{--font-scale:var(--s5);text-align:center}h3{--font-scale:var(--s4)}h4{--font-scale:var(--s3)}h5{--font-scale:var(--s2)}legend,h6{--font-scale:var(--s1)}#toast,label,strong,em{font-style:normal;font-weight:800}strong{font-weight:900}:where(a){color:var(--shade-brand);font-weight:700;text-decoration:none}:is(li,p) :where(a){color:var(--shade-brand,var(--shade-accent,red));text-decoration:underline dotted}:is(li,p) :where(a):hover,:is(li,p) :where(a):focus-visible{color:var(--shade-active,red);text-decoration-color:var(--shade-selected,red);text-decoration-style:double}:is(li,p) :where(a):focus-visible{outline:4px solid var(--shade-selected,red)}:is(li,p) :where(a):active{color:var(--shade-active,red);text-decoration-style:dashed}p :where(a){text-decoration-skip-ink:auto;text-underline-offset:4px;text-decoration-style:dotted;text-decoration-thickness:2px}p :where(a):active{text-decoration-style:solid}figcaption *{font-style:italic}figcaption p{margin-bottom:var(--pad);font-size:85%}details,small{font-size:80%;font-weight:400;font-size:clamp(9px,var(--zoom)*2vmin,12px);letter-spacing:.5px}label,select,option{user-select:none;font-size:1rem}:where(ol,ul){padding:calc(var(--pad))calc(var(--pad));text-align:left}ol li{font-weight:400}caption{text-transform:uppercase;font-weight:700}}@layer forms{:where(form) legend{--gap:clamp(2px,8vmin,var(--pad,1rem));text-align:center;text-shadow:var(--text-shadow);padding-left:var(--gap,1rem);padding-right:var(--gap,1rem);min-width:none}:where(form)>fieldset{--breakpoint:320px;padding:calc(var(--pad)*0)calc(var(--pad)*1.5);box-shadow:var(--shadow);border:var(--border-size,var(--border-radius,9px))double var(--shade-white,white);border-radius:var(--curve,0);pointer-events:none;z-index:303;margin:0;display:flex;position:relative}:where(form) fieldset+fieldset{margin-top:var(--pad)}:where(form) fieldset>*{animation-name:Fade,Shift;animation-duration:var(--ease-s,0),var(--ease-s,0);animation-fill-mode:both,both;animation-delay:var(--delay,0),var(--delay,0);pointer-events:auto}:where(form):focus-within fieldset>*{animation-duration:1ms,1ms}:where(form) label{box-sizing:border-box}:where(ol[role=list]){list-style:numeric}:where(ul[role=list]){list-style:circle}:where(ol[role=list],ul[role=list]){gap:var(--pad);border:0;flex-direction:column;width:100%;margin:0;padding:0;display:flex}:where(ol[role=list],ul[role=list])::marker{color:color-mix(in srgb,currentColor,var(--col-accent,var(--shade-dark)),50%)}:where(ol[role=list],ul[role=list]) li{border-radius:0;width:100%;margin:0;padding:0}:where(ol[role=list],ul[role=list]) li button{border-radius:0;place-content:center;width:100%;margin:0;padding:0;display:flex}:where(ol[role=list],ul[role=list]) li button:before{display:none}}@layer scrollbar{*{scrollbar-width:thin;scrollbar-color:#262225 #9d8272}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background-color:#262225}::-webkit-scrollbar-thumb{background-color:#262225;border:3px solid #a45c1e;border-radius:99px}}input{cursor:pointer;-web-appearance:none;appearance:none;box-sizing:border-box;margin:0;position:relative}input[type=number i]{--col-accent:hsl(var(--hue),var(--saturation),100%);caret-color:var(--col-accent);border:1px dotted #0000;border-bottom-color:var(--col-accent,pink);padding-top:var(--pad);padding-bottom:var(--pad);background:0 0;font-size:300%}input[type=number i]:focus-visible{border-color:#0000;border-bottom-style:solid}input[type=submit]{font:inherit;color:inherit;text-transform:inherit}input[type=submit]:focus-visible{opacity:1}:is(span).hide-text,label[for=button-fullscreen],.paypal,.patreon,.drakemusic,.aotf,.sxsw,.mmf,.tensorflow,.designerzen{text-indent:-9999px;color:#0000;text-shadow:none;white-space:pre;background-position:50%;justify-content:center;font-size:0;overflow:hidden}input[type=checkbox i].toggle:before{--fallback:rgba(var(--shade-white),.6)0 0px 1px,rgba(var(--shade-white),.4)0 1px 1px,rgba(var(--shade-white),.24)0 1px 1px,rgba(var(--shade-white),.1)0 2px 1px;text-shadow:var(--text-glow,var(--fallback))}#button-start-label,#onboard label[for=button-start],:where(button,.button,.controls>:not(div,legend),.controls .folder-link),:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push),:where(button,.button,a,input,label).button-push{text-shadow:black calc(var(--shadow-offset-x,0)*1px)calc(var(--shadow-offset-y,0)*1px)0px}#button-start-label,#onboard label[for=button-start],:where(button,.button,a,input,label).button-push,:where(button,.button,.controls>:not(div,legend),.controls .folder-link),:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push){border:var(--button-border-size,0)solid rgba(var(--col-border),.8);border-left-color:rgba(var(--col-border),.9);border-right-color:rgba(var(--col-border),.7);border-bottom-color:rgba(var(--col-border),.6);border-radius:var(--button-curve,var(--border-radius,16px));box-sizing:border-box}#button-start-label,#onboard label[for=button-start],:where(button,.button,.controls>:not(div,legend),.controls .folder-link),:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push),:where(button,.button,a,input,label).button-push{background-color:var(--col,var(--col-bottom,var(--shade-blue,blue)));background-color:color-mix(in srgb,var(--col-top),var(--col,var(--col-bottom))var(--amount,50%));background-image:var(--icon,var(--bg,"")),linear-gradient(var(--col-top,#ffffff4d),var(--col-bottom,#0000004d)),linear-gradient(var(--col-bottom,#0000004d),var(--col-top,#ffffff4d));background-repeat:no-repeat,repeat-x,repeat-x;background-origin:content-box,padding-box,border-box;background-clip:content-box,padding-box,border-box;background-size:auto var(--icon-size,22px),auto,auto;background-size:calc(var(--icon-visible,1)*var(--icon-size,22px)),auto,auto,auto;background-position:var(--pos-override,var(--pos,center)),0 0,0 0}#button-start-label,#onboard label[for=button-start],:where(button,.button,a,input,label).button-push{--col-inner-top:hsla(var(--hue),var(--saturation,50%),35%,100%);--col-inner-bottom:hsla(var(--hue),var(--saturation,50%),45%,100%);--col-pad-top:hsla(var(--hue),var(--saturation,50%),45%,100%);--col-pad-bottom:hsla(var(--hue),var(--saturation,50%),35%,100%);--col-back-top:hsla(var(--hue),var(--saturation,50%),35%,40%);--col-back-bottom:hsla(var(--hue),var(--saturation,50%),55%,10%);--col-ring:hsla(var(--hue),var(--saturation,50%),15%,100%);background-color:var(--col-back-bottom);background-image:var(--bg,initial),linear-gradient(var(--col-inner-top),var(--col-inner-bottom)),linear-gradient(var(--col-pad-top),var(--col-pad-bottom)),linear-gradient(var(--col-back-top),var(--col-back-bottom));background-repeat:no-repeat,repeat,repeat,repeat;background-origin:content-box,content-box,padding-box,border-box;background-clip:content-box,content-box,padding-box,border-box;background-position:left calc(var(--space,0px)*var(--icon-fraction,.5))top calc(50% + 1px*var(--shadow-offset-y,0px)),0 0,0 0,0 0;background-size:calc(var(--icon-visible,1)*var(--icon-size,22px)),auto,auto,auto}.controls label[for^=select-]:before,.instrument-panel button.person-toggle-controls:before,.instrument-panel button.person-toggle-controls:after,#button-start-label:after,#onboard label[for=button-start]:after,:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push):after,:where(button,.button,a,input,label).button-push:after,:where(button,.button,a,input,label).button-icons:before,:where(button,.button,a,input,label).button-icons:after{filter:invert(90%)sepia(10%)saturate(395%)hue-rotate(324deg)brightness(105%)contrast(81%);opacity:.9}.instrument-panel button.person-toggle-controls:before,.instrument-panel button.person-toggle-controls:after,#button-start-label:after,#onboard label[for=button-start]:after,:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push):after,:where(button,.button,a,input,label).button-push:after,:where(button,.button,a,input,label).button-icons:before,:where(button,.button,a,input,label).button-icons:after{--inset:0;content:"";z-index:1;box-sizing:border-box;width:calc(var(--icon-visible,1)*var(--icon-size));height:calc(var(--icon-visible,1)*var(--icon-size));font-size:inherit;pointer-events:none;user-select:none;background:transparent var(--bg,initial)no-repeat;transform:rotate(calc(1*var(--turn,0)))translate(calc(1px*var(--shadow-offset-y,0px)));transform-origin:50%;transition:opacity var(--fade-speed,var(--ease-q,42ms))linear,transform var(--transform-speed,var(--ease-q,42ms))cubic-bezier(.175,.885,.32,1.275);background-position:top;background-size:contain;flex:none;order:-1;grid-area:icon;margin:auto;display:block;position:relative}input[type=checkbox i][role=switch i]:before,input[type=checkbox i].switch:before{box-shadow:rgba(var(--shade-dark,black),.8)0 0px 2px,rgba(var(--shade-dark,black),.6)0 .5px 2px,rgba(var(--shade-dark,black),.4)0 1px 2px,rgba(var(--shade-dark,black),.2)0 1.5px 2px}#button-start-label:active,#onboard label[for=button-start]:active,a.folder-link[href=\#folder-midi].connected,button#button-midi.connected,:where(button,.button,.controls>:not(div,legend),.controls .folder-link):active,:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push):active,:where(button,.button,a,input,label).button-push:active,input[type=checkbox i]:active{transform:scale(.95)translateY(var(--shadow-offset-y,2px))}input[type=checkbox i]{padding:var(--pad);text-shadow:none;box-shadow:none;border:0;display:inline-block}input[type=checkbox i]:checked{background-color:var(--col-accent)}input[type=checkbox i].toggle{--saturation:50%;--col-inner-top:hsla(var(--hue),var(--saturation,50%),35%,100%);--col-inner-bottom:hsla(var(--hue),var(--saturation,50%),45%,100%);--col-pad-top:hsla(var(--hue),var(--saturation,50%),45%,100%);--col-pad-bottom:hsla(var(--hue),var(--saturation,50%),35%,100%);--col-back-top:hsla(var(--hue),var(--saturation,50%),35%,40%);--col-back-bottom:hsla(var(--hue),var(--saturation,50%),55%,10%);--col-ring:hsla(var(--hue),var(--saturation,50%),15%,100%);background-image:linear-gradient(var(--col-inner-top),var(--col-inner-bottom)),linear-gradient(var(--col-pad-top),var(--col-pad-bottom)),linear-gradient(var(--col-back-top),var(--col-back-bottom));box-shadow:inset 0 0 0 var(--line)var(--col-ring);border-radius:var(--curve);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto;background-origin:content-box,padding-box,border-box;background-clip:content-box,padding-box,border-box;min-width:44px;min-height:44px}input[type=checkbox i].toggle:before{content:"";color:var(--shade-white,white);text-align:center;visibility:hidden;justify-content:center;align-items:center;font-size:200%;line-height:0;display:grid;position:absolute;inset:0}input[type=checkbox i].toggle:checked{border-color:var(--shade-white)}input[type=checkbox i].toggle:checked:before,input[type=checkbox i].toggle:checked:after{visibility:visible}input[type=checkbox i].toggle:checked:before{content:"✔";color:var(--shade-white,red)}input[type=checkbox i][role=switch i],input[type=checkbox i].switch{--button-border-size:2px;--width:100%;--col-top:var(--shade-brand,var(--shade-red,red));--col-bottom:var(--shade-grey);border:var(--button-border-size,2px)solid var(--shade-white);border-radius:var(--button-curve,var(--border-radius,3px));background:var(--shade-grey)linear-gradient(to right,#877b7880,#9d827280);box-sizing:border-box;border-radius:99px;flex-grow:1;order:1;justify-content:center;align-items:center;display:flex;position:relative}input[type=checkbox i][role=switch i] label,input[type=checkbox i].switch label{--col-bg:transparent}input[type=checkbox i][role=switch i]:before,input[type=checkbox i][role=switch i]:after,input[type=checkbox i].switch:before,input[type=checkbox i].switch:after{content:"";box-sizing:border-box;color:var(--shade-dark);font-weight:600;position:absolute}input[type=checkbox i][role=switch i]:before,input[type=checkbox i].switch:before{content:"🧸";color:var(--shade-white);text-align:center;height:100%;width:calc(var(--width)/2);z-index:1;border:inherit;background-color:var(--shade-brand,var(--shade-red,red));background-image:linear-gradient(var(--shade-brand,var(--shade-red,red)),var(--shade-dark,#262225));border-radius:99px;justify-content:center;align-items:center;font-family:noto-emoji;transition:transform .195s cubic-bezier(.25,.46,.45,.94);display:flex;top:0;left:0}input[type=checkbox i][role=switch i]:after,input[type=checkbox i].switch:after{content:"SIMPLE";mix-blend-mode:normal;right:calc(var(--pad)*2);animation:Fade var(--time-quick).2s 1 both;padding-top:4px;left:auto}input[type=checkbox i][role=switch i]:checked:before,input[type=checkbox i].switch:checked:before{content:"🤓";transform:translate(100%)}input[type=checkbox i][role=switch i]:checked:after,input[type=checkbox i].switch:checked:after{content:"COMPLEX";left:calc(var(--pad)*2);animation:Fader var(--time-quick).2s 1 both;right:auto}input[type=checkbox i][role=switch i]:focus-visible,input[type=checkbox i].switch:focus-visible{background-color:var(--shade-blue);background:linear-gradient(to right,var(--shade-blue),var(--shade-blue));outline:0}input[type=radio i]{--over:0%;--y:0;top:calc(-1*var(--over));left:calc(-1*var(--over));bottom:calc(-1*var(--over));width:calc(2*var(--over) + 100%);transition:transform var(--ease-s,1s)var(--ease-out-back);transform-origin:50%;display:block;position:absolute;overflow:hidden;transform:scaleX(0)}input[type=radio i]:checked{background-color:var(--shade-blue,black);transform:scaleX(1)}input[type=range i]{--col-accent:hsl(var(--hue),var(--saturation),100%);--tick:2px;--half-tick:calc(var(--tick)/2);--tick-height:0rem;--divisions:9;--working-size:calc(100% - 2*var(--tick));appearance:none;border:solid var(--stroke,0px)currentcolor;background-image:linear-gradient(90deg,var(--shade-dark,black)var(--tick,2px),transparent 0),linear-gradient(90deg,var(--shade-dark,black)var(--tick,2px),transparent 0),linear-gradient(90deg,var(--shade-white)var(--tick,2px),transparent 0),linear-gradient(90deg,var(--shade-white)var(--tick,2px),transparent 0),linear-gradient(var(--angle,0deg),transparent calc(50% - 2px),var(--shade-white,white)50%,transparent calc(50% + 2px));background-position:calc(var(--tick-height) - var(--half-tick))0,calc(var(--tick-height) - var(--half-tick))calc(100% - var(--half-tick)),calc(var(--tick-height) + var(--half-tick))var(--half-tick),calc(var(--tick-height) + var(--half-tick))100%,center;background-repeat:repeat-x;background-size:calc(var(--working-size)/var(--divisions))30%,calc(var(--working-size)/var(--divisions))30%,calc(var(--working-size)/var(--divisions))30%,calc(var(--working-size)/var(--divisions))30%,100%;color:#0000;background-color:#0000;background-clip:padding-box;min-width:4.5em;min-height:calc(44px + .75em)}input[type=range i]::-webkit-slider-runnable-track{appearance:none;background:0 0;min-width:4.5em;height:.75em}input[type=range i]:focus::-webkit-slider-runnable-track{background:0 0}input[type=range i]::-moz-range-track{appearance:none;background:0 0;min-width:4.5em;height:.75em}input[type=range i]::-webkit-slider-thumb{--angle:90deg;appearance:none;cursor:pointer;box-sizing:border-box;background-color:var(--shade-white,white);background-image:linear-gradient(var(--angle,0deg),var(--shade-white,red)45%,var(--shade-dark,white)50%,var(--shade-white,black)5%);border:2px solid var(--shade-dark);background-size:cover;border-radius:1px;width:44px;height:calc(44px + .75em);margin-top:calc(-22px - .375em)}input[type=range i]::-moz-range-thumb{--angle:90deg;appearance:none;cursor:pointer;box-sizing:border-box;background-color:var(--shade-white,white);background-image:linear-gradient(var(--angle,0deg),var(--shade-white,red)45%,var(--shade-dark,white)50%,var(--shade-white,black)5%);border:2px solid var(--shade-dark);background-size:cover;border-radius:1px;width:44px;height:calc(44px + .75em)}input[type=range i]::-ms-thumb{--angle:90deg;appearance:none;cursor:pointer;box-sizing:border-box;background-color:var(--shade-white,white);background-image:linear-gradient(var(--angle,0deg),var(--shade-white,red)45%,var(--shade-dark,white)50%,var(--shade-white,black)5%);border:2px solid var(--shade-dark);background-size:cover;border-radius:1px;width:44px;height:calc(44px + .75em)}input[type=range i]:not(:disabled)::-webkit-slider-thumb{cursor:ew-resize}input[type=range i]:not(:disabled)::-moz-range-thumb{cursor:ew-resize}input[type=range i]:not(:disabled)::-ms-thumb{cursor:ew-resize}input[type=range i]:not(:disabled){cursor:pointer;opacity:1}input[type=range i]:focus{color:var(--col-accent,red);border:0;outline:none}input[type=range i]:disabled::-webkit-slider-thumb{cursor:not-allowed}input[type=range i]:disabled::-moz-range-thumb{cursor:not-allowed}input[type=range i]:disabled::-ms-thumb{cursor:not-allowed}input[type=range i]:disabled::-webkit-slider-runnable-track{cursor:not-allowed}input[type=range i]:disabled::-ms-fill-lower{cursor:not-allowed}input[type=range i]:disabled::-ms-fill-upper{cursor:not-allowed}input[type=range].vertical{--tick-height:var(--tick);writing-mode:vertical-lr;background:linear-gradient(0deg,var(--shade-white,black)var(--tick,2px),transparent 0),linear-gradient(0deg,var(--shade-white,black)var(--tick,2px),transparent 0),linear-gradient(0deg,var(--shade-dark)var(--tick,2px),transparent 0),linear-gradient(0deg,var(--shade-dark)var(--tick,2px),transparent 0),linear-gradient(var(--angle,90deg),transparent calc(50% - 2px),var(--shade-white,white)50%,transparent calc(50% + 2px));background-position-x:0 calc(100% - var(--half-tick))0 calc(100% - var(--half-tick))center;background-position-x:left,right,left,right,50%;background-position-y:calc(var(--tick-height) - var(--half-tick)),calc(var(--tick-height) - var(--half-tick)),calc(var(--tick-height) + var(--half-tick)),calc(var(--tick-height) + var(--half-tick)),center;background-repeat:repeat-y;background-size:33% calc(var(--working-size)/var(--divisions)),33% calc(var(--working-size)/var(--divisions)),33% calc(var(--working-size)/var(--divisions)),33% calc(var(--working-size)/var(--divisions)),100%;direction:rtl;width:100%;min-width:auto;max-width:100px;min-height:auto}input[type=range].vertical::-webkit-slider-runnable-track{width:.75em;max-width:100%;height:auto;min-height:4.5em}input[type=range].vertical::-moz-range-track{width:.75em;max-width:100%;height:auto;min-height:4.5em}input[type=range].vertical::-webkit-slider-thumb{--angle:0deg;width:100%;height:44px;margin-top:calc(-22px - .375em)}input[type=range].vertical::-moz-range-thumb{--angle:0deg;width:100%;height:44px}input[type=range].vertical::-ms-thumb{--angle:0deg;width:100%;height:44px}input[type=range].vertical:not(:disabled)::-webkit-slider-thumb{cursor:ns-resize}input[type=range].vertical:not(:disabled)::-moz-range-thumb{cursor:ns-resize}input[type=range].vertical:not(:disabled)::-ms-thumb{cursor:ns-resize}label>input[type=range].vertical{height:100%}.piano-key{transition:fill 90ms linear}.piano-key.active{fill:var(--shade-brand,red)}.piano-key:hover{fill:pink}.piano-key-white{fill:#fff;background-color:#fff}.piano-key-black{fill:#000;background-color:#000;background-image:linear-gradient(#000,#222)}.piano-note-indicator{stroke:#fff;stroke-width:.3px;fill:#ff0;opacity:0;transition:opacity var(--ease-medium)linear}.piano-note-indicator.active{opacity:1;transition-duration:var(--ease-quick)}.no-faces #app-frame:after{--alpha:.8;--opacity:.4;--rotation:21deg;animation:Fade var(--ease-s)1s 1 both,Sway 8s calc(1s + var(--ease-s))infinite ease-in-out alternate-reverse,Pulse 4s calc(2s + var(--ease-s))infinite linear alternate-reverse;display:block}.loaded #intro>:not(nav)>*{visibility:hidden}.loaded #affiliates,.loaded #progress,#button-share{display:none}.sharing-enabled #button-share{display:inline-grid}.dragging{cursor:grabbing}.dragging header{pointer-events:none;display:none}.dragging #midi-file{--color:var(--shade-blue,silver);--bg:var(--shade-yellow);z-index:999;cursor:grabbing;background-size:100px 50px;background-color:var(--color);background-image:radial-gradient(circle at 100% 150%,var(--color)24%,var(--bg)24%,var(--bg)28%,var(--color)28%,var(--color)36%,var(--bg)36%,var(--bg)40%,transparent 40%,transparent),radial-gradient(circle at 0 150%,var(--color)24%,var(--bg)24%,var(--bg)28%,var(--color)28%,var(--color)36%,var(--bg)36%,var(--bg)40%,transparent 40%,transparent),radial-gradient(circle at 50% 100%,var(--bg)10%,var(--color)10%,var(--color)23%,var(--bg)23%,var(--bg)30%,var(--color)30%,var(--color)43%,var(--bg)43%,var(--bg)50%,var(--color)50%,var(--color)63%,var(--bg)63%,var(--bg)71%,transparent 71%,transparent),radial-gradient(circle at 100% 50%,var(--bg)5%,var(--color)5%,var(--color)15%,var(--bg)15%,var(--bg)20%,var(--color)20%,var(--color)29%,var(--bg)29%,var(--bg)34%,var(--color)34%,var(--color)44%,var(--bg)44%,var(--bg)49%,transparent 49%,transparent),radial-gradient(circle at 0 50%,var(--bg)5%,var(--color)5%,var(--color)15%,var(--bg)15%,var(--bg)20%,var(--color)20%,var(--color)29%,var(--bg)29%,var(--bg)34%,var(--color)34%,var(--color)44%,var(--bg)44%,var(--bg)49%,transparent 49%,transparent)}.dragging #midi-file:before{content:"";z-index:9999999;pointer-events:none;display:block;position:absolute;inset:0}.dragging #midi-file>*{z-index:2147483647;opacity:1}.first-run #version{opacity:.5}.updates-available #version{color:var(--shade-blue);border:1px var(--shade-gray)solid dashed;text-decoration:underline wavy;animation:1s infinite both Throb}.installable #version{border:1px var(--shade-gray)solid dashed}.installed #version{background-color:var(--shade-brown);color:var(--shade-white)}.flag-showSettings #toast{--footer-gap:calc(2*4rem + var(--pad))}.flag-showSettings #settings,#settings:focus,#settings:focus-visible,#settings:focus-within{--y:100%;visibility:visible;display:flex;transform:translateY(0)}#feedback{display:none}.flag-text #feedback{display:block}.flag-clear #webcam,.flag-synch #webcam{display:none}main:not(.flag-overlays) label[for=button-meshes],main:not(.flag-overlays) label[for=button-eyes],main:not(.flag-overlays) label[for=select-eyes],main:not(.flag-overlays) label[for=select-palette],main:not(.flag-overlays) label[for=button-subtitles]{visibility:hidden}.user-active #shared-controls{visibility:visible}.user-inactive .instrument-panel:not(:hover,:focus-within,:focus-visible),.user-inactive .controls:not(:hover,:focus-within,:focus-visible){visibility:hidden;opacity:0}.user-inactive #toast{visibility:hidden}.loaded #help .app-help{display:block}.loaded #intro{flex-wrap:wrap;justify-content:flex-start;align-items:center;display:flex;bottom:auto}.loaded #intro .logo{fill:#000;align-self:flex-start;min-width:60px;margin:0;font-size:0;position:absolute;top:0;left:0;right:0}.loaded #intro .logo svg{width:100vw;height:100vh}.loaded #intro .logo h1{visibility:visible;opacity:.2;transition:opacity var(--ease-m)linear;writing-mode:vertical-rl;transform-origin:0 0;place-self:center flex-end;margin:0;padding-left:0}.loaded #intro h2{opacity:0;width:100%;margin-top:0;display:block}.loaded .warning,.loaded h2{visibility:hidden}.loaded #shared-controls{visibility:visible}.loaded #onboard,.loaded #player-selector,.loaded #load-progress{display:none}.loaded #app-frame{border-radius:var(--curve);background-color:#000;justify-content:center;align-items:center;min-width:100%;max-width:100%;min-height:100dvh;max-height:100dvh;display:grid;overflow:clip}.loaded #app-frame video,.loaded #app-frame canvas{object-fit:contain;visibility:hidden;grid-area:1/-1;width:auto;max-width:100%;height:100dvh;margin:auto;display:block}.loaded #app-frame .canvas-full-size{z-index:1}.loaded #app-frame #webcam{z-index:0;transform:scaleX(-1)}.loaded #app-frame #interface3D{z-index:3}.loaded #app #title{visibility:hidden;position:absolute;right:0}.loaded #app-frame video,.loaded #app-frame canvas{visibility:visible;display:block}.loaded #foot{z-index:-1;visibility:hidden}.beginner #button-reset,.beginner label[for=select-impulse],.beginner label[for=button-install],.beginner label[for=button-quantise],.beginner label[for=button-quantise],.beginner label[for=button-spectrogram]{display:none}.failure header{filter:blur(9px)}.failure .warning,.failure #title,.failure #load-progress,.failure #onboard,.failure #affiliates,.failure #control-panel{display:none}.failure #feedback{--x:-50%;--y:-45%;animation:Fade var(--ease-s)linear 0s 1 normal both,Translate var(--ease-s)linear 0s 1 normal both;text-align:center;background-color:var(--shade-brand,var(--shade-red));max-width:36ex;color:var(--shade-dark);border:10px solid var(--shade-white);z-index:909;filter:none;background-image:linear-gradient(#0000001a,#0003);border-radius:14px;font-size:140%;font-weight:900;top:50%;left:50%;transform:translate(-50%,-50%)}.failure #feedback strong{animation-name:TextError}.failure #feedback:before{margin:var(--pad);content:"";height:3rem;text-shadow:inherit;background-image:url(pan_tool_black_24dp.2dba5853.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;display:block}.failure #feedback:after{display:none}html.debug #version,html.debug #version span{opacity:1}.reveal .slides blockquote>*{padding-left:var(--pad);padding-right:var(--pad)}.reveal .slides section>time{padding:var(--pad)calc(2*var(--pad));background-color:#000;border-radius:2px;position:absolute;top:0;left:0}.reveal .slides img{object-fit:contain;width:auto;height:auto;max-height:calc(96vh - 2lh);margin-left:auto;margin-right:auto;display:block}.reveal .slides figure{justify-content:center;align-items:center;gap:var(--pad,var(--r-block-margin));flex-direction:column;margin:auto;display:flex}.reveal .slides figure.r-stretch img{margin:0 auto}.reveal .slides figure:not(.r-stretch) img{max-width:100%;max-height:calc(100vh - 5lh)}.reveal .slides figure:not(.r-stretch) figcaption{margin-top:var(--pad)}.reveal .slides video{visibility:visible;margin:auto}.reveal .slides #timeline .history{transition:transform 4s ease-in-out 0s infinite alternate-reverse;transform:translateY(calc(90vh - 100%))}.reveal .slides blockquote p{font-size:140%}.reveal .slides li p{font-size:28px}.reveal .slides li::marker{font-size:28px}.reveal .slides .split-width{gap:var(--gap,var(--pad));flex-direction:row;display:flex}.reveal .slides .font-60{font-size:60%}.reveal .slides .font-80{font-size:80%}.reveal .slides .font-90{font-size:90%}html.reveal-print .reveal{min-height:fit-content!important}.dance label[for=select-samples]{display:none}.designerzen,.tensorflow,.mmf,.sxsw,.aotf,.drakemusic,.patreon,.paypal{background-position:50%;background-repeat:no-repeat;background-size:contain;width:44px;height:44px}.paypal{background-image:url(paypal.2dfbce84.svg)}.patreon{background-image:url(patreon.7629e9d6.svg)}.drakemusic{background-image:url(drakemusic.c6f0ecc9.svg)}.aotf{background-image:url(aotf.41138adf.svg)}.sxsw{background-image:url(sxsw.00f0be89.svg)}.mmf{background-image:url(mmf.89889c5f.svg)}.tensorflow{background-image:url(tensorflow-tf.a541ea94.svg)}.designerzen{background-image:url(designerzen.cce8ea68.svg)}@keyframes EyesBlinking{0%{content:"o O"}33%{content:"o o"}66%{content:"O O"}to{content:"O o"}}@keyframes EyesSleepy{0%{content:"o o"}50%{content:"_ _"}to{content:". ."}}@keyframes BGScroll{0%{background-position:var(--scroll-x,50px)var(--scroll-y,50px),var(--scroll-x,50px)var(--scroll-y,50px),var(--scroll-x,50px)var(--scroll-y,50px),var(--scroll-x,50px)var(--scroll-y,50px),var(--scroll-x,50px)var(--scroll-y,50px),var(--scroll-x,50px)var(--scroll-y,50px),var(--scroll-x,50px)var(--scroll-y,50px),var(--scroll-x,50px)var(--scroll-y,50px),var(--scroll-x,50px)var(--scroll-y,50px),var(--scroll-x,50px)var(--scroll-y,50px),var(--scroll-x,50px)var(--scroll-y,50px),var(--scroll-x,50px)var(--scroll-y,50px)}}@keyframes BGScroll2{to{background-position:calc(var(--scroll-x)*var(--x) + var(--scroll-x)*1)calc(var(--scroll-y)*var(--y)),calc(var(--scroll-x)*var(--x) + var(--scroll-x)/2)calc(var(--scroll-y)*var(--y) + var(--scroll-x)),calc(var(--scroll-x)*var(--x) + var(--scroll-x)*1)calc(var(--scroll-y)*var(--y)),calc(var(--scroll-x)*var(--x) + var(--scroll-x)/2)calc(var(--scroll-y)*var(--y) + var(--scroll-x)),calc(var(--scroll-x)*var(--x) + var(--scroll-x)/8)calc(var(--scroll-y)*var(--y)),calc(var(--scroll-x)*var(--x) + var(--scroll-x)/2)calc(var(--scroll-y)*var(--y)),calc(var(--scroll-x)*var(--x) + var(--scroll-x)*1)calc(var(--scroll-y)*var(--y))}}@keyframes BGScroll3{0%{background-position:0 0,0 0,0 0,0 0,0 0}50%{background-position:calc(var(--scroll-x,50px))calc(var(--scroll-y,50px)/2),calc(var(--scroll-x,50px))calc(var(--scroll-y,50px)/2),calc(var(--scroll-x,50px))calc(var(--scroll-y,50px)/2),calc(var(--scroll-x,50px))calc(var(--scroll-y,50px)/2),calc(var(--scroll-x,50px))calc(var(--scroll-y,50px)/2)}to{background-position:var(--scroll-x,50px)var(--scroll-y,50px),var(--scroll-x,50px)var(--scroll-y,50px),var(--scroll-x,50px)var(--scroll-y,50px),var(--scroll-x,50px)var(--scroll-y,50px),var(--scroll-x,50px)var(--scroll-y,50px)}}@keyframes BGColours{0%{background-color:#66a329}10%{background-color:#29a3a3}20%{background-color:#29a3a3}30%{background-color:#6629a3}40%{background-color:#6629a3}50%{background-color:#a32929}70%{background-color:#a32929}80%{background-color:#66a329}to{background-color:#66a329}}@keyframes TextError{0%{color:#a32929}50%{color:#6629a3}to{color:#a32929}}@keyframes TextColours{0%{color:#66a329}10%{color:#29a3a3}20%{color:#29a3a3}30%{color:#6629a3}40%{color:#6629a3}50%{color:#a32929}70%{color:#a32929}80%{color:#66a329}to{color:#66a329}}@keyframes CTA{12%{filter:saturate(200%)}}@keyframes Rotate{0%{transform:rotate(0)}to{transform:rotate(var(--rotation,360deg))}}@keyframes Sway{0%,to{transform:rotate(0)}33%{transform:rotate(var(--rotation,360deg))}66%{transform:rotate(calc(-1*var(--rotation,360deg)))}}@keyframes TextThrob{50%{opacity:.7}}@keyframes Throb{50%{transform:scale(1.1)}90%{opacity:0}}@keyframes Shift{0%{transform:translate(var(--xa,0),var(--ya,0))}to{transform:translate(var(--xb,0),var(--yb,0))}}@keyframes BackToTopReveal{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(-100%)}}@keyframes TranslateY{0%{transform:translateY(var(--y,0))}}@keyframes Translate{0%{transform:translate(var(--x,0),var(--y,0))}}@keyframes Fade{0%{opacity:0}to{opacity:var(--opacity,1)}}@keyframes Fader{0%{opacity:0}to{opacity:var(--opacity,1)}}@keyframes Activate{0%{opacity:.97;transform:scale(.99)translate(2px)translateY(2px)}}@keyframes Hide{99%{opacity:var(--opacity,0)}to{opacity:var(--opacity,0);display:none}}@keyframes Blink{0%{opacity:0}49%{opacity:0}50%{opacity:1}to{opacity:1}}@keyframes Loading{0%{background-image:linear-gradient(90deg,#66a329,#66a329);transform:translate(0)}10%{background-image:linear-gradient(90deg,#29a3a3,#29a3a3)}20%{transform:translateX(calc(100% - var(--loader-size)));background-image:linear-gradient(90deg,#29a3a3,#29a3a3)}30%{background-image:linear-gradient(90deg,#6629a3,#6629a3)}40%{transform:translateX(calc(100% - var(--loader-size)))translateY(calc(100% - var(--loader-size)));background-image:linear-gradient(90deg,#6629a3,#6629a3)}50%{background-image:linear-gradient(90deg,#a32929,#a32929)}70%{transform:translateX(0)translateY(calc(100% - var(--loader-size)));background-image:linear-gradient(90deg,#a32929,#a32929)}80%{background-image:linear-gradient(90deg,#66a329,#66a329)}to{background-image:linear-gradient(90deg,#66a329,#66a329);transform:translate(0)}}@keyframes Hide-Install{0%{transform:translate(0)}to{transform:translate(calc(44px - 100%))}}@keyframes TagReveal{to{transform:translateY(0)}}@keyframes TagHide{to{transform:translateY(calc(var(--pad,0) - 48%))}}@keyframes DevelopPhotograph{0%{opacity:0;filter:brightness()blur(20px)}10%{opacity:1;filter:brightness(2)blur(10px)}to{opacity:1;filter:brightness()blur()}}@keyframes MIDIConnect{0%{content:"Connect a MIDI device"}30%{content:"Connect a MIDI device.."}60%{content:"Connect a MIDI device..."}90%{content:"Once connected the device will sing"}}@keyframes RevealViaCircle{0%{clip-path:circle(.1px)}to{clip-path:var(--circle-size,circle(499))}}@keyframes FromCircle{0%{clip-path:circle(190px)}to{clip-path:circle(.1px)}}@keyframes Pulse{0%{opacity:var(--opacity,.3)}to{opacity:var(--alpha,1)}}@keyframes ToCircle{0%{clip-path:circle(.1px)}to{clip-path:circle(190px)}}@keyframes OutlineFocus{0%{outline:4px solid var(--shade-yellow)}33%{outline:4px dashed var(--shade-yellow)}66%{outline:4px dotted var(--shade-yellow)}to{outline:4px solid #0000}}@keyframes Emoji{16.6667%{content:"😀"}33.3333%{content:"😃"}50%{content:"😄"}66.6667%{content:"😁"}83.3333%{content:"😆"}}html{--scroll-x:50px;--scroll-y:50px;--stroke:2px;--col-bg:var(--shade-dark);transition:background-position var(--ease-s)linear,background-color var(--ease-s)linear,background-size var(--ease-s)linear;transition:transform var(--ease-s)linear,background-position var(--ease-s)linear,background-color var(--ease-s)linear,background-size var(--ease-s)linear;background-color:var(--col-bg,black);animation-duration:.999s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:reverse;animation-fill-mode:both}body{background-image:linear-gradient(#e7dbd5e6,#e7dbd5,#26222533,#262225fa);background-position:50%,50%,50%;background-repeat:no-repeat,repeat,repeat;background-size:100%,25%,25%}html.loading{--scroll-x:60px;--scroll-y:80px;background-image:url(photosynth.365e1e60.svg);background-size:var(--scroll-x)var(--scroll-y);background-blend-mode:screen;background-repeat:repeat;animation-name:BGScroll}html.loading body{background-image:linear-gradient(#e7dbd5cc,#e7dbd5ed)}html.loaded body{background:0 0}html.player-selection{--size:400px;--scroll-x:calc(var(--size));--scroll-y:calc(2/3*var(--size));--grid-x:calc(var(--scroll-x) - var(--stroke));--grid-y:calc(var(--scroll-y) - var(--stroke));--h:20;--c1:hsl(var(--h),77%,9%);--c2:hsl(var(--h),67%,18%);--c3:hsl(var(--h),17%,2%);--col-grid:var(--shade-dark);--x:1;--y:1;--_g:var(--c1)10%,var(--c2)10.5% 19%,#0000 19.5% 80.5%,var(--c2)81% 89.5%,var(--c3)90%;--_c:from -90deg at 37.5% 50%,#0000 75%;--_l1:linear-gradient(145deg,var(--_g));--_l2:linear-gradient(35deg,var(--_g));background-image:linear-gradient(145deg,var(--_g)),linear-gradient(145deg,var(--_g)),linear-gradient(35deg,var(--_g)),linear-gradient(35deg,var(--_g)),conic-gradient(var(--_c),var(--c1)0),conic-gradient(var(--_c),var(--c3)0),linear-gradient(90deg,var(--c3)38%,var(--c1)0 50%,var(--c3)0 62%,var(--c1)0);background-position:calc((var(--scroll-x))*var(--x))0,calc(var(--scroll-x)/2*var(--x))calc(var(--scroll-x)),calc((var(--scroll-x))*var(--x))0,calc(var(--scroll-x)/2*var(--x))calc(var(--scroll-x)),calc(var(--scroll-x)/8*var(--x))0,calc(var(--scroll-x)/2*var(--x))0,calc((var(--scroll-x))*var(--x))0;background-size:var(--scroll-x,150px)var(--scroll-y,150px);background-color:var(--col-transition,var(--col-bg));background-blend-mode:normal;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat}html.player-selection.duet{--size:300px}html.player-selection.trio{--size:200px}html.player-selection.quartet{--size:100px}html.player-selection.beginner{--h:196;--col-bg:var(--shade-blue);--col-transition:var(--shade-blue);background-color:var(--shade-blue)}html.player-selection.automated{--scroll-x:calc(var(--size));--scroll-y:calc(var(--size));--_g:var(--c3)0 120deg,#0000 0;background-image:conic-gradient(from -60deg at 50% 19.0476%,var(--_g)),conic-gradient(from 120deg at 50% 83.3333%,var(--_g)),conic-gradient(from 60deg at 66.6667%,var(--c3)60deg,var(--c2)0 120deg,#0000 0),conic-gradient(from 180deg at 33.3333%,var(--c1)60deg,var(--_g)),linear-gradient(90deg,var(--c1)16.6667%,var(--c2)0 50%,var(--c1)0 83.3333%,var(--c2)0);background-position:0}@media screen and (prefers-reduced-motion:no-preference){html.player-selection{animation-name:BGScroll2;animation-duration:2.999s}html.automated{animation-name:BGScroll3;animation-duration:3s;animation-timing-function:ease-in-out}}#feedback{--icon-width:0px;--indicator-width:6px;--bg:hyphens: auto;transition:opacity var(--ease-m)linear,transform var(--ease-m)linear;padding:calc(var(--pad)*1.5)calc(var(--pad)*2);padding-right:calc(var(--indicator-width) + var(--pad)*2);box-sizing:border-box;z-index:303;top:var(--pad);user-select:none;pointer-events:none;text-align:center;text-wrap:balance;text-wrap:pretty;max-width:calc(80vw - 2*var(--pad));color:var(--shade-dark,black);background-color:var(--shade-white,white);border-color:var(--shade-orange,orange);text-align:left;transition:opacity var(--ease-m)linear,transform var(--ease-m)linear;text-shadow:0 -1px 2px #e7dbd5f5,0 0 2px #262225f5;border-radius:3px;position:fixed;bottom:auto}#feedback:before{content:"";height:calc(3ch - 6px);width:var(--icon-width);color:var(--shade-grey);background-image:var(--bg);vertical-align:middle;background-position:0 0;background-repeat:no-repeat;background-size:contain;display:inline-block}#feedback:after{content:"";height:calc(2ch - 3px);width:var(--indicator-width);margin-right:calc(-1*var(--indicator-width));margin-left:calc(var(--pad)/2);background-color:var(--shade-orange,orange);vertical-align:text-bottom;margin-bottom:1px;animation:1.15s infinite both Blink;display:inline-block}#feedback:empty{opacity:0;display:none}#feedback.settings,#feedback.tempo,#feedback.disco,#feedback.beats,#feedback.metronome,#feedback.silence,#feedback.volume,#feedback.muted,#feedback.unmuted{--bg:url(volume_up-24px.06a9096d.svg);--icon-width:3ch;--indicator-width:calc(var(--icon-width)/2)}#feedback.settings:after,#feedback.tempo:after,#feedback.disco:after,#feedback.beats:after,#feedback.metronome:after,#feedback.silence:after,#feedback.volume:after,#feedback.muted:after,#feedback.unmuted:after{animation:none;display:none}#feedback.settings,#feedback.tempo,#feedback.disco,#feedback.beats,#feedback.metronome,#feedback.silence,#feedback.volume,#feedback.muted,#feedback.unmuted{background-color:var(--shade-dark,black);color:var(--shade-white,white)}#feedback.settings:before,#feedback.tempo:before,#feedback.disco:before,#feedback.beats:before,#feedback.metronome:before,#feedback.silence:before,#feedback.volume:before,#feedback.muted:before,#feedback.unmuted:before{filter:invert()}#feedback.settings{--bg:url(settings-24px.2c82b72d.svg)}#feedback.beats{--bg:url(auto_fix_high-24px.c6c18824.svg)}#feedback.silence{--bg:url(auto_fix_off-24px.5e627c4d.svg)}#feedback.metronome{--bg:url(hourglass_empty-24px.0dcc03b3.svg)}#feedback.muted{--bg:url(volume_mute-24px.3f35ae7f.svg)}#feedback.unmuted{--bg:url(volume_off-24px.07d04ba0.svg)}#feedback.disco,#feedback.instrument{--bg:url(blur_on-24px.70333c61.svg)}#feedback.tempo{--bg:url(speed-24px.e2251046.svg)}#feedback.hide{opacity:0}#feedback:hover~canvas{opacity:.5}.warning{--size:34px;border-radius:calc(var(--curve)*.4);box-sizing:border-box;max-inline-size:none;width:100%;color:var(--shade-white);background:var(--shade-brand,var(--shade-red,red));padding:var(--pad)calc(2*var(--pad))var(--pad)calc(4*var(--pad));padding-left:calc(var(--pad)*2 + var(--size));z-index:909;text-wrap:balance;flex:0 auto;place-self:center;position:relative}.warning em{text-decoration:underline}.warning:before{content:"!";text-align:center;font-size:calc(var(--size)*.8);width:var(--size);height:var(--size);margin-right:var(--pad);clip-path:polygon(50% 0%,0% 100%,100% 100%);vertical-align:text-top;left:var(--pad);color:var(--shade-brand,var(--shade-red,red));background:var(--shade-white);display:inline-block;position:absolute;top:50%;transform:translateY(-50%)}.warning.fatal:before{content:"!";clip-path:polygon(50% 0%,0% 100%,100% 100%);color:var(--shade-brand,var(--shade-red,red));background:var(--shade-white);animation:3s linear infinite both Pulse}.audio-player{--size:100px;min-width:var(--size);min-height:3rem;display:block;position:relative}.audio-player:after{content:"";z-index:-2;background-color:var(--shade-green);position:absolute;inset:0}.audio-player.paused:after{background-color:var(--shade-yellow)}.audio-player .button-close{box-shadow:none;color:#0000;text-shadow:none;background:var(--shade-brand,var(--shade-red));border:var(--border)var(--shade-white)solid;transition-timing-function:var(--ease-out-back);transition:transform var(--ease-m)0s;box-sizing:border-box;z-index:202;border-radius:99px;justify-content:center;align-items:center;padding:0;font-size:0;display:flex;position:absolute;top:0;right:0;transform:translate(50%,-50%)scale(.9)}.audio-player .button-close:before{color:var(--shade-white,white);filter:none;font-size:26px}.audio-player .button-close:hover{color:#0000;border-color:var(--shade-brand,var(--shade-red))}.audio-player .button-close:active{animation:none}.audio-player .button-close:hover,.audio-player .button-close:focus{transform:translate(50%,-50%)scale(1)}.audio-player .button-close:hover:before,.audio-player .button-close:focus:before{opacity:1;outline:o}.audio-player .button-close:hover~.waveform-wrapper{background-color:var(--shade-brand,var(--shade-red))}.button-play-pause{--max-width:auto;--bg:url(pause_circle_black_24dp.e5714f0e.svg);z-index:1;background:0 0;background-image:var(--bg)center no-repeat;border-radius:0;width:100%;height:100%;padding:0;position:absolute;top:0;left:0}.button-play-pause:focus{box-shadow:none;border:3px solid var(--shade-orange);outline:none}.button-play-pause:hover,.button-play-pause:focus{transition:none;animation:none}.button-play-pause strong{font-size:70%;font-weight:900;display:block}.paused .button-play-pause{--bg:url(play_circle_outline_black_24dp.e2ebd725.svg)}.button-download-mp3,.button-download-ogg,.button-download-wave{--bg:url(download_for_offline_black_24dp.07e25888.svg)}.audio-progress{z-index:-1;opacity:.4;width:100%;height:100%;display:block;position:absolute;top:0;left:0;right:0}.audio-download-menu{visibility:hidden;margin:0;padding:0;display:flex}.audio-download-menu button{--col-select:var(--shade-yellow);--col-hover:var(--shade-green);z-index:2;--bg:url(download_for_offline_black_24dp.07e25888.svg);background-position:top;padding:0}.audio-download-menu:focus-within,.audio-download-menu:hover{visibility:visible}.waveform{width:100%;height:100%}.waveform path{stroke:var(--shade-blue);stroke-width:1px}.waveform-wrapper{position:absolute;inset:0}.tooltip,#toast{--arrow-tip:12px;--triangle-size:2ex;--col-bg:var(--shade-dark);--left:0;--top:0;--max-horizontal-percent:calc(100vw - 100% - 2*var(--pad));--min-vertical-pixels:calc(2*var(--pad));--max-vertical-pixels:calc(100dvh - 2*var(--pad) - 100%);--top-half:50vh;--xInPx:calc(1px*var(--left,0));--yInPx:calc(1px*var(--top,0));--y:clamp(var(--min-vertical-pixels,100%),var(--yInPx),var(--max-vertical-pixels));--_ybool:clamp(0,calc(999*(var(--y)/var(--top-half,50vh))),1);--_above-fold-flipper:calc(2*(var(--_ybool)-1 ));--_below-fold-flipper:calc(-1*var(--_above-fold-flipper));--x:clamp(var(--pad),var(--xInPx) - var(--position-offset-x,0),var(--max-horizontal-percent));--_x:var(--x);--d:calc(var(--xInPx) - var(--max-horizontal-percent));--max-width:calc(100dvw - var(--pad)*4 - var(--x));--max-chars:16ch;--min-width:calc(var(--d) + var(--pad)*2);--position-offset-x:calc(var(--triangle-size,1rem) + .5rem);--is-gt-320:clamp(0,var(--top)/320,1);--is-lt-320:calc(1 - var(--is-gt-320));pointer-events:none;user-select:none;font-size:clamp(9px,var(--font-size),14px);z-index:1066;bottom:unset;right:unset;transform:translateX(var(--x))translateY(calc(var(--y) + var(--is-gt-320,1)*(-100% - var(--pad)) + var(--is-lt-320,0)*(var(--pad))));width:var(--min-width,3ch);min-width:fit-content;max-width:min(var(--max-width),var(--max-chars));min-height:1ex;padding:calc(var(--pad)*1);filter:drop-shadow(0 0 var(--stroke,2px)var(--shade-dark));margin:0;display:block;position:absolute;top:0;left:0;overflow:visible}.tooltip:before,#toast:before{content:"";--is-x-past-break:clamp(0,calc(999*var(--d)),1%);--f:clamp(0,calc(100000000*var(--d)),100%);--flipper:clamp(-1,calc(var(--_below-fold-flipper)*9),1);--flopper:clamp(0,var(--_ybool),1);--scale:.7;--tx:clamp(0px,calc(var(--_ybool)*900px),var(--x));--_o:(var(--flipper,0)*-8px );--arrow-y:clamp(0%,calc(999*(var(--yInPx) - 50vh )),100%);--triangle-x:clamp(0%,var(--d),100%);--left:clamp(var(--pad,0%),var(--triangle-x),100% - var(--triangle-size) - var(--pad)*2);--top:calc(100%);--_reflect:clamp(-1,9999*(var(--left) - 160),1);clip-path:polygon(0 0,100% 0,100% 100%);height:var(--triangle-size);width:var(--triangle-size);background:inherit;z-index:-1;border:inherit;left:var(--left,0);top:var(--top,0);transform:scaleX(calc(var(--scale,1)*var(--_reflect,1)))rotate(calc(180deg*var(--_above-fold-flipper,0)))translate(var(--left,0),0);transform-origin:50%;border-top:0;display:block;position:absolute}.tooltip:empty,#toast:empty{--opacity:0;animation:Hide var(--ease-q)1 0s ease-out both}.tooltip:hover,#toast:hover{opacity:0}.tooltip[hidden],#toast[hidden]{display:none}[popover]{opacity:0;--duration:var(--ease-m,.7s);transition:opacity var(--duration),transform var(--ease-q,.4s),overlay var(--duration)allow-discrete,display var(--duration)allow-discrete}[popover]:popover-open{opacity:1}@starting-style{[popover]:popover-open{opacity:0;display:none}}#load-progress{gap:var(--pad);visibility:visible;max-width:max-content;padding:calc(2*var(--pad));padding-bottom:var(--pad);box-shadow:var(--shadow);transition:opacity var(--ease-m)0s,transform var(--ease-m)0s,background-color var(--ease-m)0s var(--ease-out-back),border-radius var(--ease-m)0s;z-index:909;background-image:linear-gradient(#ffffffed,#fcfaf3f5);border-radius:1.1rem;margin:auto;display:grid;position:relative}#load-progress label{pointer-events:none;grid-area:1/1/-1/-1;width:100%;margin-top:88%}#load-progress progress{grid-area:1/1/-1/-1}#load-progress:has(progress[value="1"]){box-shadow:none;background-image:none;background-color:var(--shade-yellow);border-radius:99px}#load-progress[data-loaded=true],#load-progress[data-loaded=true]{opacity:0;visibility:hidden;display:none}#load-progress[data-loaded=true]:hover{opacity:1;visibility:visible;display:block}label[for=progress-bar]{width:calc(100% - 2*var(--pad));color:var(--shade-gray);text-align:center;border:0;outline:none;flex-direction:column;flex-grow:1;justify-content:flex-end;margin:auto;padding:0;font-size:77%;display:flex}label[for=progress-bar]:hover{background-color:#0000}.load-percent{text-align:center;color:var(--shade-dark);opacity:.8;font-size:758%;line-height:1;position:absolute;bottom:100%;left:0;right:0}.folder-content progress:not([value]){display:none}.folder-menu:is(:focus,:focus-within) .folder-content progress:not([value]),.folder-content:is(:focus,:focus-within,:target) progress:not([value]),.folder-link:is(:focus,:focus-visible,:active)+.folder-content progress:not([value]){display:inline-block}progress{transform-origin:50%;appearance:none;box-sizing:border-box;background:0 0;border:none}progress:not([value],.donut){--size:clamp(44px,50vmin,88px);--stroke:4px;width:var(--size);height:var(--size);vertical-align:middle;color:inherit;cursor:progress;border-top:var(--stroke)solid var(--shade-white,white);border-right:var(--stroke)solid transparent;border-radius:999px;margin:auto;animation:1s linear infinite Rotate;display:inline-block;overflow:hidden}progress:not([value],.donut)::-webkit-progress-bar{background-color:#0000}progress:not([value],.donut)::-webkit-progress-value{background-color:#0000}progress.donut{--range:176deg;--angle:calc(( var(--progress,1))*var(--range,160deg));--size:clamp(202px,50vmin,250px);--scale:1;--overscale:calc(.01 + ( 1 - var(--progress))*.91);--direction:-1;--duration:2s;--stroke:clamp(50px,7vmin,70px);--saturation:calc(var(--progress,1)*100%);--luminosity:70%;--ease:cubic-bezier(.4,0,.2,1);--full-scale:calc(var(--scale,1) + var(--overscale,.5));color:inherit;cursor:progress;appearance:none;box-sizing:border-box;width:var(--size);height:var(--size);clip-path:inset(0 0 50%);transform-origin:50%;border-radius:999px;margin:auto;display:grid;position:relative;overflow:hidden}progress.donut:before,progress.donut:after{--delay:0s;content:"";width:calc(var(--size) - var(--stroke,10px)*2);height:calc(var(--size) - var(--stroke,10px)*2);border:var(--stroke,10px)solid var(--shade-green);transform-origin:50%;box-sizing:content-box;clip-path:inset(0 0 50%);animation:LoaderLine calc(var(--duration)*1)var(--ease)infinite var(--delay)alternate both,LoaderColor calc(var(--duration)*7)linear var(--delay)infinite both;border-radius:999px;grid-area:1/-1;display:block;overflow:hidden}progress.donut:before{opacity:.5}progress.donut:after{--delay:calc(var(--duration,1s)*-.03)}progress.donut:hover{animation-play-state:running}progress::-moz-progress-bar{--overscale:1;--full-scale:calc(var(--scale,1) + var(--overscale,1));--stroke:20px;background:radial-gradient(#fff 55%,#0000 56%),conic-gradient(#fdd477 0% 25%,#65aaff 25% 60%,#fa8a8a 60% 100%);background:radial-gradient(circle,transparent calc(var(--stroke)),var(--shade-green)calc(var(--stroke)));clip-path:inset(0 0 50%);transform-origin:50%;transform:rotate(calc((1 - var(--progress,1))*var(--range,160deg)));animation:LoaderLine2 calc(var(--duration)*1)var(--ease)infinite var(--delay,0s)alternate both,LoaderColor calc(var(--duration)*7)linear var(--delay,0s)infinite both;overflow:hidden}progress[value="1"]{--overscale:0;--range:180deg;clip-path:none;animation:LoaderComplete .2s var(--ease)1 alternate both;animation-timing-function:var(--ease-out-back);border-radius:0;animation-timing-function:cubic-bezier(.455,.03,.515,.955)}progress[value="1"]:before,progress[value="1"]:after{--size:250px;--delay:0s;--duration:.5s;--stroke:40px;--scale:.7;--overscale:0;--saturation:100%;--luminosity:0%;transition:background .45s linear;animation-play-state:paused}progress[value="1"]:after{--_eye-r:calc(var(--size)*.2);--_nose-x:calc(var(--size)*.18);--_nose-y:66%;--col-eye:hsl(360,var(--saturation,50%),var(--luminosity,50%));box-sizing:border-box;clip-path:none;background-repeat:no-repeat;background-image:radial-gradient(var(--_eye-r,5px)circle at calc(50% + var(--_nose-x,0))var(--_nose-y,50%),var(--col-eye)50%,transparent 51%),radial-gradient(var(--_eye-r,5px)circle at calc(50% - var(--_nose-x,0))var(--_nose-y,50%),var(--col-eye)50%,transparent 51%);background-size:100% 100%;border-width:0;border-color:#0000;width:100%;height:100%;margin:0;padding:0;animation:none;transform:none}progress[value="1"]+label{display:none}.player-selection #load-progress{left:var(--pad);top:var(--pad);box-shadow:none;pointer-events:none;background-color:#0000;background-image:none;flex-direction:row;justify-content:center;align-items:center;margin:0;padding:0;display:grid;position:fixed;transform:none}.player-selection #load-progress progress{--size:var(--loader-size-small,59px);--stroke:16px;grid-area:1/-1;margin:0;transform:rotate(.5turn)scale(.8)}.player-selection #load-progress progress[value="0.5"],.player-selection #load-progress progress[value="1"]{opacity:0}.player-selection #load-progress label[for=progress-bar]{color:#0000;z-index:-1;mix-blend-mode:hard-light;grid-area:1/1/-1/-1;place-self:center;margin:0;font-size:2px;display:block;position:absolute;top:auto;left:0;right:0}.player-selection #load-progress .load-percent{text-align:center;color:var(--shade-brand);font-size:20px}.player-selection #load-progress:has(progress[value="1"]){background-color:#0000}.loader.wheel:after{--delay:calc(var(--duration,0s)*-.015);animation:LoaderLine var(--duration)var(--ease)var(--delay)infinite alternate both,LoaderColor calc(var(--duration)*7)linear infinite both}@keyframes Loader{}@keyframes LoaderComplete{to{transform:rotate(-.5turn)scale(var(--scale,1))}}@keyframes LoaderLine{0%{transform:rotate(calc(-.5turn + var(--angle)))scale(var(--scale,1))}5%{transform:rotate(calc(-.25turn + var(--angle)))scale(var(--scale,1))}25%{transform:rotate(calc(-.5turn + var(--angle)))scale(calc((var(--scale,1) + var(--full-scale))*.5))}50%{transform:rotate(0turn)scale(var(--full-scale,1.5))}75%{transform:rotate(calc(.25turn - var(--angle)))scale(calc((var(--scale,1) + var(--full-scale))*.5))}95%{transform:rotate(calc(.5turn - var(--angle)))scale(var(--scale,1))}to{transform:rotate(calc(.5turn - var(--angle)))scale(var(--scale,1))}}@keyframes LoaderLine2{0%,5%{transform:rotate(calc(-.5turn + var(--angle)))scale(var(--scale,1))}50%{transform:rotate(0turn)scale(var(--full-scale,1.5))}95%,to{transform:rotate(calc(.5turn - var(--angle)))scale(var(--scale,1))}}@keyframes LoaderLineComplete{to{transform:rotate(.5turn)}}@keyframes LoaderColor{0%{filter:hue-rotate()}to{filter:hue-rotate(1turn)}}html:is(.error,.failure):has(dialog[open]){max-height:100vh;overflow:hidden}dialog{animation:DialogOut var(--ease-q)linear 0s 1 both;box-sizing:border-box;padding:calc(2*var(--pad))calc(3*var(--pad))calc(1.5*var(--pad))calc(3*var(--pad));background-image:linear-gradient(white,var(--shade-white));width:fit-content;height:fit-content;max-height:clamp(420px,100%,100vh - 4*var(--pad));max-width:clamp(280px,100%,100vw - 4*var(--pad));pointer-events:none;align-self:center;margin:auto}dialog>:is(h3,h4,h5,h6){--font-scale:1.5;margin-bottom:var(--pad);margin-left:calc(-1*var(--pad));align-items:center;line-height:1.04cap;display:flex}dialog>:is(h3,h4,h5,h6):before{--size:calc(var(--s5)*1.5rem);--bg:url(support_black_24dp.b947ceb3.svg);content:"";min-width:var(--size);min-height:var(--size);background-size:contain;background-image:var(--bg);opacity:1;transform-origin:50%;display:inline-block;transform:scale(.72)translateY(-5%)}dialog ol{padding:calc(var(--pad)*1)calc(var(--pad)*2)}dialog a{color:var(--shade-orange,orange);text-decoration:underline dashed;text-decoration-color:var(--shade-brand,var(--shade-red,red));text-underline-offset:4px;z-index:909;pointer-events:auto}dialog a:hover{text-decoration-style:solid}dialog a:focus{text-decoration-style:wavy}dialog .version{top:calc(1*var(--pad));right:calc(2rem + var(--pad));opacity:.3;z-index:909;order:-1;position:absolute}dialog .version:hover{opacity:1}dialog .learn-more{border-top:1px solid var(--shade-grey);margin-top:var(--pad);padding-top:var(--pad);z-index:909}dialog button.reload-app,dialog button.reset-app{--icon-visible:0}dialog menu{z-index:9;pointer-events:auto}dialog:after,dialog form[method=dialog] button[type=submit],dialog .if-recoverable,dialog button.close{content:"";opacity:0;z-index:-1;pointer-events:auto;background:url(close-24px.2451ded3.svg) no-repeat;background-position:top calc(1*var(--pad))right calc(1*var(--pad));position:absolute;inset:0}dialog:after{opacity:1;z-index:1}dialog::backdrop{pointer-events:none}dialog form[method=dialog]{pointer-events:auto;z-index:2;order:-1}dialog.fatal{vertical-align:middle}dialog.fatal h5:before{content:"😞";margin-right:calc(var(--pad)/2);display:inline-block}dialog.fatal:after,dialog.fatal form[method=dialog] button[type=submit],dialog.fatal .if-recoverable,dialog.fatal button.close{display:none}dialog[loading]{visibility:hidden}dialog:not([open]){pointer-events:none;opacity:0;display:none}dialog[open]{--y:-8%;animation:DialogIn var(--ease-q)linear 0s 1 both;opacity:1;pointer-events:auto;overscroll-behavior-y:contain;border-radius:var(--curve);color:var(--shade-dark);box-shadow:var(--shadow);transition:opacity var(--ease-q)linear,transform var(--ease-q)linear;opacity:1;position:initial;border:0;flex-direction:column;grid-area:none;display:flex;overflow:hidden auto}@starting-style{dialog[open]{opacity:0;transform:translateY(var(--y,10px))}dialog[open]::backdrop{opacity:0}}dialog[open]>*{user-select:none;animation:Fade var(--ease-q)linear 0s 1 both}dialog[open].fatal::backdrop{background:repeating-linear-gradient(45deg,rgba(var(--col-blue,blue),.2),rgba(var(--col-blue,blue),.2)1px,rgba(var(--col-cream,white),.3)1px,rgba(var(--col-cream,white),.3)20px),radial-gradient(circle at center,var(--shade-white,white),var(--shade-dark,black));backdrop-filter:blur(25px);opacity:.5;transition:display .3s allow-discrete,overlay .3s allow-discrete,opacity .3s,transform .3s;pointer-events:none;user-select:none;min-height:100vh}.error dialog[open]::backdrop,dialog[open].error::backdrop{background-color:var(--shade-cream)}.failure dialog[open]::backdrop,dialog[open].failure::backdrop{background-color:var(--shade-brand,var(--shade-red,red))}@keyframes DialogIn{0%{transform:translateY(var(--y,0));opacity:.6}}@keyframes DialogOut{to{transform:translateY(var(--y,0));opacity:.6}}:where(details){pointer-events:auto;interpolate-size:allow-keywords;place-self:center stretch;transition:height .25s ease-in;display:block}:where(details)>summary{cursor:pointer;cursor:copy;user-select:none;pointer-events:auto;box-sizing:border-box;grid-template-areas:"marker summary";list-style:none;display:inline-flex}:where(details)>summary:before{content:"×";color:inherit;font-size:inherit;transform-origin:50%;transition:transform var(--ease-s)var(--ease-out-back);margin-right:calc(var(--pad)*.5);grid-area:marker;transition-delay:.4s;display:inline-block;transform:rotate(45deg)}:where(details)>summary:is(){content:"";grid-area:marker;display:none}:where(details[open]) summary:before{transform:rotate(0)}details::details-content{transition-behavior:allow-discrete;transition:content-visibility,height}details[open]::details-content{height:auto}.cursor{--size:100px;--total:calc(var(--duration,4)*3s);--percent:calc(var(--p,0));left:calc(var(--mx,0)*1px);top:calc(var(--my,0)*1px);visibility:hidden;pointer-events:none;z-index:2147483647;border-radius:99px;display:none;position:absolute;transform:translate(-50%,-50%)}.cursor:before,.cursor:after{content:"";transform-origin:50%;width:var(--size);height:var(--size);box-sizing:border-box;border-radius:99px;grid-area:1/-1;display:block}.cursor:before{background-color:hsla(var(--hue-red),30%,50%,50%);background-image:repeating-conic-gradient(var(--shade-yellow)0deg 3deg,transparent 3deg 33deg);border:3px dashed var(--shade-brand,var(--shade-red))}.cursor:after{background-color:var(--shade-green);background-image:radial-gradient(circle,var(--shade-yellow)0%,var(--shade-green)100%)}.cursor.pressure{visibility:visible;display:grid}.cursor.pressure:before{animation:MousePressureOuter var(--total)var(--ease-out-back,linear)0s 1 both}.cursor.pressure:after{animation:MousePressureInner var(--total)var(--ease-out-back,linear)0s 1 both}@keyframes MousePressureOuter{0%{transform:scale(.1)}5%{transform:scale(1)rotate(.2turn)}95%{transform:scale(1)rotate(.2turn)}to{opacity:0;transform:scale(.1)}}@keyframes MousePressureInner{0%{transform:scale(.1)}33%{transform:scale(calc(var(--percent)))}66%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(0)}}.folder-menu{--size:44px;--height:calc(2*var(--size));--width:var(--size);--overlap:.05;--duration:.3s;--ease:var(--ease-out-back);background:inherit;border-radius:2px;flex:1;animation:none;position:static}.folder-content{visibility:hidden;z-index:-1;z-index:909;opacity:0;background-color:var(--col-bottom);background-image:linear-gradient(var(--col-bottom,#0000004d),var(--col-top,#ffffff4d));transition:transform var(--fade-speed)var(--ease),opacity var(--fade-speed)linear;flex-direction:column;margin:0;padding:0;list-style:none;animation:.495s linear both CloseFolder;display:flex;position:absolute}.folder-content>*{z-index:2;visibility:hidden}.folder-content>*>*{z-index:1}.folder-content a:last-of-type{--size:44px;--bg:url(expand_more-24px-white.9b57ef4c.svg);color:#0000;text-align:center;cursor:pointer;user-select:none;z-index:-1;background-image:var(--bg),linear-gradient(0deg,black,transparent);background-size:var(--size,22px),100%;background-position:50% bottom 18px,50%;background-repeat:no-repeat;order:-1;position:absolute;inset:0}.folder-content a:last-of-type:hover,.folder-content a:last-of-type:focus{animation:.9s infinite alternate both Pulse}.folder-menu.inline.up{position:relative}.folder-menu.inline.up .folder-content{margin-bottom:-100%;padding-bottom:100%;bottom:100%;left:0;right:0}.folder-menu.top{position:static}.folder-menu.top .folder-content{top:0}.folder-menu.bottom{position:static}.folder-menu.bottom .folder-content{padding-top:0;padding-bottom:100%;top:auto;bottom:0}.folder-menu.bottom .folder-content a:last-of-type{order:initial}.folder-menu.bottom.horizontal .folder-content{padding-bottom:min(100%,var(--height,44px));padding-top:0;top:auto;bottom:0;left:0}.folder-menu.bottom.horizontal .folder-content a:last-of-type{order:initial}.folder-menu.bottom.right .folder-content{right:0}.folder-menu:is(:focus,:focus-within) .folder-content,.folder-content:is(:focus,:focus-within,:target),.folder-link:is(:focus,:focus-visible,:active)+.folder-content{visibility:visible;opacity:1;pointer-events:auto;z-index:909;animation:95ms linear both OpenFolder;transform:translateY(0%)}.folder-menu:is(:focus,:focus-within) .folder-content>*,.folder-content:is(:focus,:focus-within,:target)>*,.folder-link:is(:focus,:focus-visible,:active)+.folder-content>*{visibility:visible;z-index:909;flex-grow:1}.folder-menu:is(:focus,:focus-within) .folder-content a:last-of-type,.folder-content:is(:focus,:focus-within,:target) a:last-of-type,.folder-link:is(:focus,:focus-visible,:active)+.folder-content a:last-of-type{z-index:1;transform:none}@keyframes OpenFolder{0%{opacity:0;transform:translateY(50%)}}@keyframes CloseFolder{to{opacity:0;transform:translateY(50%)}}nav.circular-menu{--size:clamp(206px,50vw,480px);--segment:calc(var(--size)/3);--stroke:3px;--radius:33%;--col-arrow:black;--_duration:calc(var(--duration,5000)/1);--_angle:var(--angle,90);--_gap:var(--trigger,10);min-height:var(--size);max-width:var(--size);z-index:-1;outline:1px solid pink;justify-content:center;place-self:center;align-items:center;margin:auto;display:flex;position:fixed;inset:0}nav.circular-menu:hover{z-index:2147483647}nav.circular-menu button{all:unset;user-select:none;aspect-ratio:1;min-width:var(--segment);min-height:var(--segment);max-width:var(--segment);max-height:var(--segment);text-align:center;text-transform:uppercase;box-sizing:border-box;transform:translateX(calc(var(--x,0%) - var(--segment)*0))translateY(calc(var(--y,0%) - var(--segment)*0));justify-content:center;align-items:center;padding:.5rem;display:flex}nav.circular-menu menu{--color-ring:purple;all:unset;opacity:0;visibility:hidden;box-sizing:content-box;margin-top:calc(-2*var(--segment));margin-left:calc(-1*var(--segment));transition:opacity .185s linear;display:grid}nav.circular-menu menu:before,nav.circular-menu menu:after{content:"";opacity:0;border:var(--stroke)solid var(--col-stroke,black);box-sizing:border-box;left:calc(-100% + var(--stroke));right:calc(-100% + var(--stroke));bottom:calc(-200% + var(--stroke));top:var(--stroke);background:radial-gradient(circle,transparent var(--radius),var(--color-ring)var(--radius));border-radius:999px;transition:opacity 15ms linear,transform 15ms linear;position:absolute;transform:scale(.1)}nav.circular-menu menu:after{--color-ring:pink}nav.circular-menu button.open-menu{z-index:1;max-width:var(--segment);max-height:var(--segment);cursor:pointer;border:var(--stroke)dashed var(--col-stroke,black);border-radius:999px;overflow:hidden}nav.circular-menu button.open-menu:after{--stroke:-0px;content:"";z-index:2;top:calc(-1*var(--stroke));left:calc(-1*var(--stroke));right:calc(-1*var(--stroke));bottom:calc(-1*var(--stroke));border:inherit;border-radius:inherit;box-sizing:border-box;transition:transform .24s linear;display:block;position:absolute;transform:rotate(0)}nav.circular-menu button.open-menu:before{--triangle-height:33%;--triangle-width:20%;content:"";z-index:-1;opacity:var(--arrow-opacity,0);background-color:var(--col-arrow,transparent);filter:drop-shadow(1px 1px 1px #000);clip-path:polygon(50% 0%,calc(50% - var(--triangle-width))var(--triangle-height),calc(50% + var(--triangle-width))var(--triangle-height));text-align:center;transform-origin:50%;transform:rotate(calc(90deg + 1deg*var(--_angle)));transition:opacity .185s linear;display:block;position:absolute;inset:0}nav.circular-menu menu button{z-index:1;grid-area:1/1/-1/-1}nav.circular-menu menu button:before{content:"";opacity:0;z-index:-1;background-color:red;border-radius:999px;margin:10%;transition:opacity .185s linear,transform .25s ease-out;position:absolute;inset:0}nav.circular-menu menu button:hover:before{opacity:1;transform:translateX(var(--fx,0))translateY(var(--fy,0))}nav.circular-menu menu button:first-of-type{--x:0;--y:0;--fy:-100%}nav.circular-menu menu button:nth-of-type(2){--x:100%;--y:100%;--fx:100%}nav.circular-menu menu button:nth-of-type(3){--y:200%;--fy:100%}nav.circular-menu menu button:nth-of-type(4){--x:-100%;--y:100%;--fx:-100%}nav.circular-menu button.open-menu:is(:active,:target){color:#0000}nav.circular-menu button.open-menu:is(:active,:target):before{color:red}nav.circular-menu button.open-menu:is(:active,:target,:focus-visible)~menu{opacity:1;visibility:visible;display:grid;transform:scale(1)}nav.circular-menu button.open-menu:is(:active,:target,:focus-visible),nav.circular-menu menu:focus-within{--arrow-opacity:1;background-color:#ff0}nav.circular-menu.mouse-down menu{opacity:1;visibility:visible}nav.circular-menu.mouse-down menu:before{opacity:1}nav.circular-menu.mouse-down menu:after{transition-duration:45ms,calc(var(--_duration,5000)*1ms);opacity:1;transform:scale(1)}@supports selector(:has(button)){nav.circular-menu.mouse-down menu{opacity:0}nav.circular-menu button.open-menu{--col-arrow:black}nav.circular-menu button.open-menu:is(:active,:target,:focus-visible){--arrow-opacity:0}nav.circular-menu:has(menu button:hover) button.open-menu{--arrow-opacity:1;opacity:1}}nav.circular-menu.mouse-held button.open-menu:after{transform:rotate(10deg)}nav.circular-menu.mouse-held menu:after{--color-ring:orange}menu{border:0;margin:0;padding:0}::-ms-expand{display:none}select{appearance:none;background:100%/1em no-repeat;border-radius:0;padding-right:1em}select:not([multiple]):not([size]){background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E")}label[for=select-camera],#select-camera{--col-hover:var(--shade-green)}#select-theme:focus-within{top:0;right:var(--pad);z-index:909;border:0;position:fixed}#upload-midi-form{z-index:0;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#upload-midi-form>*{opacity:0}#midi-upload-file{position:absolute;inset:0}#camera{display:none}.multiple-cameras #camera{--bg:url(switch_video-24px.e37fa778.svg);display:grid}.multiple-cameras #camera:before{pointer-events:none}.multiple-cameras #camera:hover,.multiple-cameras #camera:focus,.multiple-cameras #camera:target,.multiple-cameras #camera:focus-visible{outline:none}#nav-main{--icon-size:var(--loader-size-small,64px);top:0;left:var(--pad);right:var(--pad);z-index:808;pointer-events:none;position:fixed}nav ul{pointer-events:none;flex-direction:row;justify-content:space-between;align-items:flex-start;margin:0;padding:0;list-style:none;display:flex}nav ul li a{pointer-events:auto;text-align:center}a[href=\#help]{visibility:hidden;gap:calc(.5*var(--pad));cursor:help;color:#0000;border-radius:var(--button-curve);flex-flow:column wrap;transition:color 95ms linear;display:flex}a[href=\#help]:hover{color:var(--shade-yellow);animation:4s infinite reverse forwards TextColours}a[href=\#help]:before{content:"?";font-size:calc(var(--icon-size)*.6);width:var(--icon-size);height:var(--icon-size);box-sizing:border-box;color:var(--shade-brand,var(--shade-red,red));border:var(--stroke,4px)solid currentColor;background-color:#e1e1e133;border-radius:99%;flex:none;justify-content:center;align-items:center;padding-top:4px;display:flex}a[href=\#help]:hover:before{color:inherit}.loaded{visibility:visible}a[href=\#fund]{margin-top:var(--pad);text-transform:uppercase;color:#0000;width:var(--icon-size,10%);height:var(--icon-size,10%);animation:1s .1s both TagHide;animation-timing-function:var(--ease-out-back);filter:drop-shadow(.15rem .15rem .4rem #00000080);background-color:#0003;background-image:url(interface_colour.a12c4497.svg);background-position:bottom;background-repeat:no-repeat;background-size:72%;border-radius:999px;flex-direction:column-reverse;align-items:center;padding:0;line-height:1lh;text-decoration:none;display:block;position:relative}a[href=\#fund]:before,a[href=\#fund]:after{transition:var(--ease-s)linear opacity;z-index:3}a[href=\#fund]:before{content:"";--opacity:.8;--delay:0s;width:100%;padding-bottom:100%;display:block}a[href=\#fund]:after{content:"";opacity:0;color:var(--shade-brand,var(--shade-red,red));text-align:center;position:absolute;top:15%;left:0;right:0}.loading a[href=\#fund]:after{content:"";animation:none}.player-selection a[href=\#fund]:after{content:"O o";opacity:1;animation:2s ease-in-out infinite both EyesBlinking}.loaded a[href=\#fund]:after{content:"O O";opacity:1;animation:2s ease-in-out infinite both EyesBlinking}a[href=\#fund]:is(:hover,:focus),.player-selection a[href=\#fund]{border-color:currentColor;animation:1s .1s both TagReveal}.statistics{width:270px;max-width:none;height:144px;transform:translate(-50%);left:50%!important}.statistics canvas{width:270px!important;height:144px!important}table{border-collapse:collapse;border:1px dotted var(--stroke,var(--shade-brand,var(--shade-red,red)));border-radius:var(--border-radius,1px)}caption{text-align:left;padding-top:calc(var(--pad));padding-left:calc(2*var(--pad));padding-right:calc(2*var(--pad));background-color:var(--shade-white);border-radius:12px 12px 0 0;width:fit-content;padding-bottom:0;display:inline-block;position:relative}caption:after{content:"";width:12px;position:absolute;top:0;bottom:0;left:100%}td,th{border:1px solid var(--stroke,#c8c8c8);padding:calc(var(--pad))calc(2*var(--pad))}th{background-color:var(--shade-white,white)}td{text-align:left}:where(button,.button,.controls>:not(div,legend),.controls .folder-link){--ON:initial;--OFF: ;--icon-visible:1;--label-visible:1;--invert:0;--min-size:44px;--min-font-size:14px;--max-font-size:17px;--font-stretch:-.5385rem + 2.2vmax;--line:0;--range:12%;--shadow-offset-x:0;--shadow-offset-y:2;--hue:var(--hue-dark);--hue-selected:var(--hue-orange);--hue-active:var(--hue-yellow);--s:58%;--s-selected:58%;--s-active:58%;--l:28%;--l-selected:58%;--l-active:58%;--col-shadow:var(--shade-dark);--col-top:hsl(var(--hue),var(--s,58%),calc(var(--l,58%)));--col-bottom:hsl(var(--hue),var(--s,58%),calc(var(--l,58%) - var(--range,10%)));--col-fg:var(--col-text,var(--shade-light,white));--button-border-size:var(--border-size,2px);--button-curve:clamp(2px,1vmin,6px);--button-outline-size:2px;--box-shadow:rgba(var(--col-shadow),.8)0 0px 2px,rgba(var(--col-shadow),.6)0 .5px 2px,rgba(var(--col-shadow),.4)0 1px 2px,rgba(var(--col-shadow),.2)0 1.5px 2px;--text-glow:rgba(var(--col-shadow),.6)0 0px 1px,rgba(var(--col-shadow),.4)0 1px 1px,rgba(var(--col-shadow),.24)0 1px 1px,rgba(var(--col-shadow),.1)0 2px 1px;cursor:pointer;appearance:none;color-scheme:light dark;color:light-dark(var(--col-text,var(--col-fg,var(--shade-dark,black))),var(--col-text,var(--col-fg,var(--shade-light,white))));hyphens:auto;box-shadow:inset 0 0 0 var(--line)var(--col-ring,transparent),var(--box-shadow);padding:var(--pad)calc(2*var(--pad));font-size:calc(var(--label-visible,1)*var(--zoom)*var(--font-zoom)*clamp(var(--min-font-size,8px),var(--font-stretch),var(--max-font-size,24px)));letter-spacing:.5px;text-rendering:optimizeLegibility;text-transform:uppercase;min-width:max(var(--min-size,44px),min-content);min-height:max(var(--min-size,44px),fit-content);max-width:var(--max-width-override,var(--max-width,auto));flex-grow:1;flex-shrink:0;flex-direction:var(--dir-override,var(--direction,row));box-sizing:border-box;vertical-align:middle;z-index:1;user-select:none;-ms-touch-action:manipulation;touch-action:manipulation;max-height:128px;animation-name:none;animation-duration:0s;animation-timing-function:ease;animation-iteration-count:1;animation-direction:normal;animation-play-state:running;animation-delay:0s;animation-fill-mode:both,both;animation-timeline:auto;animation-duration:var(--duration,.9s),var(--duration,.9s);animation-direction:normal,normal;animation-delay:var(--delay-offset,0),var(--delay-offset,0);transition:transform var(--fade-speed)cubic-bezier(.175,.885,.32,1.275),opacity var(--fade-speed)linear;transition-delay:var(--delay-offset,0),var(--delay-offset,0);outline:var(--button-outline-size)solid transparent;outline-offset:calc(-2*var(--button-outline-size));place-content:center;align-items:center;margin:0;font-weight:900;line-height:1.05;text-decoration:none;display:inline-grid;position:relative;overflow:visible;transform:translate(0)}:where(button,.button,.controls>:not(div,legend),.controls .folder-link) input{pointer-events:none;user-select:none;appearance:none;z-index:-1;background:0 0;border:none;position:absolute;top:0;left:0;right:0}:where(button,.button,.controls>:not(div,legend),.controls .folder-link):is(:target,:active,:hover,:focus-visible,:has(:focus-visible)){--col-top:hsl(var(--hue-selected),var(--s-selected,var(--s,58%)),calc(var(--l-selected,var(--l,30%))));--col-bottom:hsl(var(--hue-selected),var(--s-selected,var(--s,58%)),calc(var(--l-selected,var(--l,30%)) + var(--range,15%)));--col-border:var(--shade-light,white);--shadow-offset-y:0;color:#0000;text-decoration:none}:where(button,.button,.controls>:not(div,legend),.controls .folder-link):is(:target,:active,:hover,:focus-visible,:has(:focus-visible)):after{opacity:0;z-index:1}:where(button,.button,.controls>:not(div,legend),.controls .folder-link):is(:target,:active,:hover,:focus-visible,:has(:focus-visible)) select{z-index:909}:where(button,.button,.controls>:not(div,legend),.controls .folder-link):is(:focus,:focus-visible,:focus-within,:target,:has(:target),:focus(:target)){--hue:var(--hue-orange);z-index:909;opacity:1}:where(button,.button,.controls>:not(div,legend),.controls .folder-link):is(:target,:focus-visible){outline-color:var(--col-ring,var(--col-accent,black));animation:OutlineFocus var(--ease-s)ease-in 0s both infinite alternate-reverse;outline-style:dotted}:where(button,.button,.controls>:not(div,legend),.controls .folder-link):target{--hue:var(--hue-brown)}:where(button,.button,.controls>:not(div,legend),.controls .folder-link):disabled{pointer-events:none;filter:grayscale()}:where(button,.button,.controls>:not(div,legend),.controls .folder-link):active{--hue:var(--hue-orange,5);box-shadow:inset 0 0 0 var(--line)var(--col-ring)}:where(button,.button,.controls>:not(div,legend),.controls .folder-link):active:before{--hue:var(--hue-blue,45)}:where(button,.button,.controls>:not(div,legend),.controls .folder-link).hide,:where(button,.button,.controls>:not(div,legend),.controls .folder-link)[hidden]{display:none}:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push){--ON:initial;--OFF: ;--icon-visible:1;--label-visible:1;--invert:0;--min-size:44px;--min-font-size:14px;--max-font-size:17px;--font-stretch:-.5385rem + 2.2vmax;--line:0;--range:12%;--shadow-offset-x:0;--shadow-offset-y:2;--hue:var(--hue-dark);--hue-selected:var(--hue-orange);--hue-active:var(--hue-yellow);--s:58%;--s-selected:58%;--s-active:58%;--l:28%;--l-selected:58%;--l-active:58%;--col-shadow:var(--shade-dark);--col-top:hsl(var(--hue),var(--s,58%),calc(var(--l,58%)));--col-bottom:hsl(var(--hue),var(--s,58%),calc(var(--l,58%) - var(--range,10%)));--col-fg:var(--col-text,var(--shade-light,white));--button-border-size:var(--border-size,2px);--button-curve:clamp(2px,1vmin,6px);--button-outline-size:2px;--box-shadow:rgba(var(--col-shadow),.8)0 0px 2px,rgba(var(--col-shadow),.6)0 .5px 2px,rgba(var(--col-shadow),.4)0 1px 2px,rgba(var(--col-shadow),.2)0 1.5px 2px;--text-glow:rgba(var(--col-shadow),.6)0 0px 1px,rgba(var(--col-shadow),.4)0 1px 1px,rgba(var(--col-shadow),.24)0 1px 1px,rgba(var(--col-shadow),.1)0 2px 1px;cursor:pointer;appearance:none;color-scheme:light dark;color:light-dark(var(--col-text,var(--col-fg,var(--shade-dark,black))),var(--col-text,var(--col-fg,var(--shade-light,white))));hyphens:auto;box-shadow:inset 0 0 0 var(--line)var(--col-ring,transparent),var(--box-shadow);padding:var(--pad)calc(2*var(--pad));font-size:calc(var(--label-visible,1)*var(--zoom)*var(--font-zoom)*clamp(var(--min-font-size,8px),var(--font-stretch),var(--max-font-size,24px)));letter-spacing:.5px;text-rendering:optimizeLegibility;text-transform:uppercase;min-width:max(var(--min-size,44px),min-content);min-height:max(var(--min-size,44px),fit-content);max-width:var(--max-width-override,var(--max-width,auto));flex-grow:1;flex-shrink:0;flex-direction:var(--dir-override,var(--direction,row));box-sizing:border-box;vertical-align:middle;z-index:1;user-select:none;-ms-touch-action:manipulation;touch-action:manipulation;max-height:128px;animation-name:none;animation-duration:0s;animation-timing-function:ease;animation-iteration-count:1;animation-direction:normal;animation-play-state:running;animation-delay:0s;animation-fill-mode:both,both;animation-timeline:auto;animation-duration:var(--duration,.9s),var(--duration,.9s);animation-direction:normal,normal;animation-delay:var(--delay-offset,0),var(--delay-offset,0);transition:transform var(--fade-speed)cubic-bezier(.175,.885,.32,1.275),opacity var(--fade-speed)linear;transition-delay:var(--delay-offset,0),var(--delay-offset,0);outline:var(--button-outline-size)solid transparent;outline-offset:calc(-2*var(--button-outline-size));place-content:center;align-items:center;margin:0;font-weight:900;line-height:1.05;text-decoration:none;display:inline-grid;position:relative;overflow:visible;transform:translate(0)}:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push) input{pointer-events:none;user-select:none;appearance:none;z-index:-1;background:0 0;border:none;position:absolute;top:0;left:0;right:0}:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push):is(:target,:active,:hover,:focus-visible,:has(:focus-visible)){--col-top:hsl(var(--hue-selected),var(--s-selected,var(--s,58%)),calc(var(--l-selected,var(--l,30%))));--col-bottom:hsl(var(--hue-selected),var(--s-selected,var(--s,58%)),calc(var(--l-selected,var(--l,30%)) + var(--range,15%)));--col-border:var(--shade-light,white);--shadow-offset-y:0;color:#0000;text-decoration:none}:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push):is(:target,:active,:hover,:focus-visible,:has(:focus-visible)):after{opacity:0;z-index:1}:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push):is(:target,:active,:hover,:focus-visible,:has(:focus-visible)) select{z-index:909}:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push):is(:focus,:focus-visible,:focus-within,:target,:has(:target),:focus(:target)){--hue:var(--hue-orange);z-index:909;opacity:1}:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push):is(:target,:focus-visible){outline-color:var(--col-ring,var(--col-accent,black));animation:OutlineFocus var(--ease-s)ease-in 0s both infinite alternate-reverse;outline-style:dotted}:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push):target{--hue:var(--hue-brown)}:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push):disabled{pointer-events:none;filter:grayscale()}:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push):active{--hue:var(--hue-orange,5);box-shadow:inset 0 0 0 var(--line)var(--col-ring)}:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push):active:before{--hue:var(--hue-blue,45)}:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push).hide,:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push)[hidden]{display:none}:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push){--icon-size:max(2cap,22px);--fade-speed:var(--ease-q);--duration:var(--ease-q);--delay-offset:0;padding:0}:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push):before{content:"";box-sizing:border-box}@media screen and (width<=220px){:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push){--icon-size:11px}}@media screen and (width<=320px){:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push){--icon-size:22px;--label-visible:0;--col-text:transparent;white-space:pre;text-align:center;background-position:center top calc(50% - 1px*var(--shadow-offset-y,0px)),top left;grid-template:"icon"1fr/1fr 0;justify-content:center;gap:0;padding:0}}@media screen and (width>=321px){:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push){--icon-size:max(2cap,22px);padding:var(--pad)0;gap:calc(var(--icon-visible,1)*var(--pad)*.5)0;text-align:center;background-position:center top calc(1px*var(--shadow-offset-y,0px)),top left;grid-template:"icon""text"min-content/auto;grid-auto-flow:row;place-content:start center;font-size:50%}:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push).hide-text:not(.text-always){background-position:center top calc(50% + 1px*var(--shadow-offset-y,0px)),top left;grid-template-rows:1fr 0;gap:0}}@media screen and (width>=841px){:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push){--icon-size:max(2cap,var(--button-size,33px));--pad:3px;gap:0 calc(var(--icon-visible,1)*var(--gap,var(--pad,0)));grid-template-areas:"icon text spacer";grid-template-columns:calc(var(--icon-visible,1)*var(--icon-size) + var(--space,0px))1fr auto calc((var(--icon-visible,0))*var(--icon-size));text-align:left;padding:var(--pad);background-position:left calc(var(--space,0px))top calc(50% + 1px*var(--shadow-offset-y,0px)),top left;grid-template-rows:1fr;grid-auto-flow:row;justify-content:flex-start;justify-items:center;font-size:75%}:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push):before{position:absolute}:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push):after{margin-right:0}:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push).hide-text:not(.text-always){background-position-x:50%;grid-template-columns:1fr;gap:0}:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push).hide-text:not(.text-always):after{margin-right:auto}}@media screen and (width>=980px){:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push){font-size:90%}:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push).hide-text:not(.text-always){background-position:50%,0 0;grid-template-columns:1fr}}@media screen and (width>=1200px){:where(button,.button,.controls>:not(div,legend),.controls .folder-link):not(.button-push){font-size:100%}}:where(button,.button,a,input,label).button-push{--ON:initial;--OFF: ;--icon-visible:1;--label-visible:1;--invert:0;--min-size:44px;--min-font-size:14px;--max-font-size:17px;--font-stretch:-.5385rem + 2.2vmax;--line:0;--range:12%;--shadow-offset-x:0;--shadow-offset-y:2;--hue:var(--hue-dark);--hue-selected:var(--hue-orange);--hue-active:var(--hue-yellow);--s:58%;--s-selected:58%;--s-active:58%;--l:28%;--l-selected:58%;--l-active:58%;--col-shadow:var(--shade-dark);--col-top:hsl(var(--hue),var(--s,58%),calc(var(--l,58%)));--col-bottom:hsl(var(--hue),var(--s,58%),calc(var(--l,58%) - var(--range,10%)));--col-fg:var(--col-text,var(--shade-light,white));--button-border-size:var(--border-size,2px);--button-curve:clamp(2px,1vmin,6px);--button-outline-size:2px;--box-shadow:rgba(var(--col-shadow),.8)0 0px 2px,rgba(var(--col-shadow),.6)0 .5px 2px,rgba(var(--col-shadow),.4)0 1px 2px,rgba(var(--col-shadow),.2)0 1.5px 2px;--text-glow:rgba(var(--col-shadow),.6)0 0px 1px,rgba(var(--col-shadow),.4)0 1px 1px,rgba(var(--col-shadow),.24)0 1px 1px,rgba(var(--col-shadow),.1)0 2px 1px;cursor:pointer;appearance:none;color-scheme:light dark;color:light-dark(var(--col-text,var(--col-fg,var(--shade-dark,black))),var(--col-text,var(--col-fg,var(--shade-light,white))));hyphens:auto;box-shadow:inset 0 0 0 var(--line)var(--col-ring,transparent),var(--box-shadow);padding:var(--pad)calc(2*var(--pad));font-size:calc(var(--label-visible,1)*var(--zoom)*var(--font-zoom)*clamp(var(--min-font-size,8px),var(--font-stretch),var(--max-font-size,24px)));letter-spacing:.5px;text-rendering:optimizeLegibility;text-transform:uppercase;min-width:max(var(--min-size,44px),min-content);min-height:max(var(--min-size,44px),fit-content);max-width:var(--max-width-override,var(--max-width,auto));flex-grow:1;flex-shrink:0;flex-direction:var(--dir-override,var(--direction,row));box-sizing:border-box;vertical-align:middle;z-index:1;user-select:none;-ms-touch-action:manipulation;touch-action:manipulation;max-height:128px;animation-name:none;animation-duration:0s;animation-timing-function:ease;animation-iteration-count:1;animation-direction:normal;animation-play-state:running;animation-delay:0s;animation-fill-mode:both,both;animation-timeline:auto;animation-duration:var(--duration,.9s),var(--duration,.9s);animation-direction:normal,normal;animation-delay:var(--delay-offset,0),var(--delay-offset,0);transition:transform var(--fade-speed)cubic-bezier(.175,.885,.32,1.275),opacity var(--fade-speed)linear;transition-delay:var(--delay-offset,0),var(--delay-offset,0);outline:var(--button-outline-size)solid transparent;outline-offset:calc(-2*var(--button-outline-size));place-content:center;align-items:center;margin:0;font-weight:900;line-height:1.05;text-decoration:none;display:inline-grid;position:relative;overflow:visible;transform:translate(0)}:where(button,.button,a,input,label).button-push input{pointer-events:none;user-select:none;appearance:none;z-index:-1;background:0 0;border:none;position:absolute;top:0;left:0;right:0}:where(button,.button,a,input,label).button-push:is(:target,:active,:hover,:focus-visible,:has(:focus-visible)){--col-top:hsl(var(--hue-selected),var(--s-selected,var(--s,58%)),calc(var(--l-selected,var(--l,30%))));--col-bottom:hsl(var(--hue-selected),var(--s-selected,var(--s,58%)),calc(var(--l-selected,var(--l,30%)) + var(--range,15%)));--col-border:var(--shade-light,white);--shadow-offset-y:0;color:#0000;text-decoration:none}:where(button,.button,a,input,label).button-push:is(:target,:active,:hover,:focus-visible,:has(:focus-visible)):after{opacity:0;z-index:1}:where(button,.button,a,input,label).button-push:is(:target,:active,:hover,:focus-visible,:has(:focus-visible)) select{z-index:909}:where(button,.button,a,input,label).button-push:is(:focus,:focus-visible,:focus-within,:target,:has(:target),:focus(:target)){--hue:var(--hue-orange);z-index:909;opacity:1}:where(button,.button,a,input,label).button-push:is(:target,:focus-visible){outline-color:var(--col-ring,var(--col-accent,black));animation:OutlineFocus var(--ease-s)ease-in 0s both infinite alternate-reverse;outline-style:dotted}:where(button,.button,a,input,label).button-push:target{--hue:var(--hue-brown)}:where(button,.button,a,input,label).button-push:disabled{pointer-events:none;filter:grayscale()}:where(button,.button,a,input,label).button-push:active{--hue:var(--hue-orange,5);box-shadow:inset 0 0 0 var(--line)var(--col-ring)}:where(button,.button,a,input,label).button-push:active:before{--hue:var(--hue-blue,45)}:where(button,.button,a,input,label).button-push.hide,:where(button,.button,a,input,label).button-push[hidden]{display:none}:where(button,.button,a,input,label).button-push{--icon-size:44px;--bevel:calc(var(--pad)*.5);--line:3px;--space:calc(var(--pad,0px)*3px);--max-font-size:24px;--duration:var(--ease-q);--button-border-size:var(--bevel);--hue:var(--hue-brand,90);--saturation:50%;--_col-width:calc(var(--icon-visible,1)*var(--icon-size,1rem) + var(--space,0px));border:solid var(--bevel)transparent;padding:calc(var(--bevel) + var(--line));gap:calc(var(--icon-visible,1)*var(--pad)*.5);grid-template-areas:"icon text gap";grid-auto-flow:column;grid-template-columns:var(--_col-width)auto var(--pad-right,var(--_col-width));grid-template-rows:max(1fr,var(--min-size,44px));min-height:max(var(--min-size,44px),var(--icon-visible,1)*var(--icon-size,22px),4lh);background-position-y:calc(50% + 1px*var(--shadow-offset-y,0px)),0,0,0;justify-content:space-between;display:inline-grid}:where(button,.button,a,input,label).button-push:focus:before,:where(button,.button,a,input,label).button-push:before{--hue:var(--hue-red);--col-inner-top:hsla(var(--hue),var(--saturation,50%),35%,100%);--col-inner-bottom:hsla(var(--hue),var(--saturation,50%),45%,100%);--col-pad-top:hsla(var(--hue),var(--saturation,50%),45%,100%);--col-pad-bottom:hsla(var(--hue),var(--saturation,50%),35%,100%);--col-back-top:hsla(var(--hue),var(--saturation,50%),35%,40%);--col-back-bottom:hsla(var(--hue),var(--saturation,50%),55%,10%);--inset:calc(-1*(var(--bevel) + var(--line)*0 ));background:inherit;background-image:var(--bg),linear-gradient(var(--col-inner-top),var(--col-inner-bottom)),linear-gradient(var(--col-pad-top),var(--col-pad-bottom)),linear-gradient(var(--col-back-top),var(--col-back-bottom));border:inherit;border-radius:inherit;box-shadow:inherit;padding:inherit;top:var(--inset);left:var(--inset);right:var(--inset);bottom:var(--inset);z-index:-1;position:absolute}:where(button,.button,a,input,label).button-icons{--icon-size:var(--button-size,max(2cap,44px));background-image:none}:where(button,.button,a,input,label).button-icons:before{z-index:2}:where(button,.button,a,input,label).button-icons:after{filter:none;z-index:1;transform:rotate(calc(1*var(--turn,0)))translate(calc(1px*var(--shadow-offset-y,0px)))}:where(button,.button,a,input,label).button-icons:focus:before,:where(button,.button,a,input,label).button-icons:hover:before{opacity:0}:where(button,.button,a,input,label).button-round,:where(button,.button,a,input,label).round{border-radius:999px}:where(button,.button,a,input,label).button-close:before{content:"×";font-weight:900}@layer buttons{button.arcade{--size:10;--bezel:.8;--fade:.7;--hover-size:.03;--hue:10;--shadow:calc(var(--hue) + 180);--throw:1px;--saturation:100%;--lightness:50%;--button-size:calc(1rem*var(--size));--font-size:calc(240%*var(--size)/6);cursor:pointer;border:1px solid hsla(var(--shadow),var(--saturation),20%,.9);user-select:none;will-change:transform;font-size:var(--font-size);text-shadow:0 -1px 1px hsla(var(--hue),var(--saturation),5%,.9),0 1px 1px hsla(var(--hue),var(--saturation),95%,.9);color:hsla(var(--hue),var(--saturation),5%,.95);background-color:hsl(var(--hue),var(--saturation),var(--lightness));background-image:linear-gradient(hsla(var(--hue),var(--saturation),70%,.5),hsla(var(--hue),var(--saturation),30%,.5));box-shadow:0 var(--throw)10px hsla(var(--shadow),var(--saturation),10%,.9),0 calc(-1*var(--throw))hsla(var(--hue),var(--saturation),20%,.9);box-sizing:border-box;min-width:44px;min-height:44px;width:calc(1rem*var(--size));height:calc(1rem*var(--size));border-radius:999px;outline:none;margin:10px;font-family:monospace;font-weight:bolder;transition:transform 40ms ease-in,background 90ms ease-out,box-shadow .12s ease-out;display:inline-block;position:relative}button.arcade:before,button.arcade:after{box-sizing:border-box;content:"";border-radius:100%;transition:transform 40ms ease-in,opacity 90ms linear,background 90ms ease-out,box-shadow .12s ease-out;position:absolute;inset:0}button.arcade:before{--throw:8px;transform:scale(var(--fade));background-image:linear-gradient(hsla(var(--hue),var(--saturation),30%,1),hsla(var(--hue),var(--saturation),80%,1));opacity:.5}button.arcade:after{--throw:3px;transform:scale(var(--bezel));border:2px solid hsla(var(--hue),var(--saturation),15%,.6);box-shadow:inset 0 1px var(--throw)hsla(var(--hue),var(--saturation),90%,.9),inset 0 -1px var(--throw)hsla(var(--hue),var(--saturation),10%,.3),0 1px var(--throw)hsla(var(--hue),var(--saturation),10%,.3),0 -1px var(--throw)hsla(var(--hue),var(--saturation),10%,.3)}button.arcade:hover{--lightness:70%}button.arcade:active{--saturation:100%;font-size:calc(var(--font-size)*(1 - var(--hover-size)))}button.arcade:active:before{--throw:8px;transform:scale(calc(var(--bezel)));opacity:.41;box-shadow:inset 0 -1px var(--throw)hsla(var(--hue),var(--saturation),90%,.9),inset 0 1px var(--throw)hsla(var(--hue),var(--saturation),10%,.3),0 -1px var(--throw)hsla(var(--hue),var(--saturation),90%,.3),0 1px var(--throw)hsla(var(--hue),var(--saturation),90%,.3)}button.arcade:active:after{--throw:3px;transform:scale(calc(var(--bezel) - var(--hover-size)));border:2px solid hsla(var(--hue),var(--saturation),15%,.8)}button.arcade:focus{--lightness:60%}button.arcade:disabled{--hue:270;--saturation:10%;--lightness:83%;--hover-size:0;cursor:not-allowed}}@property --hue{syntax:"<number>";inherits:false;initial-value:0}.button-install,.button-upgrade{--bg:url(get_app-24px.c810ab24.svg)}.button-upgrade{anchor-name:--button-upgrade}.button-install{anchor-name:--button-install}#button-install{--overlap:0px;--delay:0s;transition:transform var(--ease-s);transition-timing-function:var(--ease-out-back);grid-area:1/1;animation:none}#button-install:is(:hover,:focus-visible,:active){transform:translateY(-100%)}#button-install.later{animation:Hide-Install var(--ease-s)var(--ease-out-back)var(--delay)1 normal both}.button-start{--bg:url(play_circle_outline_black_24dp.e2ebd725.svg);--space:calc(var(--pad)*2.5px);padding:calc(var(--pad)*1);anchor-name:--button-start;border-radius:999px;font-size:125%}@media screen and (width>=840px){.button-start{--space:calc(var(--pad)*3.5px);padding:calc(var(--pad)*2);font-size:150%}}label[for=toggle-automation-mode]{--col-bg:transparent;border-top:1px solid var(--shade-white);justify-content:center;align-items:center;gap:calc(var(--pad));anchor-name:--button-automation;display:flex}label[for=button-solo],button#button-solo{--bg:url(person-24px.497650ca.svg);--y:100%;anchor-name:--button-solo}label[for=button-duet],button#button-duet{--bg:url(people-24px.c9bb5395.svg);--y:-100%;anchor-name:--button-duet}label[for=button-trio],button#button-trio{--bg:url(groups-24px.8ac678be.svg);anchor-name:--button-trio}label[for=button-quartet],button#button-quartet{--bg:url(person_add-24px.9352aa99.svg);anchor-name:--button-quartet}button.person{margin-top:var(--pad);cursor:pointer;z-index:202;border:2px solid var(--col-cream);box-sizing:border-box;text-shadow:none;color:#0000;opacity:0;transition:var(--ease-s)ease-in opacity;anchor-name:--person;border-radius:3px;padding:0;display:flex;position:absolute;overflow:hidden}button.person:before,button.person:after{display:none}button.person:hover,button.person:focus-visible{background-color:#0000;outline:none}button.person:active{opacity:1}button.person:hover{opacity:.9;background-color:#0000}button.person svg{fill:orange;stroke-width:3px;stroke:purple;pointer-events:none;width:100%}button.person svg circle{stroke:#000;fill:#fff}.user-active button.person{display:block}button#person-a{--left:calc(100% - ( 100%*var(--person-a-x,0)));--breadth:calc(100%*var(--person-a-w,0));anchor-name:--button-person-a;top:calc(100%*var(--person-a-y,0));height:calc(100%*var(--person-a-h,0))}button#person-b{--left:calc(100% - ( 100%*var(--person-b-x,0)));--breadth:calc(100%*var(--person-b-w,0));anchor-name:--button-person-b;top:calc(100%*var(--person-b-y,0));height:calc(100%*var(--person-b-h,0))}button#person-a,button#person-b{--total:calc(var(--left) + var(--breadth));--over:calc(100vw - var(--total));--overflow:min(var(--over),0px);left:var(--left);width:calc(var(--breadth) + var(--overflow))}button#button-record,button#button-midi,button.install-app,button.update-available{overflow:hidden}button.person,#button-video{pointer-events:auto;user-select:none;color:#0000;text-shadow:none;background-color:#0000}button.person:hover,button.person:active,button.person:focus-visible,#button-video:hover,#button-video:active,#button-video:focus-visible{color:#0000;text-shadow:none;background-color:#0000}#button-video{anchor-name:--button-video-overlay;bottom:var(--pad);left:var(--pad);right:var(--pad);top:var(--pad);z-index:-1;cursor:default;opacity:0;background:0 0;border:0;max-width:none;max-height:none;padding:0;display:block;position:absolute}#button-video:before,#button-video:after{display:none}button.error{--bg:url(person-24px.497650ca.svg);--col-hover:var(--shade-brand,var(--shade-red));anchor-name:--button-error}button.wait{--bg:url(person-24px.497650ca.svg);--col-fg:HighlightText;--col-hover:var(--shade-brand,var(--shade-red));anchor-name:--button-wait;border-color:highlight}button.light{--bg:url(person-24px.497650ca.svg);--col-fg:var(--shade-dark);--col-hover:var(--shade-white);--hue:60}button.dark{--bg:url(person-24px.497650ca.svg);--hue:20;--col-fg:var(--shade-white);--col-hover:var(--shade-dark)}label[for=button-settings]{--col-select:var(--shade-green);--col-hover:var(--shade-blue);--bg:url(settings-24px.2c82b72d.svg);anchor-name:--button-settings;order:-1;grid-area:1/1}label[for=button-settings]:has(input:checked),label[for=button-settings].checked{--bg:url(expand_more-24px.64b14e21.svg)}label[for=button-quantise]{--col-select:var(--shade-blue);--col-hover:var(--shade-blue);--bg:url(grid_on-24px.7b5ae74b.svg);anchor-name:--button-quantise}label[for=button-quantise]:has(input:checked),label[for=button-quantise].checked{--bg:url(grid_off-24px.f4efd885.svg)}label[for=button-metronome]{--bg:url(hourglass_empty-24px.0dcc03b3.svg);anchor-name:--button-metronome}label[for=button-metronome]:has(input:checked),label[for=button-metronome].checked{--bg:url(hourglass_disabled-24px.a9f4e424.svg)}a.folder-link[href=\#folder-volume]{--col-select:var(--shade-blue);--col-hover:var(--shade-blue);--bg:url(volume_up-24px.06a9096d.svg);anchor-name:--folder-volume}a.folder-link[href=\#folder-volume].checked{--bg:url(volume_off-24px.07d04ba0.svg)}.mute a.folder-link[href=\#folder-volume]{--bg:url(volume_mute-24px.3f35ae7f.svg)}.lo a.folder-link[href=\#folder-volume]{--bg:url(volume_down-24px.190cb887.svg)}.high a.folder-link[href=\#folder-volume]{--bg:url(volume_up-24px.06a9096d.svg)}label[for=button-mute]{--col-select:var(--shade-blue);--col-hover:var(--shade-blue);--bg:url(volume_mute-24px.3f35ae7f.svg);anchor-name:--button-mute}label[for=button-mute]:has(input:checked),label[for=button-mute].checked{--bg:url(volume_off-24px.07d04ba0.svg)}label[for=button-disco]{--col-select:var(--shade-green);--col-hover:var(--shade-blue);--bg:url(blur_on-24px.70333c61.svg);anchor-name:--button-disco}label[for=button-disco]:has(input:checked),label[for=button-disco].checked{--bg:url(blur_off-24px.50b8e16f.svg)}label[for=select-impulse]{--col-select:var(--shade-blue);--col-hover:var(--shade-blue);--bg:url(extension-24px.5f78695c.svg);anchor-name:--select-impulse}label[for=select-impulse]:has(input:checked),label[for=select-impulse].checked{--bg:url(extension_off-24px.b591e39e.svg)}label[for=button-meshes]{--col-select:var(--shade-yellow);--col-hover:var(--shade-blue);--bg:url(face_retouching_off-24px.e4af7533.svg);anchor-name:--button-meshes}label[for=button-meshes]:has(input:checked),label[for=button-meshes].checked{--bg:url(face_retouching_natural-24px.f9c946fa.svg)}label[for=button-eyes],label[for=select-eyes]{--col-select:var(--shade-green);--col-hover:var(--shade-blue);--bg:url(adjust-24px.c10e4145.svg)}label[for=select-eyes]{anchor-name:--select-eyes;display:none}label[for=button-eyes]{--bg:url(motion_photos_off-24px.433c787a.svg);anchor-name:--button-eyes}label[for=button-eyes]:has(input:checked),label[for=button-eyes].checked{--bg:url(motion_photos_on-24px.28a5343a.svg)}label[for=button-subtitles]{--col-select:var(--shade-green);--col-hover:var(--shade-blue);--bg:url(speaker_notes-24px.f1603194.svg);anchor-name:--button-subtitles}label[for=button-subtitles]:has(input:checked),label[for=button-subtitles].checked{--bg:url(speaker_notes_off-24px.d885795c.svg)}label[for=select-palette]{--col-select:var(--shade-yellow);--col-hover:var(--shade-green);--bg:url(color_lens-24px.3b200db6.svg);anchor-name:--select-palette}label[for=select-display]{--col-select:var(--shade-yellow);--col-hover:var(--shade-green);--bg:url(gradient-24px.a2f7a80f.svg);anchor-name:--select-display}label[for=button-percussion]{--bg:url(auto_fix_high-24px.c6c18824.svg);--col-select:var(--shade-green);--col-hover:var(--shade-yellow);anchor-name:--button-percussion}label[for=button-percussion]:has(input:checked),label[for=button-percussion].checked{--bg:url(auto_fix_off-24px.5e627c4d.svg)}a.folder-link[href=\#folder-record]{--col-select:var(--shade-blue);--col-hover:var(--shade-blue);--bg:url(adjust-24px.c10e4145.svg);anchor-name:--folder-record}a.folder-link[href=\#folder-record].checked{--bg:url(adjust-24px.c10e4145.svg)}label[for=button-fullscreen]{--col-select:transparent;--bg:url(fullscreen-24px.2b042428.svg);anchor-name:--button-fullscreen;order:99}@media (display-mode:fullscreen){label[for=button-fullscreen]{--bg:url(fullscreen_exit-24px.3a1ee29a.svg)!important}}label[for=button-overlay]{--col-select:var(--shade-blue);--bg:url(visibility-24px.a1d05ab1.svg);anchor-name:--button-overlay}label[for=button-overlay]:has(input:checked),label[for=button-overlay].checked{--bg:url(visibility_off-24px.270bc078.svg)}label[for=button-spectrogram]{--col-hover:var(--shade-green);--col-select:var(--shade-orange);--bg:url(graphic_eq_black_24dp.0ac9bae6.svg);anchor-name:--button-spectrogram}label[for=button-spectrogram]:has(input:checked),label[for=button-spectrogram].checked{--bg:url(graphic_eq_black_off_24dp.abaaabad.svg)}label[for=select-samples]{--col-hover:var(--shade-green);--col-select:var(--shade-orange);--bg:url(audiotrack-24px.db88e7e4.svg);anchor-name:--select-samples}label[for=select-theme]{--col-hover:var(--shade-green);--col-select:var(--shade-blue);--bg:url(color_lens-24px.3b200db6.svg);anchor-name:--select-theme}label[for=button-clear]{--col-hover:var(--shade-blue);--col-select:var(--shade-yellow);--bg:url(videocam_off-24px.563a1ee8.svg);anchor-name:--button-clear}label[for=button-clear]:has(input:checked),label[for=button-clear].checked{--bg:url(videocam-24px.002a9d35.svg)}label[for=button-speak]{--col-hover:var(--shade-blue);--col-select:var(--shade-yellow);--bg:url(voice_over_off_black_24dp.322fc6d3.svg);anchor-name:--button-speak}label[for=button-speak]:has(input:checked),label[for=button-speak].checked{--bg:url(record_voice_over_black_24dp.dbfc9d61.svg)}label[for=button-sync-video]{--col-hover:var(--shade-blue);--col-select:var(--shade-yellow);--bg:url(web_asset_off-24px.34c9a5ec.svg);anchor-name:--button-sync-video}label[for=button-sync-video]:has(input:checked),label[for=button-sync-video].checked{--bg:url(web_asset-24px.4fb8b08a.svg)}label[for=button-transparent]{--col-hover:var(--shade-blue);--col-select:var(--shade-yellow);--bg:url(web_asset_off-24px.34c9a5ec.svg);anchor-name:--button-transparent;display:none}label[for=button-transparent]:has(input:checked),label[for=button-transparent].checked{--bg:url(web_asset-24px.4fb8b08a.svg)}label[for=select-camera]{--bg:url(camera_enhance-24px.bf38909f.svg);--col-hover:var(--shade-blue);--col-select:var(--shade-yellow);anchor-name:--select-camera}label[for=select-tempo]{--bg:url(speed-24px.e2251046.svg);--col-hover:var(--shade-blue);--col-select:var(--shade-yellow);anchor-name:--select-tempo}a.folder-link[href=\#folder-tempo],label[for=input-tempo]{--bg:url(speed-24px.e2251046.svg);--col-select:var(--shade-yellow);anchor-name:--input-tempo}label[for=button-record-audio]{--bg:url(voicemail-24px.315a0a0a.svg);--col-select:var(--shade-yellow);anchor-name:--button-record-audio}label[for=button-record-audio].recording{--col-hover:var(--shade-brand,var(--shade-red));--col-select:var(--shade-brand,var(--shade-red))}label[for=button-record-audio].recording:before{opacity:1;animation:.8s infinite both Throb}label[for=button-record-video]{--bg:url(speed-24px.e2251046.svg);--col-hover:var(--shade-blue);--col-select:var(--shade-yellow);anchor-name:--button-record-video}a.folder-link[href=\#folder-midi],button#button-midi{--bg:url(midi-copyright-free.6aca88fe.svg);anchor-name:--folder-midi}button#button-photograph{--col-hover:var(--shade-blue);--bg:url(add_a_photo-24px.034d4abe.svg);anchor-name:--button-photograph}button#button-reset{--col-hover:var(--shade-blue);--bg:url(report_problem_black_24dp.429e4f0c.svg);anchor-name:--button-reset}button#button-help{--col-hover:var(--shade-blue);--bg:url(help_outline_black_24dp.0c37122e.svg);cursor:help;anchor-name:--button-help;display:none}button#button-share{--bg:url(share-24px.3640962e.svg);z-index:2;anchor-name:--button-share}#button-reload{--bg:url(autorenew_black_24dp.610164cf.svg);text-align:left;justify-content:flex-start;gap:var(--pad);anchor-name:--button-reload;width:100%}.button-email{--bg:url(drafts.76b342d9.svg)}button.midi-file{--bg:url(face_retouching_off-24px.e4af7533.svg);anchor-name:--button-upload-midi}#button-midi-upload{--bg:url(midi-copyright-free.6aca88fe.svg);gap:var(--pad);anchor-name:--button-midi-upload;width:100%}#VRButton{--bg:url(view_in_ar_black_24dp.996b199a.svg);anchor-name:--button-vr;opacity:1!important;width:auto!important;position:relative!important;left:auto!important}.recordings{--side:123px;width:min-content;max-width:calc(100vw - 2*var(--side));min-width:42ch;transition:var(--ease-m)0s ease-out;visibility:hidden;padding:var(--pad);pointer-events:all;z-index:303;justify-items:center;gap:var(--pad);border:var(--border-size)solid var(--shade-yellow);border-radius:0 0 var(--curve)var(--curve);background-color:var(--shade-dark);scroll-behavior:smooth;scroll-snap-type:x mandatory;border-top:none;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.recordings:after{left:100%;right:auto}.recordings>*{scroll-snap-align:center}.recordings>:empty{display:none}.recordings>*+*{margin-left:8px}.recordings a{color:#0000;user-select:none;box-sizing:border-box;transition:transform var(--ease-m)ease-out;font-size:0;position:relative}.recordings a:before{content:"";border:4px solid var(--shade-white);opacity:0;transition:var(--ease-m)linear;position:absolute;inset:0}.recordings a:hover,.recordings a:focus{z-index:2;transform-origin:bottom;background-color:var(--shade-dark);outline:1px solid var(--shade-orange);transform:scale(1.1)}.recordings a:hover:before,.recordings a:focus:before{opacity:1}.recordings a:focus{outline:3px solid var(--shade-orange)}.recordings div{justify-items:center;display:flex;overflow:auto}.recordings div:empty{visibility:hidden}.recordings img{width:auto;max-width:120px;height:auto;min-height:44px;max-height:12vmin;display:block}.recordings #toggle-recordings{--bg:url(expand_more-24px.64b14e21.svg);transform-origin:50%;color:#0000;border-top-left-radius:0;border-top-right-radius:0;margin:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}.recordings.hide{transform:translate(-50%)translateY(-100%)}.recordings.hide #toggle-recordings{transform:rotate(180deg)}.recordings.hide #toggle-recordings:before{border-top-left-radius:0;border-top-right-radius:0}.recordings:empty{visibility:hidden}.recordings:is(div:focus-within){scroll-behavior:smooth;transform:translate(-50%)}summary::marker{color:var(--col-marker);opacity:0;display:none}.timeline{--col-marker:blue;--divider-width:10px;--gap:12px;--width:calc(var(--gap) + var(--divider-width));--space:calc(50% + var(--width));background-image:linear-gradient(#000,#000);background-size:var(--divider-width,1px)100%;background-position:top;background-repeat:repeat-y;flex-direction:column;margin:0;padding:0;display:flex}.timeline li{list-style:none;position:relative}.timeline li a{margin-left:var(--gap);color:inherit}.timeline li summary:after{color:var(--col-marker);content:"+"}.timeline li+li{margin-top:var(--gap,1rem)}.timeline li:nth-child(odd){text-align:right;margin-right:calc(var(--space))}.timeline li:nth-child(odd) summary:after{margin-right:calc(-1*var(--width))}.timeline li:nth-child(2n){text-align:left;margin-left:calc(var(--space))}.timeline li:nth-child(2n) summary{margin-left:calc(-1*var(--width))}.loading .logo,.loading strong,p strong{animation:4s linear 50ms infinite both TextColours}.loading{--delay:calc(1s*var(--loader-duration)/4);max-width:100vw;max-height:100vh}.loading #help .load-issues{display:block}.loading #intro>*{visibility:visible;animation:Fade var(--ease-s)ease-in 1 0s both}.loading #intro:first-child{animation-delay:calc(var(--offset) + 0*var(--overlap)*var(--duration))}.loading #intro:nth-child(2){animation-delay:calc(var(--offset) + 1*var(--overlap)*var(--duration))}.loading #intro:nth-child(3){animation-delay:calc(var(--offset) + 2*var(--overlap)*var(--duration))}.loading #intro:nth-child(4){animation-delay:calc(var(--offset) + 3*var(--overlap)*var(--duration))}.loading #intro:nth-child(5){animation-delay:calc(var(--offset) + 4*var(--overlap)*var(--duration))}.loading #intro:nth-child(6){animation-delay:calc(var(--offset) + 5*var(--overlap)*var(--duration))}.loading #intro:nth-child(7){animation-delay:calc(var(--offset) + 6*var(--overlap)*var(--duration))}.loading #intro:nth-child(8){animation-delay:calc(var(--offset) + 7*var(--overlap)*var(--duration))}.loading #intro .load-percent{animation:inherit}.loading main{pointer-events:none;position:relative;overflow:hidden}.loading main>:not(p){visibility:hidden;opacity:0;display:none}.loading #feedback{top:calc(1rem*var(--line-height) + var(--pad));left:var(--loader-size-small,150px)var(--pad);z-index:909;filter:invert();bottom:auto}.loading #toast{pointer-events:none}.loading #shared-controls{visibility:hidden}.loading footer{z-index:909}main.no-midi #button-midi,main.midi-unavailable #button-midi{display:none}main.midi-active button#button-midi #button-midi{--col:var(--shade-green)}main.midi-activated #button-midi{--col:var(--shade-blue)}main.midi-connected #midi-device{--col:var(--shade-brand,var(--shade-red,red));display:inline-block}main.midi-no-devices button#button-midi{--col:var(--shade-brand,var(--shade-red,red));animation:4s linear infinite both BGColours;overflow:visible}main.midi-no-devices button#button-midi:after{content:"Connect Device";bottom:calc(100% + var(--pad));text-indent:0;text-align:center;color:var(--shade-dark);background-color:var(--col-white);padding:var(--pad);font-size:11px;font-weight:900;animation:10s .2s infinite both MIDIConnect;display:block;position:absolute;left:50%;transform:translate(-50%)}#fund .fund{background:var(--shade-white);border-radius:calc(2*var(--pad));padding:var(--pad)}#fund .links{gap:var(--pad);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}#foot{--spacer:0;--border:1px solid var(--shade-gray);color:var(--shade-brown);border-top:var(--border);box-sizing:border-box;z-index:707;margin:var(--pad);margin-top:var(--pad);transition:transform var(--ease-s)var(--ease-out-back);transform:translateX(var(--spacer));animation:Fade var(--ease-s)1 0s ease-out both normal;border-color:#0000;flex-flow:wrap;justify-content:flex-end;justify-self:stretch;align-items:flex-end;display:flex}#foot .link-copyright{line-height:1.8}#foot .link-copyright:before{content:"";vertical-align:middle;background-image:url(photosynth.365e1e60.svg);background-position:0;background-repeat:no-repeat;background-size:22px;width:33px;height:27px;display:inline-block}#foot .associates h5{cursor:pointer}#foot .associates h5:before{content:"+";color:inherit}#foot .associates ul{visibility:hidden;background:inherit;background-color:var(--shade-dark);z-index:909;place-items:center;max-width:100%;display:grid;position:absolute;bottom:69%;left:0}#foot .associates h5:hover~ul,#foot .associates ul:hover,#foot .associates ul:focus,#foot .associates ul:focus-within{--y:10%;visibility:visible;animation:Fade var(--ease-s)1 .1s linear both normal,TranslateY var(--ease-s)1 0s ease-out both normal}#foot small{padding-top:var(--pad);z-index:1;align-items:center;gap:var(--pad);display:flex;position:relative}#foot small:last-of-type{margin-left:auto}#foot small #version{opacity:.9;padding-left:var(--pad);padding-right:var(--pad);flex-wrap:wrap;margin-left:auto;display:flex;position:relative}#foot small #version #release{white-space:nowrap;text-overflow:ellipsis;border:1px solid var(--shade-cream);background-color:var(--shade-white);padding:var(--pad);color:var(--shade-grey);visibility:hidden;order:-1;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}#foot small #version:hover #release{visibility:visible}#foot .brand:hover svg,#foot .brand:focus svg{fill:var(--shade-dark)}#foot #year{white-space:nowrap;flex-direction:row;display:inline-flex}#foot #year:before{content:"©";color:var(--shade-cream);margin-left:.2rem;margin-right:.2rem}#foot .link-licenses{padding:0 var(--pad);border-left:var(--border);order:999}#foot .link-news{order:2;font-size:0}#foot .link-news:before{content:"";vertical-align:middle;filter:invert();background:url(rss_feed_black_24dp.c0df05e4.svg) 50%/contain no-repeat;width:1rem;height:1rem;display:inline-block}#foot .link-news:hover:before{filter:invert(50%)}#foot .educate{display:none}#foot a{color:currentColor}#foot a:hover,#foot a:focus{color:var(--shade-active,var(--shade-brand,var(--shade-red,red)))}.loading #foot{border-color:var(--shade-dark,black)}.player-selection #foot .link-copyright:before{filter:invert()}.interface body{color:var(--shade-brand,var(--shade-red,red));grid-template:"hero""contact""affiliates""app""footer"/100%;place-content:stretch center;justify-items:center;width:100%;display:grid}.interface body>dialog{z-index:1999;grid-area:1/1/-1/-1;position:fixed}.link-to-requirements{display:block}#load-progress{grid-area:app;place-self:center}#intro{grid-area:hero}#contact{--side:640px;--w:calc((100% - var(--side))/2);box-sizing:border-box;color:var(--shade-white);background-color:var(--shade-dark);padding:calc(2*var(--pad))max(var(--pad),var(--w));margin-bottom:var(--pad);border-bottom-left-radius:var(--curve,1rem);border-bottom-right-radius:var(--curve,1rem);grid-area:contact;width:100%;overflow:hidden}#hero{border-radius:calc(.75*var(--curve));user-select:none;background-color:#ebebeb;font-size:0}#affiliates{color:var(--shade-white);background-color:var(--shade-orange);background-color:color-mix(in lch,var(--shade-orange),transparent 50%);z-index:999;width:fit-content;padding:var(--pad);margin-bottom:var(--pad);margin-left:var(--pad);margin-right:var(--pad);border-radius:var(--curve);max-width:calc(100% - 2*var(--pad));grid-area:affiliates;place-content:center;place-items:center;position:relative}#affiliates ul{gap:var(--pad);padding-left:var(--pad);padding-right:var(--pad);grid-template-columns:repeat(auto-fill,minmax(64px,1fr));place-content:center;place-items:center;list-style:none;display:grid}#affiliates ul figure{place-content:center;place-items:center;display:grid;position:relative}#affiliates ul figure>*{grid-area:1/-1}#affiliates ul img{filter:invert()}#affiliates ul figcaption{--i:.5;--j:1;--sgn:clamp(-1,(var(--j) - var(--i))/.1,1);--dir:calc(var(--sgn)*(var(--j) - 2*var(--i))*180deg);--oxy:calc(var(--i)*100%)calc(var(--j)*100%);filter:drop-shadow(2px 2px 5px #363636);background-color:var(--shade-dark);background:linear-gradient(var(--shade-dark)0 0)padding-box,conic-gradient(from calc(var(--dir) - .5*90deg)at var(--oxy),var(--shade-dark)90deg,transparent 0%)var(--oxy)/50% 50% no-repeat border-box;z-index:1;text-wrap:wrap;pointer-events:none;user-select:none;opacity:0;width:fit-content;padding:var(--pad);transform:translate(-50%,calc(-100% + var(--pad,0)));transition:opacity var(--ease-s)linear,transform var(--ease-m)linear;border:.75em solid #0000;position:absolute;top:0;left:50%}#affiliates ul figcaption small{border-bottom:1px solid var(--col-white);display:block}#affiliates ul a{color:var(--col-white)}#affiliates ul a:is(:hover,:focus,:focus-within) figcaption{opacity:1;transform:translate(-50%,calc(-100% - var(--pad,0)));transition:opacity var(--ease-s)linear,transform var(--ease-m)var(--ease-out-back)}#affiliates ul a:is(:hover,:focus,:focus-within) img{filter:brightness(50%)}#affiliates img{filter:contrast(1000%)grayscale()}#hero,.hero-bumper{width:100%;height:100%}.hero-bumper{order:-1}#app{grid-area:app}#foot{grid-area:footer}.interface .back-to-top{visibility:hidden;position:absolute}#share-code{--size:128px;top:var(--pad);right:var(--pad);z-index:808;width:var(--size);height:var(--size);color:#0000;grid-template-areas:"area";font-size:10%;display:grid;position:fixed}#share-code>*{grid-area:area}#share-code .qr,#share-code .qr>*{width:inherit;height:inherit}.interface.loaded{touch-action:none;background-color:#000}.interface.loaded body{grid-template-rows:1fr;grid-template-areas:"app";overflow:hidden}.interface.loaded #intro{pointer-events:none;box-sizing:border-box;background:0 0;grid-area:app;max-width:100%;max-height:100%;display:none}.interface.loaded #contact,.interface.loaded #load-progress{display:none}.interface.loaded #foot{grid-area:app}.interface.desktop body{grid-template-rows:calc(100vh - var(--footer-gap) - var(--pad)*2)auto calc(100vh - var(--footer-gap) - var(--pad)*2)auto;grid-template-areas:"hero""gap""app""footer"}.interface.desktop #buton-share,.interface.desktop #button-fullscreen{display:none}.interface.app{margin:0}.interface.app #intro h1{text-align:center;transition:color var(--ease-s)ease-out}.interface.app #intro h2{padding:var(--pad);margin:0 auto}.logo{margin-left:auto;margin-right:auto;margin-bottom:var(--pad);visibility:visible;flex-direction:column;align-self:center;width:100%;min-height:10vh;font-size:0;display:flex}.logo svg{max-width:25%;color:inherit;fill:currentColor;order:-1}main.midi #button-midi{display:flex}main.video>img,main.img>video{display:none}main.active button{display:block}.warning strong{animation:4s linear 50ms infinite both TextThrob}#app-frame{--person-a-x:0;--person-a-y:0;--person-b-x:0;--person-b-y:0;--wig:0;--hue:180;--l:20%;color:var(--shade-white);width:100%;min-width:fit-content;min-height:calc(100dvh - var(--footer-gap) - var(--pad)*2);transition:opacity var(--ease-s)ease-out;display:flex;position:relative}#app-frame:after{content:"";top:var(--pad);left:var(--pad);right:var(--pad);bottom:var(--pad);opacity:0;z-index:1;pointer-events:none;background:url(child_care-24px.ffd2d2e6.svg) 50%/contain no-repeat;display:none;position:absolute}@media (any-hover:hover){.loaded:not(.debug) #toast{transition:transform var(--ease-q)calc(var(--ease-s) + var(--ease-s));transform:translateY(150%)}.loaded:not(.debug) .recordings,.loaded:not(.debug) .controls{transition:opacity var(--ease-s)linear;transition-delay:var(--ease-s);opacity:0}.loaded:not(.debug) .recordings>*,.loaded:not(.debug) .controls>*{--duration:var(--ease-q);--overlap:.6}.loaded:not(.debug) main:focus-visible #toast,.loaded:not(.debug) main:focus-within #toast,.loaded:not(.debug) main:focus #toast,.loaded:not(.debug) main:hover #toast{transition-delay:0;transform:translateY(0)}.loaded:not(.debug) main:focus-visible .controls,.loaded:not(.debug) main:focus-visible .recordings,.loaded:not(.debug) main:focus-within .controls,.loaded:not(.debug) main:focus-within .recordings,.loaded:not(.debug) main:focus .controls,.loaded:not(.debug) main:focus .recordings,.loaded:not(.debug) main:hover .controls,.loaded:not(.debug) main:hover .recordings{opacity:1;transition-duration:var(--ease-q)}}#help section{display:none}#help details{overflow:auto}#midi-device{display:none}#control-panel{--panel-width:45%;z-index:808;pointer-events:none;grid-template-rows:1fr auto auto auto;grid-template-areas:"sidebar-left.sidebar-right""settings-panel settings-panel settings-panel""control-panel control-panel control-panel";grid-template-columns:var(--panel-width)1fr var(--panel-width);margin:auto;padding:0;display:grid;position:absolute;inset:0;overflow:hidden}#control-panel *{pointer-events:auto}#face-buttons{--aspect-ratio:calc(var(--width)/var(--height));pointer-events:none;border:0;grid-area:1/1/-1/-1;width:100%;margin:auto;padding:0;position:relative}#face-buttons:before{content:"";width:100%;width:inherit;height:calc(100%/var(--aspect-ratio));padding-top:calc(100%/var(--aspect-ratio));pointer-events:none;object-fit:contain;border:0;max-width:100%;height:0;max-height:100%;display:block}#face-buttons legend{color:#0000;pointer-events:none;white-space:nowrap;border:0;width:0;position:absolute;top:0;left:0;overflow:hidden}#face-buttons button{pointer-events:auto;margin:0;padding:0}.person-a-panel,.person-c-panel{grid-area:sidebar-left}.person-b-panel,.person-d-panel{grid-area:sidebar-right}.controls{background-color:var(--shade-dark,black);grid-area:control-panel}.brand{align-items:center;margin-left:.25rem;display:inline-flex}.brand svg{color:inherit;stroke:currentColor;width:1rem;height:1rem;margin-right:.25rem}#LookingGlassWebXRControls{top:90px!important;bottom:auto!important}#LookingGlassWebXRControls:first-child{text-align:left;user-select:none}#LookingGlassWebXRControls button{height:auto!important}#LookingGlassWebXRControls *{font-family:inherit}#settings{transition:transform var(--ease-m)var(--ease-out-back),opacity var(--ease-m)linear;grid-area:settings-panel;animation:none;display:none;transform:translateY(100%)}#settings .button-close{z-index:-1;--bg:unset;align-items:flex-end;position:absolute;inset:0}.icon-list{--size:clamp(44px,100vw/(var(--items,6) + .2 ),74px);grid-auto-columns:var(--size);grid-auto-rows:var(--size);box-sizing:border-box;grid-auto-flow:column;place-items:center;margin:0;padding:0;list-style:none;display:grid}.icon-list li{box-sizing:border-box}.icon-list li a{padding:var(--pad);box-sizing:border-box;color:var(--shade-blue);user-select:none;text-shadow:0 1px 4px #0000008f,0 2px 4px #0000008f,0 3px 4px #0000008f,0 0 4px #fffffff5;flex-direction:column-reverse;align-items:flex-end;font-size:0;display:flex}.icon-list li a svg{color:inherit;fill:currentColor;width:100%}.icon-list li a:focus,.icon-list li a:hover{color:var(--shade-orange)}.filter{opacity:.33;background-image:url("data:image/svg+xml,%3Csvg class='filter' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='filter-noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='6.29' numOctaves='6' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23filter-noise)'%3E%3C/rect%3E%3C/svg%3E");display:block;position:absolute;inset:0}:is(header,fieldset,dialog[open])>*{--overlap:.06}:is(header,fieldset,dialog[open])>:first-child{--delay:calc(var(--delay-offset,var(--offset,0)) + 0*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(2){--delay:calc(var(--delay-offset,var(--offset,0)) + 1*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(3){--delay:calc(var(--delay-offset,var(--offset,0)) + 2*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(4){--delay:calc(var(--delay-offset,var(--offset,0)) + 3*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(5){--delay:calc(var(--delay-offset,var(--offset,0)) + 4*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(6){--delay:calc(var(--delay-offset,var(--offset,0)) + 5*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(7){--delay:calc(var(--delay-offset,var(--offset,0)) + 6*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(8){--delay:calc(var(--delay-offset,var(--offset,0)) + 7*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(9){--delay:calc(var(--delay-offset,var(--offset,0)) + 8*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(10){--delay:calc(var(--delay-offset,var(--offset,0)) + 9*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(11){--delay:calc(var(--delay-offset,var(--offset,0)) + 10*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(12){--delay:calc(var(--delay-offset,var(--offset,0)) + 11*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(13){--delay:calc(var(--delay-offset,var(--offset,0)) + 12*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(14){--delay:calc(var(--delay-offset,var(--offset,0)) + 13*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(15){--delay:calc(var(--delay-offset,var(--offset,0)) + 14*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(16){--delay:calc(var(--delay-offset,var(--offset,0)) + 15*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(17){--delay:calc(var(--delay-offset,var(--offset,0)) + 16*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(18){--delay:calc(var(--delay-offset,var(--offset,0)) + 17*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(19){--delay:calc(var(--delay-offset,var(--offset,0)) + 18*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(20){--delay:calc(var(--delay-offset,var(--offset,0)) + 19*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(21){--delay:calc(var(--delay-offset,var(--offset,0)) + 20*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(22){--delay:calc(var(--delay-offset,var(--offset,0)) + 21*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(23){--delay:calc(var(--delay-offset,var(--offset,0)) + 22*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(24){--delay:calc(var(--delay-offset,var(--offset,0)) + 23*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(25){--delay:calc(var(--delay-offset,var(--offset,0)) + 24*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(26){--delay:calc(var(--delay-offset,var(--offset,0)) + 25*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(27){--delay:calc(var(--delay-offset,var(--offset,0)) + 26*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(28){--delay:calc(var(--delay-offset,var(--offset,0)) + 27*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(29){--delay:calc(var(--delay-offset,var(--offset,0)) + 28*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(30){--delay:calc(var(--delay-offset,var(--offset,0)) + 29*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(31){--delay:calc(var(--delay-offset,var(--offset,0)) + 30*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(32){--delay:calc(var(--delay-offset,var(--offset,0)) + 31*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(33){--delay:calc(var(--delay-offset,var(--offset,0)) + 32*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(34){--delay:calc(var(--delay-offset,var(--offset,0)) + 33*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(35){--delay:calc(var(--delay-offset,var(--offset,0)) + 34*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(36){--delay:calc(var(--delay-offset,var(--offset,0)) + 35*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(37){--delay:calc(var(--delay-offset,var(--offset,0)) + 36*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(38){--delay:calc(var(--delay-offset,var(--offset,0)) + 37*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(39){--delay:calc(var(--delay-offset,var(--offset,0)) + 38*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(40){--delay:calc(var(--delay-offset,var(--offset,0)) + 39*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(41){--delay:calc(var(--delay-offset,var(--offset,0)) + 40*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(42){--delay:calc(var(--delay-offset,var(--offset,0)) + 41*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(43){--delay:calc(var(--delay-offset,var(--offset,0)) + 42*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(44){--delay:calc(var(--delay-offset,var(--offset,0)) + 43*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(45){--delay:calc(var(--delay-offset,var(--offset,0)) + 44*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(46){--delay:calc(var(--delay-offset,var(--offset,0)) + 45*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(47){--delay:calc(var(--delay-offset,var(--offset,0)) + 46*var(--overlap)*var(--duration))}:is(header,fieldset,dialog[open])>:nth-child(48){--delay:calc(var(--delay-offset,var(--offset,0)) + 47*var(--overlap)*var(--duration))}a.back-to-top{view-timeline:--backToTopReveal block;flex:100%;width:100%;animation-name:BackToTopReveal;animation-duration:1ms;animation-fill-mode:both;animation-timeline:--backToTopReveal;position:absolute;bottom:0;right:0}#licenses{max-inline-size:55ex}#hero{order:-42;grid-area:poster;grid-template-rows:auto;grid-template-columns:auto;justify-content:center;align-items:center;width:100%;display:grid}#pwa{gap:var(--pad);flex-wrap:wrap;grid-area:menu;justify-content:stretch;width:100%;display:flex}svg.hero-bumper{width:100%;margin:auto}.educate{border:1px solid #0000;border-radius:999px;padding:2px 1px 2px 3px}.educate:hover,.educate:focus{border-color:var(--shade-brand,var(--shade-red,red))}.link-designerzen{--icon-size:1rem;word-break:keep-all;white-space:nowrap}.link-designerzen:before{content:"";vertical-align:middle;width:var(--icon-size);height:var(--icon-size);background-image:url(designerzen.cce8ea68.svg);background-repeat:no-repeat;background-size:contain;display:inline-block}#intro{max-width:var(--viewport-max-width,1080px);box-sizing:border-box;grid-gap:var(--pad);width:100%;padding:var(--pad);margin:var(--pad);border-radius:var(--curve);z-index:909;background-color:#fffffff5;border-bottom-right-radius:0;border-bottom-left-radius:0;flex-direction:column;align-self:center;place-items:stretch center;margin-bottom:0;position:relative}#intro a.logo{--size:88px;gap:0 var(--pad);grid-template:"logo headline"min-content"logo tagline"min-content/auto 1fr;grid-area:heading;place-content:stretch space-between;width:100%;display:grid}#intro a.logo p{color:#0000;grid-area:tagline;margin:0;font-size:1pt}#intro a.logo svg{grid-area:logo;width:auto;max-width:none;height:100%}#intro h1,#intro h2{color:#0000;text-align:left;flex:1 0 100%;width:100%;min-width:100%;max-width:100%;height:fit-content;font-size:1pt;line-height:1;display:block;position:relative}#intro h1:before,#intro h2:before{content:"";padding-bottom:calc(100%/var(--aspect-ratio,1));background-image:var(--src,url(photosynth-text.e10ce567.svg));background-position:50%;background-repeat:no-repeat;background-size:contain;display:block}#intro h1{--aspect-ratio:calc(300/53);grid-area:headline}#intro h2{--aspect-ratio:calc(300/23);--src:url(sympathetic-synthesizer-text.36420d1c.svg);grid-area:tagline;align-self:end}#intro>a{color:inherit}#intro #summary{grid-area:summary}#intro p.info-description{grid-area:description}#intro .warning{bottom:var(--pad);margin-top:var(--pad);grid-area:warning;position:sticky}.interface #intro{min-height:calc(100vh - 2*var(--pad));min-height:calc(100dvh - 2*var(--pad));grid-template-areas:"heading""poster""tagline""summary""description""menu""warning""requirements";display:grid}@media screen and (width>=640px){.interface #intro{grid-gap:0 var(--pad);grid-template-columns:minmax(50%,33vh) minmax(0,1fr);grid-template-areas:"poster heading""poster summary""poster tagline""poster menu""warning warning""description description""requirements requirements"}.interface #intro h1{text-align:left}.interface #intro a.logo{padding-bottom:var(--pad);border-bottom:1px dotted;flex-direction:column;grid-area:heading}}@media screen and (width>=999px){.interface #intro{grid-template-areas:"poster heading""poster summary""poster tagline""poster menu""poster warning""description description""requirements requirements";margin-left:auto;margin-right:auto}}@media screen and (width>=1210px){.interface #intro{grid-template-columns:2fr minmax(0,1fr) minmax(44px,1fr);grid-template-areas:"poster heading heading""poster tagline tagline""poster summary summary""poster menu menu""poster description description""poster warning warning""requirements requirements requirements"}}#alternate-browsers{text-align:right;margin-left:auto}#alternate-browsers summary{margin-left:auto;display:block}#alternate-browsers ol{flex-wrap:wrap;justify-content:flex-end;gap:0;margin:0 0 0 auto;padding:0;list-style:none;display:flex}#alternate-browsers li+li:before{content:"/";margin:0 calc(var(--pad)*.5)}#requirements{width:100%}#requirements-test{margin-top:var(--pad);grid-area:requirements;width:100%}#compatibility{--curve:9px;border-radius:var(--curve,var(--pad));width:100%;overflow:clip}#compatibility tbody{background-color:var(--shade-cream);border-radius:var(--curve,var(--pad))}#compatibility tr{position:relative}#compatibility th{text-align:right}#compatibility th,#compatibility td{border-bottom:1px solid var(--shade-cream,white)}#compatibility small{display:block}#compatibility th:before{content:"";width:1rem;height:1rem;margin-top:auto;margin-bottom:auto;margin-right:calc(var(--pad)/2);background-image:var(--icon);vertical-align:middle;vertical-align:text-top;background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block}#compatibility .result:before{color:currentColor;margin-right:1ch;display:inline-block}#compatibility .available{background-color:var(--shade-green,green);color:var(--shade-white,white)}#compatibility .available:before{content:"✔"}#compatibility .unavailable{background-color:var(--shade-brand,var(--shade-red,red));color:var(--shade-white,white)}#compatibility .unavailable:before{content:"✗";animation:1s infinite both Pulse}#compatibility .unknown{background-color:var(--shade-blue,red);color:var(--shade-white,white)}#compatibility .unknown:before{content:"?"}#compatibility td.result{text-align:center}.capability-camera th:before{--icon:url(camera_enhance-24px.bf38909f.svg)}.capability-speakers th:before{--icon:url(volume_up-24px.06a9096d.svg)}.capability-midi th:before{--icon:url(midi-copyright-free.6aca88fe.svg)}.capability-microphone th:before{--icon:url(mic-24px.c59fecd5.svg)}.capability-gpu th:before{--icon:url(developer_board-24px.b6a9cf03.svg)}#onboard{visibility:hidden;border:var(--border-size,var(--border-radius,9px))double var(--shade-white,white);padding:var(--pad);max-width:calc(100% - var(--side));border-radius:22px;grid-template:"playerSelector""complexitySelector""automation""buttonStart"1fr/1fr;grid-auto-flow:column;place-items:center stretch;margin:auto;display:grid}@media screen and (width<=540px){#onboard{--side:0px}}@media screen and (height<=620px){#onboard{margin-bottom:0}}#onboard p{color:inherit;transition-delay:0s;animation-delay:0s}#onboard.completed button,#onboard.completed label{--xb:100%;animation-direction:normal,reverse}.player-selection #toast{--footer-gap:var(--pad);--left:100px}.player-selection #title{visibility:hidden;position:absolute;bottom:0}.player-selection #onboard{--side:clamp(var(--pad),25%,240px);z-index:1}.player-selection #onboard,.player-selection #player-selector{visibility:visible}.player-selection #control-panel{display:none}.player-selection .person,.player-selection #shared-controls{visibility:hidden}.player-selection #app-frame canvas,.player-selection #app-frame video,.player-selection #app-frame fieldset.person-controls{display:none}.player-selection #help .player-selection-help{display:block}.player-selection #foot{color:var(--shade-white)}#player-selector{--top-gap:clamp(66px,7vh,15%);--max-width-override:auto;--border-radius:9px;--border-size:clamp(3px,20vmax,4px);text-align:center;box-sizing:border-box;visibility:hidden;user-select:none;width:100%;padding:calc(var(--pad)*1)calc(var(--pad)*1);justify-content:stretch;align-items:center;gap:var(--pad);grid-area:playerSelector;grid-template-areas:"legend""p1""p2""p3""p4";margin:0;display:grid}#player-selector legend{grid-area:legend}#player-selector label[for*=button-]{--space:11px;--button-radius:3px;--opacity:.66;--col-stroke:transparent;--col-top:transparent;--col-bottom:transparent;--col-hover:var(--shade-white,white);--icon-size:clamp(22px,9vmin,44px);--button-border-size:var(--border-size);border:var(--button-border-size,var(--stroke,2px))solid var(--col-stroke,transparent);border-radius:var(--button-radius,var(--border-radius,0));align-items:center;max-width:none;line-height:1.2;overflow:hidden}#player-selector label[for*=button-]:before{box-sizing:border-box;opacity:0;border-radius:inherit;background:inherit;background-color:var(--col-hover);padding:inherit;z-index:-1;transition:transform var(--ease-q,.15s)ease-out,opacity var(--ease-q,95ms)linear;border:0;display:flex;position:absolute;inset:0;transform:scaleX(0)}#player-selector label[for*=button-]:is(:hover,:focus,:focus-visible,:focus-within):before,#player-selector label[for*=button-]:has(input:checked):before{opacity:var(--opacity,.3);transition:transform .15s ease-out,opacity .15s linear;transform:none}#player-selector input{z-index:-1;position:relative}#player-selector button,#player-selector label{--dir-override:column;--pos-override:top calc(var(--pad) - var(--border-size))center;text-indent:0;max-height:unset;flex:0 100%;justify-content:center;font-size:clamp(15px,2.2vmax - .5385rem,14px);overflow:visible}@media screen and (width>=480px){#player-selector{grid-template-areas:"legend legend""p1 p2""p3 p4"}}label[for=button-solo],#button-solo{grid-area:p1}label[for=button-duet],#button-duet{grid-area:p2}label[for=button-trio],#button-trio{grid-area:p3}label[for=button-quartet],#button-quartet{grid-area:p4}#complexity-selector{--border-size:clamp(3px,20vmax,4px);gap:var(--pad);grid-area:complexitySelector;grid-template-areas:"legend legend legend""label label label""output output output";display:grid}@media screen and (width>=480px){#complexity-selector{grid-template-columns:minmax(44px,.5fr) 1fr minmax(44px,.5fr);grid-template-areas:"legend legend legend""labelStart label labelEnd""output output output"}}@media screen and (width>=980px){#complexity-selector{grid-template-areas:"legend legend legend legend legend""label label label gap output""labelStart labelMid labelEnd gap output";grid-template-columns:auto 1fr auto var(--pad,0px)1fr}}#toggle-advanced-mode{grid-area:label}#advanced-mode-feedback{grid-area:output;width:100%;display:grid}#advanced-mode-feedback p{font-size:60%}#advanced-mode-feedback>*{grid-area:1/-1}#advanced-mode-feedback>[hidden]{visibility:hidden;display:block!important}@media screen and (width>=480px){#toggle-advanced-mode{margin-left:var(--pad);margin-right:var(--pad);box-sizing:border-box;width:calc(100% - 2*var(--pad));grid-area:label}#advanced-mode-feedback p{font-size:100%}}label[for=toggle-advanced-mode]{padding:var(--pad)calc(2*var(--pad));grid-template-columns:inherit;text-align:center;justify-content:stretch;align-items:center;gap:var(--pad);color:#0000;flex-basis:100%;grid-area:label;grid-template-areas:"label label""off on";width:100%;max-width:none;margin:auto;display:grid}label[for=toggle-advanced-mode]:before{content:"";opacity:.5;text-align:right;color:var(--shade-white);grid-area:off;animation:none}label[for=toggle-advanced-mode]:after{--opacity:.8;content:"";z-index:1;opacity:1;color:var(--shade-white);background:0 0;grid-area:on;position:relative;inset:auto;transform:none}@media screen and (width>=480px){label[for=toggle-advanced-mode]{grid-area:labelStart/labelStart/labelEnd/labelEnd;grid-template-columns:inherit;grid-template-areas:"off label on";padding:9px 0}label[for=toggle-advanced-mode]:before{content:"For Beginners"}label[for=toggle-advanced-mode]:after{content:"For Experts";text-align:left}label[for=toggle-advanced-mode] input{margin:auto var(--pad)}}@media screen and (width>=920px){label[for=toggle-advanced-mode]{grid-template-columns:1fr var(--pad)1fr;color:#0000;padding-top:0;font-size:10%}label[for=toggle-advanced-mode]:before{text-align:left;color:var(--shade-white);font-size:900%}label[for=toggle-advanced-mode]:after{text-align:right;color:var(--shade-white);font-size:900%}}label[for=toggle-automation-mode]{color:var(--shade-dark);background-color:var(--shade-white,white);border-radius:0px 0 var(--curve,24px)var(--curve,24px);padding:calc(var(--pad)*1)calc(var(--pad)*1);margin-bottom:var(--pad,0);grid-area:automation;justify-self:center;font-size:60%}@media screen and (width>=320px){label[for=toggle-automation-mode]{max-width:calc(100% - var(--pad)*2)}}@media screen and (width>=480px){label[for=toggle-automation-mode]{max-width:66%;padding:calc(var(--pad)*1)calc(var(--pad)*3);font-size:100%}}#button-start{opacity:0;z-index:-1;min-height:unset;border:0;grid-area:buttonStart;margin:0;padding:0}#button-start-label,#onboard label[for=button-start]{--ON:initial;--OFF: ;--icon-visible:1;--label-visible:1;--invert:0;--min-size:44px;--min-font-size:14px;--max-font-size:17px;--font-stretch:-.5385rem + 2.2vmax;--line:0;--range:12%;--shadow-offset-x:0;--shadow-offset-y:2;--hue:var(--hue-dark);--hue-selected:var(--hue-orange);--hue-active:var(--hue-yellow);--s:58%;--s-selected:58%;--s-active:58%;--l:28%;--l-selected:58%;--l-active:58%;--col-shadow:var(--shade-dark);--col-top:hsl(var(--hue),var(--s,58%),calc(var(--l,58%)));--col-bottom:hsl(var(--hue),var(--s,58%),calc(var(--l,58%) - var(--range,10%)));--col-fg:var(--col-text,var(--shade-light,white));--button-border-size:var(--border-size,2px);--button-curve:clamp(2px,1vmin,6px);--button-outline-size:2px;--box-shadow:rgba(var(--col-shadow),.8)0 0px 2px,rgba(var(--col-shadow),.6)0 .5px 2px,rgba(var(--col-shadow),.4)0 1px 2px,rgba(var(--col-shadow),.2)0 1.5px 2px;--text-glow:rgba(var(--col-shadow),.6)0 0px 1px,rgba(var(--col-shadow),.4)0 1px 1px,rgba(var(--col-shadow),.24)0 1px 1px,rgba(var(--col-shadow),.1)0 2px 1px;cursor:pointer;appearance:none;color-scheme:light dark;color:light-dark(var(--col-text,var(--col-fg,var(--shade-dark,black))),var(--col-text,var(--col-fg,var(--shade-light,white))));hyphens:auto;box-shadow:inset 0 0 0 var(--line)var(--col-ring,transparent),var(--box-shadow);padding:var(--pad)calc(2*var(--pad));font-size:calc(var(--label-visible,1)*var(--zoom)*var(--font-zoom)*clamp(var(--min-font-size,8px),var(--font-stretch),var(--max-font-size,24px)));letter-spacing:.5px;text-rendering:optimizeLegibility;text-transform:uppercase;min-width:max(var(--min-size,44px),min-content);min-height:max(var(--min-size,44px),fit-content);max-width:var(--max-width-override,var(--max-width,auto));flex-grow:1;flex-shrink:0;flex-direction:var(--dir-override,var(--direction,row));box-sizing:border-box;vertical-align:middle;z-index:1;user-select:none;-ms-touch-action:manipulation;touch-action:manipulation;max-height:128px;animation-name:none;animation-duration:0s;animation-timing-function:ease;animation-iteration-count:1;animation-direction:normal;animation-play-state:running;animation-delay:0s;animation-fill-mode:both,both;animation-timeline:auto;animation-duration:var(--duration,.9s),var(--duration,.9s);animation-direction:normal,normal;animation-delay:var(--delay-offset,0),var(--delay-offset,0);transition:transform var(--fade-speed)cubic-bezier(.175,.885,.32,1.275),opacity var(--fade-speed)linear;transition-delay:var(--delay-offset,0),var(--delay-offset,0);outline:var(--button-outline-size)solid transparent;outline-offset:calc(-2*var(--button-outline-size));place-content:center;align-items:center;margin:0;font-weight:900;line-height:1.05;text-decoration:none;display:inline-grid;position:relative;overflow:visible;transform:translate(0)}#button-start-label input,#onboard label[for=button-start] input{pointer-events:none;user-select:none;appearance:none;z-index:-1;background:0 0;border:none;position:absolute;top:0;left:0;right:0}#button-start-label:is(:target,:active,:hover,:focus-visible,:has(:focus-visible)),#onboard label[for=button-start]:is(:target,:active,:hover,:focus-visible,:has(:focus-visible)){--col-top:hsl(var(--hue-selected),var(--s-selected,var(--s,58%)),calc(var(--l-selected,var(--l,30%))));--col-bottom:hsl(var(--hue-selected),var(--s-selected,var(--s,58%)),calc(var(--l-selected,var(--l,30%)) + var(--range,15%)));--col-border:var(--shade-light,white);--shadow-offset-y:0;color:#0000;text-decoration:none}#button-start-label:is(:target,:active,:hover,:focus-visible,:has(:focus-visible)):after,#onboard label[for=button-start]:is(:target,:active,:hover,:focus-visible,:has(:focus-visible)):after{opacity:0;z-index:1}#button-start-label:is(:target,:active,:hover,:focus-visible,:has(:focus-visible)) select,#onboard label[for=button-start]:is(:target,:active,:hover,:focus-visible,:has(:focus-visible)) select{z-index:909}#button-start-label:is(:focus,:focus-visible,:focus-within,:target,:has(:target),:focus(:target)),#onboard label[for=button-start]:is(:focus,:focus-visible,:focus-within,:target,:has(:target),:focus(:target)){--hue:var(--hue-orange);z-index:909;opacity:1}#button-start-label:is(:target,:focus-visible),#onboard label[for=button-start]:is(:target,:focus-visible){outline-color:var(--col-ring,var(--col-accent,black));animation:OutlineFocus var(--ease-s)ease-in 0s both infinite alternate-reverse;outline-style:dotted}#button-start-label:target,#onboard label[for=button-start]:target{--hue:var(--hue-brown)}#button-start-label:disabled,#onboard label[for=button-start]:disabled{pointer-events:none;filter:grayscale()}#button-start-label:active,#onboard label[for=button-start]:active{--hue:var(--hue-orange,5);box-shadow:inset 0 0 0 var(--line)var(--col-ring)}#button-start-label:active:before,#onboard label[for=button-start]:active:before{--hue:var(--hue-blue,45)}#button-start-label.hide,#button-start-label[hidden],#onboard label[for=button-start].hide,#onboard label[for=button-start][hidden]{display:none}#button-start-label,#onboard label[for=button-start]{--icon-size:44px;--bevel:calc(var(--pad)*.5);--line:3px;--space:calc(var(--pad,0px)*3px);--max-font-size:24px;--duration:var(--ease-q);--button-border-size:var(--bevel);--hue:var(--hue-brand,90);--saturation:50%;--_col-width:calc(var(--icon-visible,1)*var(--icon-size,1rem) + var(--space,0px));border:solid var(--bevel)transparent;padding:calc(var(--bevel) + var(--line));gap:calc(var(--icon-visible,1)*var(--pad)*.5);grid-template-areas:"icon text gap";grid-auto-flow:column;grid-template-columns:var(--_col-width)auto var(--pad-right,var(--_col-width));grid-template-rows:max(1fr,var(--min-size,44px));min-height:max(var(--min-size,44px),var(--icon-visible,1)*var(--icon-size,22px),4lh);background-position-y:calc(50% + 1px*var(--shadow-offset-y,0px)),0,0,0;justify-content:space-between;display:inline-grid}#button-start-label:focus:before,#button-start-label:before,#onboard label[for=button-start]:focus:before,#onboard label[for=button-start]:before{--hue:var(--hue-red);--col-inner-top:hsla(var(--hue),var(--saturation,50%),35%,100%);--col-inner-bottom:hsla(var(--hue),var(--saturation,50%),45%,100%);--col-pad-top:hsla(var(--hue),var(--saturation,50%),45%,100%);--col-pad-bottom:hsla(var(--hue),var(--saturation,50%),35%,100%);--col-back-top:hsla(var(--hue),var(--saturation,50%),35%,40%);--col-back-bottom:hsla(var(--hue),var(--saturation,50%),55%,10%);--inset:calc(-1*(var(--bevel) + var(--line)*0 ));background:inherit;background-image:var(--bg),linear-gradient(var(--col-inner-top),var(--col-inner-bottom)),linear-gradient(var(--col-pad-top),var(--col-pad-bottom)),linear-gradient(var(--col-back-top),var(--col-back-bottom));border:inherit;border-radius:inherit;box-shadow:inherit;padding:inherit;top:var(--inset);left:var(--inset);right:var(--inset);bottom:var(--inset);z-index:-1;position:absolute}#button-start-label,#onboard label[for=button-start]{--bg:url(music_note-24px.8cefd15d.svg);--icon-size:3rem;--space:0px;--col-hover:var(--shade-blue);--button-curve:calc(2*var(--pad));grid-area:buttonStart;grid-template-columns:var(--_col-width)auto;z-index:606;border-radius:9px;width:fit-content;max-width:none;height:100%;margin:auto;animation:2s infinite CTA}@media screen and (width>=480px){#button-start-label,#onboard label[for=button-start]{--space:var(--pad,4px);padding:calc(var(--pad)*2)calc(var(--pad)*3);grid-template-areas:"icon label gap";grid-template-columns:calc(var(--icon-size) + var(--space,0px))1fr var(--icon-size)}}.solo #onboard label[for=button-solo],.duet #onboard label[for=button-duet],.trio #onboard label[for=button-trio],.quartet #onboard label[for=button-quartet]{--col-stroke:var(--shade-white);--col-top:var(--shade-active);--col-bottom:var(--shade-active)}.solo #onboard label[for=button-start]{--col-stroke:var(--shade-active);--bg:url(person-24px.497650ca.svg)}.duet #onboard label[for=button-start]{--col-stroke:var(--shade-active);--bg:url(people-24px.c9bb5395.svg)}.trio #onboard label[for=button-start]{--col-stroke:var(--shade-active);--bg:url(groups-24px.8ac678be.svg)}.quartet #onboard label[for=button-start]{--col-stroke:var(--shade-active);--bg:url(person_add-24px.9352aa99.svg)}.beginner #onboard label[for=toggle-advanced-mode]:before{opacity:1;animation:Pulse var(--duration-l,1s)0s cubic-bezier(.25,.46,.45,.94)infinite both}.beginner #onboard label[for=toggle-advanced-mode]:after{opacity:.5;animation:none}#shared-controls{z-index:808}.controls{--col-regular:var(--shade-dark);--col-hover:var(--shade-dark);--col-select:var(--shade-dark);--grid-gap:1px;--grid-column-count:14;--grid-item--min-width:44px;--gap-count:calc(var(--grid-column-count) - 1);--total-gap-width:calc(var(--gap-count)*var(--grid-gap));--grid-item--max-width:calc((100% - var(--total-gap-width))/var(--grid-column-count));visibility:hidden;box-sizing:border-box;grid-auto-columns:auto;grid-auto-flow:column;grid-template-columns:repeat(auto-fit,minmax(max(var(--grid-item--min-width),var(--grid-item--max-width)),1fr));gap:var(--grid-gap);pointer-events:auto;z-index:707;justify-content:stretch;align-items:stretch;min-width:100%;max-width:100%;display:grid}.controls .folder-link{width:100%;height:100%}.controls .folder-content{--col-top:hsl(var(--hue),var(--s,58%),calc(var(--l,58%)));--col-bottom:hsl(var(--hue),var(--s,58%),calc(var(--l,58%) - var(--range,10%)));--col-border:var(--shade-light,white)}.controls legend{color:#0000;user-select:none;pointer-events:none;visibility:hidden;background-color:#0000;border:0;position:absolute;bottom:0;left:0}.controls legend:focus{color:var(--col-bright,white);visibility:visible;z-index:909}.controls label{position:relative}.controls label select,.controls label input,.controls label button{z-index:1}.controls label select,.controls label input{pointer-events:auto;cursor:pointer;appearance:none;opacity:0;border:0;order:-1;min-width:100%;max-width:100%;position:absolute;top:0;bottom:0;overflow:hidden}.controls label:before{background-color:var(--col-select,var(--hue-selected,#369d7d));opacity:0;content:"";transform-origin:bottom;height:8px;transition:opacity var(--ease-m)linear,transform var(--ease-s)var(--ease-out-back);display:block;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.controls label[for^=select-]:before{--bg:url(expand_more-24px.64b14e21.svg);--size:25%;width:var(--size,50%);height:var(--size,50%);pointer-events:none;background:transparent var(--bg)no-repeat;opacity:.6;transform-origin:50%;background-position:top;background-size:contain;display:block;position:absolute;inset:0 0 auto auto;transform:rotate(0)}.controls label[for^=select-]:focus-visible:before,.controls label[for^=select-]:hover:before{opacity:1}.controls label[for^=select-]:focus:before,.controls label[for^=select-]:active:before{transform:rotate(180deg)}@media screen and (width<=480px){.controls{--gap:11px;gap:var(--gap);padding-left:var(--gap);padding-right:var(--gap)}}@media screen and (width>=641px){.controls{display:flex}.controls>*{flex-grow:1;flex-shrink:1}}.person-a-sidebar-showing a[href=\#help],.person-c-sidebar-showing a[href=\#help],.person-b-sidebar-showing a[href=\#fund],.person-d-sidebar-showing a[href=\#fund],.person-a-sidebar.expanded a[href=\#help],.person-c-sidebar.expanded a[href=\#help],.person-b-sidebar.expanded a[href=\#fund],.person-d-sidebar.expanded a[href=\#fund]{--y:-100%;animation:1s reverse both TranslateY}.person-a-sidebar-showing a[href=\#help]:focus,.person-a-sidebar-showing a[href=\#help]:hover,.person-c-sidebar-showing a[href=\#help]:focus,.person-c-sidebar-showing a[href=\#help]:hover,.person-b-sidebar-showing a[href=\#fund]:focus,.person-b-sidebar-showing a[href=\#fund]:hover,.person-d-sidebar-showing a[href=\#fund]:focus,.person-d-sidebar-showing a[href=\#fund]:hover,.person-a-sidebar.expanded a[href=\#help]:focus,.person-a-sidebar.expanded a[href=\#help]:hover,.person-c-sidebar.expanded a[href=\#help]:focus,.person-c-sidebar.expanded a[href=\#help]:hover,.person-b-sidebar.expanded a[href=\#fund]:focus,.person-b-sidebar.expanded a[href=\#fund]:hover,.person-d-sidebar.expanded a[href=\#fund]:focus,.person-d-sidebar.expanded a[href=\#fund]:hover{animation:none}.instrument-panel{--button-size:44px;--overlap:var(--button-size);box-sizing:border-box;min-width:min(19ch,33%);transition:transform var(--ease-q)ease-in-out;overscroll-behavior:contain;z-index:909;display:grid;position:relative}.instrument-panel legend,.instrument-panel label{max-width:none}.instrument-panel label{padding:calc(var(--pad)*2)calc(var(--pad)*2)}.instrument-panel>menu{background-color:var(--col-bottom,#455b63);grid-area:list;position:absolute;inset:0;overflow:hidden auto}.instrument-panel.dragging{transition:transform 3ms linear}.instrument-panel.expanded{transform:translate(0%)}.instrument-panel.expanded>menu{overflow:hidden auto}.person-a-panel,.person-c-panel{--_x:calc(var(--x,0)*1px - 100% + var(--overlap,0px));transform:translateX(clamp(-100%,var(--_x),0%));grid-template-areas:"list button";grid-template-columns:auto var(--button-size)}.person-b-panel,.person-d-panel{--_x:calc(100% - var(--overlap,0px) - var(--x,0)*1px);transform:translateX(clamp(0%,var(--_x),100% - var(--overlap,0px)));grid-template-areas:"button list";grid-template-columns:var(--button-size)auto}.instrument-panel{user-select:none;cursor:col-resize}.instrument-panel button.person-toggle-controls{--icon-size:22px;--icon-width:calc(var(--button-size)/2);--icon:url(forward_black_24dp.c033d90b.svg);--bg:var(--icon);border:var(--stroke,2px)solid var(--col-dark,white);writing-mode:vertical-rl;text-orientation:mixed;grid-area:button;grid-template-rows:var(--button-size)0 0;grid-template-columns:var(--button-size)0 0;z-index:-1;height:var(--button-size);width:var(--button-size);text-shadow:none;transition:transform var(--ease-q,45ms)cubic-bezier(.68,-.55,.265,1.55);background-color:#0000;background-image:none;flex:0;justify-content:center;align-items:center;margin-top:auto;margin-bottom:auto;padding:0;font-size:0;overflow:hidden}.instrument-panel button.person-toggle-controls:before{z-index:2}.instrument-panel button.person-toggle-controls:after{filter:none;z-index:1;transform:rotate(calc(1*var(--turn,0)))translate(calc(1px*var(--shadow-offset-y,0px)))}.instrument-panel button.person-toggle-controls:focus:before,.instrument-panel button.person-toggle-controls:hover:before{opacity:0}.instrument-panel .person-a-toggle-controls,.instrument-panel .person-c-toggle-controls{border-left:none;border-radius:0 99px 99px 0;transform:translate(-1px)}.instrument-panel .person-b-toggle-controls,.instrument-panel .person-d-toggle-controls{--turn:.5turn;border-right:none;border-radius:99px 0 0 99px;transform:translate(1px)}.instrument-panel.expanded .person-toggle-controls:before,.instrument-panel.expanded .person-toggle-controls:after{--transform-speed:1s;transform:rotate(calc(.5turn + var(--turn,0turn)));transition-delay:.4s}.person-controls{--xa:50%;--ya:0;cursor:auto;pointer-events:auto;z-index:909;border:4px solid var(--col-dark,black);border-bottom-width:2px;max-height:100%;margin:0;line-height:1.1;position:relative;overflow:hidden auto}.person-controls h4,.person-controls legend,.person-controls summary{width:100%;padding:var(--pad);box-sizing:border-box;z-index:303;text-transform:uppercase}.person-controls details[open]{height:fit-height}@starting-style{.person-controls details[open]{height:min-height}}.person-controls summary{background-color:var(--shade-gray);color:var(--shade-dark,blue);border-top:var(--border,1px)solid var(--shade-white);line-height:inherit;align-items:center;gap:calc(var(--pad)/2);display:flex;position:sticky;top:0}.person-controls summary:before{order:303;font-size:186%}.person-controls :where(details+details){border-top:var(--border,1px)solid var(--shade-dark)}.person-controls :is(ol,ul){margin:0;padding:0}.person-controls .instrument{border:var(--border,1px)solid var(--shade-white);display:flex}.person-controls .instrument label{border:1px dotted var(--col-dark,black);border-left:0;border-right:0;width:100%;line-height:1;display:block}.person-controls .instrument label:hover,.person-controls .instrument label:focus{background-color:var(--shade-orange)}.person-controls .instrument input[type=radio]:checked{background-color:var(--shade-orange);z-index:-1;border-radius:0}.solo .person-b-panel,.solo .person-c-panel,.solo .person-d-panel,.duet .person-c-panel,.duet .person-d-panel{display:none}.trio #control-panel{grid-template-rows:1fr 1fr auto auto;grid-template-areas:"sidebar-left-player-a.sidebar-right""sidebar-left-player-c.sidebar-right""settings-panel settings-panel settings-panel""control-panel control-panel control-panel"}.trio .person-a-panel{grid-area:sidebar-left-player-a}.trio .person-c-panel{grid-area:sidebar-left-player-c}.trio .person-d-panel{display:none}.quartet #control-panel{grid-template-rows:1fr 1fr auto;grid-template-areas:"sidebar-left-player-a.sidebar-right-player-b""sidebar-left-player-c.sidebar-right-player-d""settings-panel settings-panel settings-panel""control-panel control-panel control-panel"}.quartet .person-a-panel{grid-area:sidebar-left-player-a}.quartet .person-b-panel{grid-area:sidebar-right-player-b}.quartet .person-c-panel{grid-area:sidebar-left-player-c}.quartet .person-d-panel{grid-area:sidebar-right-player-d}.trio:has(.person-a-panel.expanded):not(:has(.person-c-panel.expanded)) .person-a-panel.expanded,.quartet:has(.person-a-panel.expanded):not(:has(.person-c-panel.expanded)) .person-a-panel.expanded{grid-row:sidebar-left-player-a/sidebar-left-player-c}.trio:has(.person-a-panel.expanded):not(:has(.person-c-panel.expanded)) #person-c,.trio:has(.person-a-panel.expanded):not(:has(.person-c-panel.expanded)) .person-c-panel.expanded,.quartet:has(.person-a-panel.expanded):not(:has(.person-c-panel.expanded)) #person-c,.quartet:has(.person-a-panel.expanded):not(:has(.person-c-panel.expanded)) .person-c-panel.expanded,.trio:has(.person-c-panel.expanded):not(:has(.person-a-panel.expanded)) #person-a,.trio:has(.person-c-panel.expanded):not(:has(.person-a-panel.expanded)) .person-a-panel,.quartet:has(.person-c-panel.expanded):not(:has(.person-a-panel.expanded)) #person-a,.quartet:has(.person-c-panel.expanded):not(:has(.person-a-panel.expanded)) .person-a-panel{z-index:999}.trio:has(.person-c-panel.expanded):not(:has(.person-a-panel.expanded)) .person-c-panel.expanded,.quartet:has(.person-c-panel.expanded):not(:has(.person-a-panel.expanded)) .person-c-panel.expanded{grid-row:sidebar-left-player-a/sidebar-left-player-c}.quartet:has(.person-b-panel.expanded):not(:has(.person-d-panel.expanded)) .person-b-panel.expanded{grid-row:sidebar-right-player-b/sidebar-right-player-d}.quartet:has(.person-b-panel.expanded):not(:has(.person-d-panel.expanded)) #person-d,.quartet:has(.person-b-panel.expanded):not(:has(.person-d-panel.expanded)) .person-d-panel,.quartet:has(.person-d-panel.expanded):not(:has(.person-b-panel.expanded)) #person-b,.quartet:has(.person-d-panel.expanded):not(:has(.person-b-panel.expanded)) .person-b-panel.expanded{z-index:999}.quartet:has(.person-d-panel.expanded):not(:has(.person-b-panel.expanded)) .person-d-panel.expanded{grid-row:sidebar-right-player-b/sidebar-right-player-d}#midi-panel{box-shadow:none}#no-midi-devices{align-items:center;gap:var(--pad);box-shadow:none;flex-direction:column;display:flex}#toggle-midi{opacity:1}label[for=waiting-for-midi-devices]{gap:var(--pad);flex-direction:row-reverse;align-items:center;display:flex}#waiting-for-midi-devices{--size:1rem}#record-panel{flex-flow:row;display:flex}label[for=button-mute]{text-align:center}#button-mute{opacity:1}#button-mute:before{content:""}#folder-volume{border-top-left-radius:99px;border-top-right-radius:99px}#volume-panel{appearance:none;gap:var(--pad,1rem);border:0;grid-template-rows:auto minmax(auto,42ch) min-content;grid-auto-flow:column;margin:0;padding:0;display:grid}label[for=volume-input-range]{text-align:center;margin:0;padding:0;display:flex}label[for=button-mute]{margin:var(--pad)0;flex-direction:column;padding:0;display:flex}#volumeoutput,#volume-output{padding:0;padding-top:var(--pad);text-align:center;order:-1;font-weight:900}label[for=tempo-input-text]{color:#0000;top:50%;right:calc(20px + var(--pad));grid-area:input;padding-bottom:0;position:absolute}label[for=tempo-input-text]:after{content:"BPM";color:var(--shade-white);font-size:2rem;display:inline-block}.toggle-play-pause:before{--size:44px;content:"";clip-path:polygon(100% 0%,0 0%,50% 100%);width:var(--size);height:var(--size);color:var(--col-white);display:block}#timing-step,#tempo-input-text,#tempo-tap-button{grid-column:1/-1}#tempo-input-text{grid-area:input;font-size:1000%}#tempo-input-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#tempo-input-text::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#tempo-increase-button{--bg:url(up_arrow_black_24dp.641c6b44.svg);grid-area:up}#tempo-decrease-button{--bg:url(down_arrow_black_24dp.fc7b06e1.svg);grid-area:down}#timing-feedback{grid-area:feedback}#tempo-tap-button{--icon-size:44px;--bg:url(fingerprint-24px.78a8ea09.svg);grid-area:tap}#tempo-input-range{grid-area:range;width:100%}label[for=tempo-input-range]{background:inherit;z-index:1;grid-area:range;width:fit-content;height:fit-content;padding-bottom:0;position:absolute}.set-tempo{box-sizing:border-box;flex-direction:column;width:100%;display:flex}.form-tempo{gap:var(--pad,10px);max-width:100%;margin:var(--pad);gap:var(--pad,1rem);grid-template-columns:1fr 1fr;grid-template-areas:"feedback feedback""input input""up down""range range""tap tap";display:grid}@media screen and (width>=720px){.form-tempo{gap:var(--pad,1rem);grid-template-columns:repeat(3,1fr) minmax(max-content,1fr);grid-template-areas:"input input input up""input input input down""input input input feedback""input input input tap""range range range tap"}}.theme-clash :is(button,.button,input[type=list],.controls>:not(div),.controls .folder-link){--hue:196;--hue-selected:9;--hue-active:41;--s:98%;--s-selected:98%;--s-active:98%;--l:8%;--l-selected:48%;--l-active:48%}.theme-friendly :is(button,.button,input[type=list],.controls>:not(div),.controls .folder-link),.theme-high-contrast :is(button,.button,input[type=list],.controls>:not(div),.controls .folder-link){--range:0%;--button-border-size:4px;--hue:9;--hue-selected:196;--hue-active:41;--s:8%;--s-selected:58%;--s-active:58%;--l:8%;--l-selected:58%;--l-active:58%}.theme-neon :is(button,.button,input[type=list],.controls>:not(div),.controls .folder-link){--hue:9;--hue-selected:196;--hue-active:41;--s:98%;--s-selected:78%;--s-active:88%;--l:48%;--l-selected:48%;--l-active:48%}.theme-pastel :is(button,.button,input[type=list],.controls>:not(div),.controls .folder-link){--hue:9;--hue-selected:196;--hue-active:41;--s:18%;--s-selected:18%;--s-active:18%;--l:48%;--l-selected:48%;--l-active:48%}.theme-mit{--hue-dark:305;--stroke:2px;--curve:3px;--hue:267;--hue-selected:196;--hue-active:41;--hue-accent:267;--hue-brand:267;--s:58%;--s-selected:98%;--s-active:98%;--l:24%;--l-selected:48%;--l-active:48%;--loader-size-small:clamp(59px,15vmin,128px)}.theme-mit :is(button,.button,input[type=list],.controls>:not(div),.controls .folder-link){--range:0%;--button-border-size:4px;--hue:267;--hue-selected:196;--hue-active:41;--hue-accent:267;--s:58%;--s-selected:98%;--s-active:98%;--l:24%;--l-selected:48%;--l-active:48%}.interface.loaded .theme-mit #link-about{background-image:url(mit-realityhack.cabe3b9f.png)}.interface.loaded .theme-mit #link-about:after{visibility:hidden}.interface.loaded .theme-mit #foot{visibility:visible;z-index:1;color:var(--shade-yellow)}.interface.loaded .theme-mit #foot .link-pages{display:none}.interface.loaded .theme-mit #foot .link-copyright:before{filter:invert()}:is(span).hide-text{position:absolute}:is(section).mixed-content,:is(section article){color:var(--shade-dark);background-color:var(--shade-white);border-radius:var(--curve,var(--pad,24px));padding:calc(var(--pad)*3)calc(var(--pad)*4);box-shadow:var(--shadow);margin-bottom:var(--pad)}:is(section).mixed-content+:is(section).mixed-content,:is(section article)+:is(section).mixed-content{margin-top:var(--pad)}[screenreader-only]:not(:focus):not(:active),.sr-only:not(:focus):not(:active){clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.centralise{margin-left:auto;margin-right:auto}.hidden,[hidden]{display:none}.tp-dfwv{z-index:1080}.emoji{font-family:noto-emoji}