: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-dark);caret-color:var(--_col-accent);accent-color:var(--_col-accent);scrollbar-color:var(--_col-accent) transparent;text-decoration-skip-ink:auto;overscroll-behavior:contain;overscroll-behavior-y:none;scroll-behavior:smooth;-moz-text-size-adjust:none;text-size-adjust:none;overflow:hidden auto}:where(body){flex-flow:column;place-content:stretch space-between;min-height:100%;display:flex;overflow:clip}: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){list-style-position:inside}: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%}video.reverse{transform:scaleX(-1)}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);-webkit-user-select:none;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:none;margin:auto;font-weight:900}:where(input[type=select],select) option{text-transform:initial;text-align:left;color:var(--shade-white,white);background:#000;transition:all 95ms ease-in}: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);font-weight:900}: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:Ostrich Sans;src:url(OstrichSans-Bold.d93cfec6.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap;ascent-override:75%;descent-override:0%;line-gap-override:0%}@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:noto-music;src:url(NotoMusic-Regular.e252146c.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));--s6:calc(var(--s5) * var(--harmonic));--s7:calc(var(--s6) * var(--harmonic));--s8:calc(var(--s7) * 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{-moz-text-size-adjust:100%;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:none;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,p[aria-label=summary i]{--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{--line-height:1.2;font-weight:400;font-size:clamp(9px, var(--zoom) * 2vmin, 12px);letter-spacing:.5px}label,select,option{-webkit-user-select:none;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:none;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:inside 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,details.accordion>summary{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),details.accordion>summary{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,details.accordion>summary{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,""), 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%) drop-shadow(black calc(var(--shadow-offset-x,0) * 1px) calc(var(--shadow-offset-y,0) * 1px) 0px);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;-webkit-user-select: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:transform var(--transform-speed,var(--ease-q,42ms)) cubic-bezier(.175, .885, .32, 1.275), opacity var(--fade-speed,var(--ease-q,42ms)) linear;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,details.accordion>summary: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:3px;--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;width:100%;max-width:42ch;min-height:44px;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:"OFF";color:var(--shade-white);box-sizing:content-box;height:100%;top:calc(var(--button-border-size,2px) * -1);left:calc(var(--button-border-size,2px) * -1);text-align:center;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:inherit;transition:transform .195s cubic-bezier(.25,.46,.45,.94);display:flex}input[type=checkbox i][role=switch i]:after,input[type=checkbox i].switch:after{content:"ON";mix-blend-mode:normal;right:calc(var(--pad) * 2);opacity:.8;mix-blend-mode:color-burn;animation:Fade var(--time-slow) .2s 1 both;padding-top:4px;font-family:inherit;left:auto}input[type=checkbox i][role=switch i]:checked:before,input[type=checkbox i].switch:checked:before{content:"ON";transform:translate(100%)}input[type=checkbox i][role=switch i]:checked:after,input[type=checkbox i].switch:checked:after{content:"OFF";left:calc(var(--pad) * 2);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]{background-color:var(--shade-blue);border:var(--stroke) solid var(--shade-white);border-radius:999px;min-width:48px;min-height:48px;display:inline-block;overflow:hidden}input[type=radio i]:checked{background-color:var(--shade-accent,var(--shade-yellow,yellow));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:5em;min-height:calc(44px + 1rem)}input[type=range i]::-webkit-slider-runnable-track{appearance:none;background:0 0;min-width:5em;height:1rem}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:5em;height:1rem}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 + 1rem);margin-top:calc(-22px - .5rem)}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 + 1rem)}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 + 1rem)}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,yellow);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;min-height:auto}input[type=range].vertical::-webkit-slider-runnable-track{width:1rem;max-width:100%;height:auto;min-height:5em}input[type=range].vertical::-moz-range-track{width:1rem;max-width:100%;height:auto;min-height:5em}input[type=range].vertical::-webkit-slider-thumb{--angle:0deg;width:100%;height:44px;margin-top:calc(-22px - .5rem)}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:max-content;min-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)}.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}.link-secret{text-transform:none;margin:0;padding:0;text-decoration:none;display:inline}#transport{z-index:909;background:var(--shade-dark,black);flex-direction:column;grid-area:transport;justify-content:stretch;align-items:stretch;width:100%;min-width:0;height:min-content;min-height:44px;margin:0;padding:0;display:flex;position:relative}label[for=timing-elapsed]{flex-direction:row;align-items:center;display:flex}.time-elapsed{color:var(--shade-whitte,white)}.time-total{color:var(--shade-grey,gray)}.progress-bar{--height:8px;--ball:14px;--c:#c8c8c833;--b:#f03;--bg:linear-gradient(var(--c,red),var(--c,red));--bar:linear-gradient(var(--b,blue),var(--b,blue));appearance:none;color:var(--c);background:var(--bg);width:calc(100% - 2 * var(--pad));bottom:100%;left:var(--pad);height:var(--height);border:none;display:block;position:absolute}.progress-bar:after{content:"";width:100%;height:calc(var(--ball) * 2);left:0;top:calc(var(--height) / 2 - var(--ball));transform:translateX(calc(min(var(--p,1), 1) * (100% - 2 * var(--ball))));z-index:1;--circle:calc(var(--ball));background:radial-gradient(circle at var(--circle) center, var(--b) var(--circle), transparent var(--circle)) left center no-repeat;display:block;position:absolute}.progress-bar[value]::-webkit-progress-bar{color:var(--c);background:var(--bg)}.progress-bar[value]::-webkit-progress-value{color:var(--c);background:var(--bar)}.progress-bar[value]::-moz-progress-bar{color:var(--bar);background:var(--bar)}.seperator{color:var(--shade-grey,gray);margin:0 var(--pad)}.transport-session-controls{min-width:0;color:var(--shade-white,white);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem;display:flex}.transport-replay-controls{align-items:center;gap:.25rem;min-width:0;display:flex}.transport-replay-controls:not(:has(>:not([hidden]))){display:none}#transport :is(.transport-session-controls,#session-replay-progress,#session-recording-error,.session-dialog) button:not(.button-close){--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}#transport :is(.transport-session-controls,#session-replay-progress,#session-recording-error,.session-dialog) button:not(.button-close):before{position:absolute}#transport :is(.transport-session-controls,#session-replay-progress,#session-recording-error,.session-dialog) button:not(.button-close):after{margin-right:0}#transport :is(.transport-session-controls,#session-replay-progress,#session-recording-error,.session-dialog) button:not(.button-close).hide-text:not(.text-always){background-position-x:50%;grid-template-columns:1fr;gap:0}#transport :is(.transport-session-controls,#session-replay-progress,#session-recording-error,.session-dialog) button:not(.button-close).hide-text:not(.text-always):after{margin-right:auto}#transport :is(.transport-session-controls,#session-replay-progress,#session-recording-error,.session-dialog) button:not(.button-close){--pad:.5rem;--icon-size:22px;--space:0px;white-space:nowrap;grid-template-columns:var(--icon-size) auto;background-position:left calc(1px * var(--shadow-offset-y,0)) center, 0 0, 0 0;flex:0 auto;grid-template-areas:"icon text";gap:0 .5rem;width:auto;max-width:100%;height:auto;min-height:44px;max-height:none;margin:0;padding:.5rem .85rem .5rem .5rem;font-size:1rem}#transport :is(.transport-session-controls,#session-replay-progress,#session-recording-error,.session-dialog) button:not(.button-close):focus-visible{outline:3px solid var(--shade-orange,orange);outline-offset:2px}#transport :is(.transport-session-controls,#session-replay-progress,#session-recording-error,.session-dialog) button:not(.button-close):disabled{opacity:.55;cursor:progress}#transport .transport-replay-controls button:is(#session-rewind,#session-forward){width:44px;min-width:44px;padding-inline:calc((44px - var(--icon-size)) / 2);color:#0000;grid-template-columns:var(--icon-size);grid-template-areas:"icon";gap:0;font-size:0}#transport :is(#button-record-session,.session-danger,#session-stop-all){--hue:var(--hue-red);--l:34%}#transport .session-primary{--hue:var(--hue-orange);--l:36%}#button-record-session,#session-record-confirm{--bg:url(adjust-24px.c10e4145.svg)}#button-record-session[aria-pressed=true]{--bg:url(stop_circle.4db6495a.svg)}#session-rewind{--bg:url(fast_rewind_black_24dp.b454bc5f.svg)}#session-replay,#session-replay-confirm{--bg:url(play_arrow_black_24dp.acc7ac01.svg)}#session-replay[aria-pressed=true]{--bg:url(pause_black_24dp.bc6d4895.svg)}#session-forward{--bg:url(fast_forward_black_24dp.c070806d.svg)}#button-save-midi{--bg:url(audio_file.7104f27b.svg)}#session-export-confirm{--bg:url(download_for_offline_black_24dp.07e25888.svg)}#session-replay-choose{--bg:url(view_list-24px.40f89263.svg)}#session-refresh,#session-error-retry{--bg:url(autorenew_black_24dp.610164cf.svg)}#session-error-manage{--bg:url(audio_file.7104f27b.svg)}:is(#session-delete,#session-delete-all,#session-delete-confirm){--bg:url(delete.34334899.svg)}#session-stop-all{--bg:url(stop_circle.4db6495a.svg)}.session-dialog button[data-session-close]:not(.button-close){--bg:url(close-24px.2451ded3.svg)}#button-record-session[aria-pressed=true]{animation:session-record-pulse var(--record-beat-duration,.5s) ease-out infinite}@keyframes session-record-pulse{0%{filter:brightness(1.3);box-shadow:0 0 #dc2837a6}75%,to{filter:brightness();box-shadow:0 0 0 .6rem #0000}}#button-record-session .session-record-text{grid-area:text;align-items:baseline;gap:.5em;display:inline-flex}#session-recording-duration{font-variant-numeric:tabular-nums;opacity:.85}#transport .transport-session-controls>button#button-save-midi{margin-inline-start:auto}#session-replay-progress{color:var(--shade-white,white);flex-wrap:wrap;align-items:center;gap:.5rem;padding:0 .5rem .5rem;font-size:.9rem;display:flex}#session-replay-position{flex:8rem;min-width:0}#session-replay-time{font-variant-numeric:tabular-nums}#transport #session-recording-error{border:1px solid hsl(var(--hue-orange), 60%, 55%);border-radius:var(--button-curve,6px);background:hsl(var(--hue-orange), 40%, 14%);color:var(--shade-white,white);grid-template-columns:auto 1fr auto;grid-template-areas:"icon text close""icon actions close";gap:.5rem .75rem;margin:0 .5rem .5rem;padding:.75rem;line-height:1.4;display:grid}#transport #session-recording-error:before{content:"";filter:invert();background:url(warning_amber.0e311214.svg) 50%/contain no-repeat;grid-area:icon;width:24px;height:24px}#transport #session-recording-error #session-recording-status{grid-area:text}#transport #session-recording-error .session-actions{grid-area:actions;justify-content:flex-start;margin:0}#transport #session-recording-error .button-close{grid-area:close}#transport .session-dialog{box-sizing:border-box;pointer-events:auto;width:min(32rem,100vw - 2rem);max-width:calc(100vw - 2rem);max-height:calc(100dvh - 2rem);padding:1.25rem;line-height:1.45;overflow:auto}#transport .session-dialog:after{display:none}#transport .session-dialog::backdrop{pointer-events:auto;background:#000a}#transport .session-dialog>*,#transport .session-dialog section>*{overflow-wrap:anywhere;min-width:0;max-width:100%}#transport .session-dialog header{justify-content:space-between;align-items:center;gap:1rem;margin-block-end:.75rem;display:flex}#transport .session-dialog h2{margin:0;font-size:1.4rem;line-height:1.2}#transport .session-dialog h3{text-transform:uppercase;letter-spacing:.06em;opacity:.75;margin:0 0 .5rem;font-size:1rem}#transport .session-dialog p{margin-block:.5rem}#transport .session-dialog section{border-top:1px solid #fff2;margin-block-start:1rem;padding-block-start:1rem}#transport .session-dialog label:not(.session-option){margin:.75rem 0 .3rem;padding:0;font-weight:700;display:block}#transport .session-dialog select,#transport .session-dialog input[type=text]{box-sizing:border-box;width:100%;min-width:0;min-height:44px;font:inherit;text-align:start;color:inherit;border-radius:var(--button-curve,6px);box-shadow:none;background:#fff9;border:1px solid #0005;padding:.5rem .75rem}#transport .session-dialog select:focus-visible,#transport .session-dialog input[type=text]:focus-visible{outline:3px solid var(--shade-orange,orange);outline-offset:1px}#transport .session-dialog [data-session-error]{color:hsl(var(--hue-red), 80%, 75%)}#transport .session-dialog [data-session-error]:empty{display:none}#transport .session-options{gap:.25rem;margin-block:.75rem;display:grid}#transport .session-option{border-radius:var(--button-curve,6px);cursor:pointer;align-items:center;gap:.75rem;min-height:44px;padding:0 .5rem;display:flex}#transport .session-option:hover{background:#fff1}#transport .session-option input{appearance:auto;width:1.25rem;height:1.25rem;accent-color:var(--shade-orange,orange);flex:none;margin:0}#transport .session-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-block-start:1rem;display:flex}#transport .session-hint{opacity:.75;font-size:.9rem}#transport .session-storage{gap:.35rem;font-size:.9rem;display:grid}#transport .session-storage meter{width:100%;height:.5rem}#transport .session-callout{border:1px solid hsl(var(--hue-red), 55%, 50%);border-radius:var(--button-curve,6px);background:hsl(var(--hue-red), 70%, 50%, .1);color:inherit;margin-block:.75rem;padding:.75rem}#transport .session-callout p{margin-block-start:0}#transport .session-callout .session-actions{margin-block-start:.5rem}#transport #session-active-warning{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}#transport #session-active-warning p{margin:0}#session-media-library{opacity:.75;font-size:.9rem}#session-media-library:empty,#session-library-notice:empty{display:none}#session-media-library video,#session-media-library audio{max-width:100%;display:block}#session-export-loading{justify-content:center;align-items:center;gap:.75rem;min-height:8rem;display:flex}.session-export-spinner{border:3px solid;border-right-color:#0000;border-radius:50%;width:1.5rem;height:1.5rem;animation:.8s linear infinite session-export-spin}@keyframes session-export-spin{to{transform:rotate(360deg)}}.transport [hidden]{display:none!important}.transport .session-dialog:not([open]){display:none}@media (width<=480px){#transport .transport-session-controls button:not(#session-rewind,#session-forward),#transport .session-actions>button{flex:auto}#transport #session-replay-position{flex-basis:100%;order:3}#transport #session-replay-time{margin-inline-start:auto}}@media (prefers-reduced-motion:reduce){#button-record-session[aria-pressed=true],.session-export-spinner{animation:none}}.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 .connections,.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)}.flag-backingTrack:not(.flag-showSettings) #percussion-settings,#percussion-settings:focus,#percussion-settings:focus-visible,#percussion-settings:focus-within{visibility:visible;display:flex;transform:translateY(0)}.flag-showSettings #percussion-settings,#feedback{display:none}.flag-text #feedback{display:block}main:not(.flag-showOverlay) #photosynth-overlay{display:none}.flag-clear #webcam,main:not(.flag-synch) #webcam{visibility:hidden;display:block}main.flag-transparent #app-frame #photosynth-canvas,main.flag-transparent #app-frame #webcam{visibility:visible;display:block}main.flag-mirror #app-frame #webcam{transform-origin:50%;transform:scaleX(-1)}.flag-flood #stage{aspect-ratio:auto;place-self:stretch stretch;width:100%;height:100%}.flag-flood #face-buttons{width:var(--stage-fit-width,100%);height:var(--stage-fit-height,100%);aspect-ratio:var(--width,640)/var(--height,480);transform:scale(var(--stage-flood-scale,1));transform-origin:50%}main:not(.flag-overlays) [data-overlay-control]{visibility:hidden}.user-active #shared-controls{visibility:visible}.user-inactive{cursor:none}.user-inactive *{cursor:none!important}.user-inactive .instrument-panel:not(:hover):not(:focus-within):not(:focus-visible),.user-inactive .ensemble-preset-panel:not(:hover):not(:focus-within):not(:focus-visible),.user-inactive .controls:not(:hover):not(:focus-within):not(: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.flag-synch #stage video{visibility:visible;display:block}.loaded #app-frame .canvas-full-size{z-index:1}.loaded #app-frame #interface3D{z-index:3}.loaded #app #title{visibility:hidden;position:absolute;right:0}.loaded #foot{z-index:-1;visibility:hidden}.beginner #button-reset,.beginner label[for=select-impulse],.beginner label[for=button-install],.beginner label[for=select-viz],.beginner #settings [data-advanced-mode-only],.beginner #percussion-settings [data-advanced-mode-only]{display:none}.times-up #photosynth-canvas{animation:3s linear reverse both Fade}.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%}.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}.squircle{--brm:1}@supports (corner-shape:squircle){.squircle{--brm:2}}.reveal .slides cite,.reveal .slides figcaption{font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.reveal .slides{height:100svh}.reveal .slides section{--frame:var(--pad,1rem);box-sizing:border-box;height:inherit;max-width:100%;max-height:100vh;margin:auto;margin:calc(var(--frame) * 2);flex-flow:column;place-content:center;place-items:center;display:flex;height:calc(100% - var(--frame) * 4)!important;width:calc(100% - var(--frame) * 4)!important}.reveal .slides section .r-fit-text{margin-left:auto;margin-right:auto}.reveal .slides section:has(.wallpaper){margin:auto;width:100%!important;height:100%!important}.reveal .slides section.flex{display:flex!important}.reveal .slides section.grid{display:grid!important}.reveal .slides section.grid .wallpaper{grid-area:1/1/-1/-1}.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 a{color:inherit;text-align:left;text-decoration:none}.reveal .slides a:hover{text-decoration:none}.reveal .slides a:has(svg){align-items:center;gap:var(--gap,1rem);flex-wrap:nowrap;height:min-content;display:flex}.reveal .slides a:has(svg) svg{min-width:42px;height:100%;min-height:42px;max-height:min(100%, var(--lines,3lh));aspect-ratio:1;flex:100%;place-self:center;width:auto;max-width:min(64px,3lh)}.reveal .slides p+p{margin-top:2lh}.reveal .slides figcaption,.reveal .slides cite,.reveal .slides .cite{padding:var(--pad) calc(2 * var(--pad));background-color:#fff;border-radius:12px;font-size:1.3rem}.reveal .slides cite,.reveal .slides .cite{place-items:center;gap:var(--pad);width:fit-content;margin-left:auto;margin-right:auto;display:flex}.reveal .slides :is(cite,.cite):before{content:"—";color:var(--col-accent,red);opacity:.75}.reveal .slides code,.reveal .slides pre{box-shadow:none;border:0;border-left:6px solid var(--col-accent);margin:0;padding:0;font-size:1rem}.reveal .slides blockquote{--size:2rem;width:fit-content;box-shadow:none;quotes:"“" "”" "‘" "’";background-color:inherit;border-radius:12px;margin:auto;padding:0;position:relative}.reveal .slides blockquote:before,.reveal .slides blockquote:after{color:var(--col-accent,red);font-size:var(--size);top:var(--pad,0);font-family:Times New Roman,Times,serif;line-height:1;position:absolute}.reveal .slides blockquote:before{content:open-quote;right:100%}.reveal .slides blockquote:after{content:close-quote;bottom:0;left:100%}.reveal .slides blockquote p{font-size:1rem}.reveal .slides table{font-size:.8rem}.reveal .slides :is(ol,ul)[role=list]{width:fit-content;padding:0 var(--pad);margin:0 auto;list-style:outside}.reveal .slides :is(ol,ul)[role=list] li{font-size:1rem}.reveal .slides :is(ol,ul)[role=list] li::marker{font-size:1rem}.reveal .slides :is(ol,ul)[role=list] li p{font-size:inherit;margin:0;margin-top:var(--pad);line-height:inherit}.reveal .slides ol{list-style-type:decimal;list-style-position:inside}.reveal .slides img{object-fit:contain;width:auto;height:auto;max-height:100vh;max-height:calc(100vh - var(--lines,0) * 1lh);max-width:100%;margin:0 auto;display:block}.reveal .slides video{visibility:visible;object-fit:cover;max-width:max-content;margin:0}.reveal .slides video.full-size{width:100%;max-width:max-content;height:100%;max-height:max-content}.reveal .slides .monochromatic{filter:grayscale()contrast(2)brightness(2)}.reveal .slides .woodblock{filter:grayscale()contrast(4)brightness(1.75)}.reveal .slides .two-tone{filter:grayscale()brightness(.7)contrast(2.9)}.reveal .slides .crt{filter:grayscale()brightness(3)}.reveal .slides .avatar{min-width:42px;min-height:42px;max-height:min(100%, var(--lines,2lh));max-width:min(100%, var(--lines,2lh));border-radius:4px;flex:100%;width:auto;height:100%;overflow:hidden}.reveal .slides :is(ol,ul).squircle{border-radius:calc(16px * var(--brm));corner-shape:squircle;background-color:#fff9;padding:2rem;position:absolute}.reveal .slides figure{margin:var(--pad) auto;justify-content:center;align-items:center;gap:var(--pad,var(--r-block-margin));flex-direction:column;display:flex}.reveal .slides figure figcaption{padding:0 var(--pad,var(--r-block-margin))}.reveal .slides figure.r-stretch img{margin:0 auto}.reveal .slides figure:not(.r-stretch,.full-size) img{max-height:calc(100vh - var(--lines,3) * 1lh)}.reveal .slides figure:not(.r-stretch,.full-size) figcaption{margin-top:var(--pad)}.reveal .slides figure.grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;max-height:100svh;display:grid}.reveal .slides figure.grid figcaption{grid-area:1/1/-1/-1}.reveal .slides figure.wallpaper{margin:0;position:absolute;inset:0}.reveal .slides figure.wallpaper img{object-fit:contain;width:auto;max-width:100%;height:100%;max-height:100%;margin:auto;display:block;position:relative}.reveal .slides figure.wallpaper figcaption{bottom:calc(var(--pad) * 2);position:absolute}.reveal .slides figure.full-size img{object-fit:cover;width:100%;max-width:100%;height:100%;max-height:100%}.reveal .slides figure.full-size.cover img{object-fit:cover}.reveal .slides figure.full-size.contain img{object-fit:contain}.reveal .slides p{margin:0;font-size:1rem}.reveal .slides figcaption p{font-size:1.5rem}.reveal .slides figcaption:has(small) small{margin-top:var(--pad);margin-bottom:var(--pad)}.reveal .slides small{vertical-align:top;font-size:1.1rem;display:inline-block}.reveal .slides .r-stretch{align-self:stretch}.reveal .slides section>.r-stretch+.caption{margin-top:var(--pad,var(--r-block-margin))}.reveal .slides .caption{text-align:center;max-width:min(100%,42rem)}.reveal .slides section[data-background-image]>.caption,.reveal .slides section[data-background-video]>.caption{padding:calc(var(--pad,var(--r-block-margin)) * .5) var(--pad,var(--r-block-margin));background:#ffffffb8;border-radius:.35rem}.reveal .slides .r-stack.r-stretch{width:100%;height:100%}.reveal .slides .r-stack.r-stretch>:is(img,video){object-fit:contain;width:100%;height:100%}.reveal .slides #timeline .history{transition:transform 4s ease-in-out 0s infinite alternate-reverse;transform:translateY(calc(90vh - 100%))}.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%}.reveal .slides .openclaw{transform-origin:0 0;animation:9s ease-in-out infinite alternate-reverse both Claw}html.reveal-print .reveal{min-height:fit-content!important}@keyframes Claw{to{transform:rotate(-3deg)}}.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{0%,to{scale:1}50%{scale:1.1}}@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(0%)}to{clip-path:var(--circle-size,circle(75% at 50% 50%))}}@keyframes FromCircle{0%{clip-path:circle(75%)}to{clip-path:circle(0%)}}@keyframes Pulse{0%{opacity:var(--opacity,.3)}to{opacity:var(--alpha,1)}}@keyframes ToCircle{0%{clip-path:circle(0%)}to{clip-path:circle(75%)}}@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,#e7dbd57a,#26222533,#262225fa);background-position:50%,50%,50%;background-repeat:no-repeat,repeat,repeat;background-size:100%,25%,25%}html.loading:not(.player-selection){--camera-tile-width:192px;--camera-tile-height:160px;background-color:#f3f0e9;background-image:radial-gradient(at 50% 42%,#f8f6f0 0%,#f8f6f0cc 28%,#f8f6f000 78%),url(photosynth-wallpaper.ded08f4a.svg);background-size:100% 100%, var(--camera-tile-width) var(--camera-tile-height);background-blend-mode:normal;background-position:0 0,0 0;background-repeat:no-repeat,repeat;animation:none}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:not(.procedural-background){animation-name:BGScroll3;animation-duration:3s;animation-timing-function:ease-in-out}}html.loading.procedural-background>body:before{background-image:linear-gradient(#e7dbd5cc,#e7dbd5ed);background-position:0 0;background-repeat:no-repeat;background-size:100% 100%}html.player-selection.procedural-background>body:before{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-repeat:repeat}html.procedural-background{animation:none}html.procedural-background>body{isolation:isolate;min-height:100%;position:relative}html.procedural-background>body:before{content:"";z-index:-1;pointer-events:none;background-repeat:no-repeat;background-attachment:scroll;position:absolute;inset:0}html.procedural-background>body:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#e7dbd5e6,#e7dbd57a,#26222533,#262225fa) no-repeat;position:absolute;inset:0}html.procedural-background>body>:not(#procedural-background){z-index:2}html.loading.procedural-background{background-image:none}html.loading.procedural-background>body{background-blend-mode:screen;background-image:url(photosynth-wallpaper.ded08f4a.svg);background-repeat:repeat;background-size:192px 160px}html.player-selection.procedural-background{background-image:none}html.loading.procedural-background>body:after{background:0 0}#procedural-background{z-index:0;pointer-events:auto;width:100%;height:100%;position:fixed;inset:0}html:not(.loading):not(.player-selection) #procedural-background{display:none}html.loaded:not(.loading):not(.player-selection){background-image:none;animation:none}html.wallpaper-motion-stopped{animation:none}#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;width:fit-content;left:0;right:0;top:calc(2rem + var(--pad,16px) * 2);-webkit-user-select:none;user-select:none;pointer-events:auto;touch-action:pan-x;cursor:ns-resize;white-space:pre-line;margin:0 auto;position:fixed;bottom:auto}#feedback.dragging{will-change:top}#feedback{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:2px solid;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}#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.gamepad-percussion,#feedback.gamepad-notes,#feedback.gamepad-chords,#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.gamepad-percussion:after,#feedback.gamepad-notes:after,#feedback.gamepad-chords: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.gamepad-percussion,#feedback.gamepad-notes,#feedback.gamepad-chords,#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.gamepad-percussion:before,#feedback.gamepad-notes:before,#feedback.gamepad-chords: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.gamepad-percussion{--bg:url(graphic_eq_black_24dp.0ac9bae6.svg)}#feedback.gamepad-notes{--bg:url(music_note-24px.8cefd15d.svg)}#feedback.gamepad-chords{--bg:url(piano-24px.6808fc8b.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.direction{--bg:url(rocket_launch.36546cf7.svg);--icon-width:3ch;--indicator-width:calc(var(--icon-width) / 2)}#feedback.direction:after{animation:none;display:none}#feedback.direction-sun{--bg:url(flare-24px.d4fea658.svg)}#feedback.direction-moon{--bg:url(nightlife.f9555314.svg)}#feedback.direction-planet{--bg:url(public.4627f095.svg)}#feedback.direction-alien,#feedback.direction-robot{--bg:url(smart_toy.69fbecf0.svg)}#feedback.direction-comet,#feedback.direction-star{--bg:url(stars.6c05e292.svg)}#feedback.direction-brain,#feedback.direction-science{--bg:url(psychology.4e4a1039.svg)}#feedback.direction-complete{--bg:url(rocket.5634091b.svg)}#feedback.hide{opacity:0}#feedback:hover~canvas{opacity:.5}summary.with-image{align-items:center;gap:var(--gap,var(--pad));grid-template-columns:auto clamp(4.5rem,18vw,9rem) minmax(0,auto) auto 1fr;grid-template-areas:"prefix photo summary marker space"}summary.with-image:before{content:"=";grid-area:prefix}summary.with-image:after{content:"... Learn More";text-decoration:underline;display:block}summary.with-image img,summary.with-image figure{box-sizing:border-box;width:100%;padding:var(--pad);border-radius:calc(var(--curve,1rem) * .5);object-fit:contain;grid-area:photo;display:block}summary.with-image .hardware-summary-name{grid-area:summary;font-weight:700}.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,.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));--top-edge-threshold:320;--_ybool:clamp(0, calc(999 * (var(--top) - var(--top-edge-threshold))), 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:var(--_ybool);--is-lt-320:calc(1 - var(--is-gt-320));pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(9px, var(--font-size), 14px);z-index:1066;bottom:unset;right:unset;border-width:var(--stroke,3px);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% * var(--is-gt-320) - var(--triangle-size) * var(--is-lt-320));--_reflect:clamp(-1 , 9999 * (var(--left) - 160), 1);--arrow-base-y:calc(100% * var(--is-lt-320));--arrow-tip-y:calc(100% * var(--is-gt-320));clip-path:polygon(0 var(--arrow-base-y), 100% var(--arrow-base-y), 100% var(--arrow-tip-y));height:var(--triangle-size);width:var(--triangle-size);background:inherit;z-index:-1;border:inherit;border-top:0;border-bottom-width:calc(var(--flopper) * var(--stroke,3px));left:var(--left,0);top:var(--top,0);transform:scaleX(calc(var(--scale,1) * var(--_reflect,1))) translate(var(--left,0), 0);transform-origin:50%;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,.progress-bar){--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,.progress-bar)::-webkit-progress-bar{background-color:#0000}progress:not([value],.donut,.progress-bar)::-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;bottom:auto;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;display:flex}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;border:4px solid var(--shade-red,red)}dialog.fatal :is(h3,h4,h5,h6):before{content:"😞";margin-right:calc(var(--pad) / 1.5);font-family:noto-emoji;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;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]>*{-webkit-user-select:none;user-select:none;animation:Fade var(--ease-q) linear 0s 1 both}body>dialog{z-index:1999;grid-area:1/1/-1/-1;position:fixed;top:0;bottom:0}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;-webkit-user-select: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}}dialog.person-report-dialog{width:min(48rem,100vw - 2rem);max-width:calc(100vw - 2rem);max-height:calc(100dvh - 2rem);padding:1.5rem}dialog.person-report-dialog:after{display:none}dialog.person-report-dialog::backdrop{pointer-events:auto;background:#0008}dialog.person-report-dialog>*{-webkit-user-select:text;user-select:text;flex-shrink:0}dialog.person-report-dialog header,dialog.person-report-dialog .person-report-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}dialog.person-report-dialog header{justify-content:space-between}dialog.person-report-dialog h2{overflow-wrap:anywhere;font-size:1.5rem}dialog.person-report-dialog button{z-index:2;--icon-visible:0;position:relative}dialog.person-report-dialog p{margin-block:1rem}dialog.person-report-dialog table{border-collapse:collapse;table-layout:fixed;width:100%}dialog.person-report-dialog th,dialog.person-report-dialog td{text-align:left;overflow-wrap:anywhere;border-bottom:1px solid #8885;padding:.5rem}dialog.person-report-dialog th{width:65%}dialog.person-report-dialog summary{cursor:pointer;padding-block:.75rem}dialog.person-report-dialog li{margin-block:.5rem}.command-palette-launcher{align-items:center;gap:.5em;display:inline-flex}.command-palette-launcher kbd{white-space:nowrap;font-size:.65em}.keyboard-shortcut-control{position:relative}.keyboard-shortcut-control>kbd.keyboard-shortcut{z-index:2;color:var(--shade-white);text-indent:0;white-space:nowrap;background:color-mix(in srgb, var(--shade-dark) 70%, transparent);border:1px solid color-mix(in srgb, var(--shade-white) 45%, transparent);pointer-events:none;opacity:0;visibility:hidden;border-radius:.25em;padding:.08em .32em;font-size:max(.625rem,.55em);font-weight:700;line-height:1.2;transition:opacity 80ms ease-out;position:absolute;top:.25rem;right:.25rem}html.keyboard-input-active .keyboard-shortcut-control>kbd.keyboard-shortcut{opacity:1;visibility:visible}@media (prefers-reduced-motion:reduce){.keyboard-shortcut-control>kbd.keyboard-shortcut{transition:none}}dialog.command-palette{--palette-border:color-mix(in srgb, var(--shade-dark) 22%, transparent);width:min(42rem, 100vw - 2 * var(--pad));max-width:none;max-height:min(42rem, 100dvh - 2 * var(--pad));color:var(--shade-dark);background:var(--shade-white);border:1px solid var(--palette-border);border-radius:calc(var(--curve) * 1.25);margin:min(15vh,8rem) auto auto;padding:0;overflow:hidden}dialog.command-palette:after{display:none}dialog.command-palette::backdrop{pointer-events:auto;background:hsl(var(--hue-dark), 8%, 8%, .72);backdrop-filter:blur(5px)}dialog.command-palette .command-palette-shell{width:100%;max-height:inherit;grid-template-rows:auto minmax(0,1fr) auto;padding:0;display:grid;position:relative}dialog.command-palette .command-palette-header{padding:var(--pad);border-bottom:1px solid var(--palette-border)}dialog.command-palette .command-palette-header h4{margin:0 2rem .2rem 0;font-size:1.1rem}dialog.command-palette .command-palette-header p{opacity:.72;margin:0 2rem .75rem 0;font-size:.85rem}dialog.command-palette .command-palette-search{box-sizing:border-box;width:100%;min-height:3rem;font:inherit;color:inherit;background:color-mix(in srgb, var(--shade-white) 84%, white);border:2px solid var(--shade-grey);border-radius:calc(var(--curve) * .7);padding:.7rem .9rem}dialog.command-palette .command-palette-search:focus-visible{outline:3px solid var(--shade-orange);outline-offset:2px}dialog.command-palette .command-palette-results{overscroll-behavior:contain;padding:.5rem;overflow-y:auto}dialog.command-palette .command-palette-group{letter-spacing:.08em;text-transform:none;opacity:.65;padding:.75rem .75rem .35rem;font-size:.72rem;font-weight:800}dialog.command-palette button.command-palette-option{text-align:left;width:100%;min-height:auto;color:inherit;border-radius:calc(var(--curve) * .55);box-shadow:none;background:0 0;border:0;gap:.12rem;padding:.7rem .8rem;display:grid;transform:none}dialog.command-palette button.command-palette-option span{font-weight:750}dialog.command-palette button.command-palette-option small{opacity:.72;font-size:.78rem}dialog.command-palette button.command-palette-option[aria-selected=true]{color:var(--shade-white);background:var(--shade-brand)}dialog.command-palette button.command-palette-option[aria-disabled=true]{opacity:.42;text-decoration:line-through}dialog.command-palette button.command-palette-option:focus-visible{outline:3px solid var(--shade-orange);outline-offset:-3px}dialog.command-palette .command-palette-empty{padding:calc(2 * var(--pad));text-align:center}dialog.command-palette .command-palette-footer{padding:.65rem var(--pad);border-top:1px solid var(--palette-border);opacity:.72;align-items:center;gap:.55rem;font-size:.72rem;display:flex}dialog.command-palette form.command-palette-shell button.command-palette-close{z-index:3;width:2rem;height:2rem;min-height:0;color:inherit;box-shadow:none;opacity:1;pointer-events:auto;background:0 0;border:0;padding:0;font-size:1.4rem;line-height:1;position:absolute;inset:.65rem .65rem auto auto}html:has(dialog.command-palette[open]){overflow:hidden}@media (prefers-reduced-motion:reduce){dialog.command-palette,dialog.command-palette[open]{transition:none;animation:none}}dialog.keyboard-guide{box-sizing:border-box;color:#fff;background:#0b0e14fa;border:1px solid #ffffff47;border-radius:.8rem;max-block-size:calc(100dvh - 1.5rem);inline-size:min(68rem,100vw - 1.5rem);max-inline-size:none;padding:0;overflow:hidden;box-shadow:0 1.5rem 5rem #000000a6}dialog.keyboard-guide::backdrop{backdrop-filter:blur(.3rem);background:#020408d1}body:has(dialog.keyboard-guide[open]) #feedback{visibility:hidden}.keyboard-guide-shell{box-sizing:border-box;gap:.7rem;max-block-size:calc(100dvh - 1.5rem);inline-size:100%;padding:1rem;display:grid;position:relative;overflow:auto}.keyboard-guide-header{justify-content:space-between;align-items:center;gap:1rem;padding-inline-end:2.5rem;display:flex}.keyboard-guide-header h4,.keyboard-guide-header p{margin:0}.keyboard-guide-header h4{font-size:clamp(1.25rem,2.5vw,1.8rem);line-height:1}.keyboard-guide-header h4:before{display:none}.keyboard-guide-current{border:1px solid;border-radius:999px;flex:none;padding:.35rem .65rem;font-size:.8rem;font-weight:800;line-height:1.1;color:var(--shade-orange,#ffb02e)!important}.keyboard-mode-heading{justify-content:space-between;align-items:baseline;gap:1rem;font-size:.78rem;font-weight:800;display:flex}.keyboard-mode-heading small{color:#ffffffa6;font-size:.68rem;font-weight:600}.keyboard-mode-picker{grid-template-columns:repeat(6,minmax(0,1fr));gap:.35rem;display:grid}.keyboard-mode-picker button{box-sizing:border-box;color:#fff;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff4d;border-radius:.4rem;justify-content:center;align-items:center;gap:.35rem;min-block-size:2.35rem;min-inline-size:0;padding:.3rem .45rem;font-size:.72rem;font-weight:750;line-height:1;display:flex}.keyboard-mode-picker button kbd{opacity:.7;font-size:.68rem}.keyboard-mode-picker button[aria-pressed=true]{border-color:var(--shade-orange,#ffb02e);background:var(--shade-orange,#ffb02e);color:#111;box-shadow:0 0 1rem #ffb02e4d}.keyboard-guide :where(button):focus-visible{outline-offset:.12rem;outline:.18rem solid #fff}.keyboard-layout{box-sizing:border-box;inline-size:100%;padding-block-end:.3rem;overflow:auto hidden}#keyboard-guide-keys{box-sizing:border-box;gap:.38rem;inline-size:64rem;min-inline-size:48rem;max-inline-size:100%;margin-inline:auto;display:grid}.keyboard-row{box-sizing:border-box;gap:.38rem;inline-size:100%;display:flex}.keyboard-row:first-child{justify-content:flex-end;margin-block-end:.1rem}.keyboard-row:nth-child(4){padding-inline:3.1rem 0}.keyboard-row:nth-child(5){padding-inline:7rem 0}.keyboard-row:last-child{justify-content:center}button.keyboard-key{box-sizing:border-box;color:#fff;block-size:4.35rem;min-block-size:0;inline-size:calc(10% - .342rem);min-inline-size:0;font:inherit;hyphens:none;text-align:start;border:1px solid #ffffff4d;background:linear-gradient(#303642,#1a1e27);border-block-end-width:.24rem;border-radius:.4rem;flex:0 0 calc(10% - .342rem);grid-template-rows:auto 1fr;align-items:start;padding:.38rem .42rem .32rem;transition:transform 70ms ease-out,background 70ms ease-out,border-color 70ms ease-out;display:grid;overflow:hidden}.keyboard-row:first-child button.keyboard-key{flex-basis:6.8rem;block-size:3.6rem;inline-size:6.8rem}.keyboard-row:last-child button.keyboard-key{flex-basis:28rem;block-size:3.6rem;inline-size:28rem}.keyboard-key kbd{letter-spacing:0;text-transform:none;writing-mode:horizontal-tb;inline-size:100%;font-size:.82rem;font-weight:900;line-height:1;display:block}.keyboard-key-action{box-sizing:border-box;hyphens:none;letter-spacing:0;text-overflow:ellipsis;text-transform:none;white-space:normal;word-break:normal;overflow-wrap:normal;writing-mode:horizontal-tb;-webkit-line-clamp:2;color:#ffffffc2;-webkit-box-orient:vertical;align-self:end;inline-size:100%;font-size:.64rem;font-weight:650;line-height:1.12;display:-webkit-box;overflow:hidden}button.keyboard-key.is-unmapped{opacity:.38}button.keyboard-key.is-pressed,button.keyboard-key:active{border-color:var(--shade-orange,#ffb02e);background:var(--shade-orange,#ffb02e);color:#111;border-block-end-width:.1rem;transform:translateY(.14rem);box-shadow:0 0 1rem #ffb02e8c}button.keyboard-key.is-pressed .keyboard-key-action,button.keyboard-key:active .keyboard-key-action{color:currentColor}@media (width<=52rem){.keyboard-mode-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.keyboard-mode-heading small{display:none}#keyboard-guide-keys{max-inline-size:none}}@media (prefers-reduced-motion:reduce){button.keyboard-key{transition:none}}:where(details){pointer-events:auto;place-self:center stretch;display:block}:where(details)>summary{cursor:pointer;-webkit-user-select:none;user-select:none;pointer-events:auto;box-sizing:border-box;grid-template-columns:auto auto auto 1fr;grid-template-areas:"prefix summary marker space";gap:.5ch;list-style:none;display:grid}:where(details)>summary:before{content:"";grid-area:prefix;display:inline-block}:where(details)>summary:after{content:"×";font-size:inherit;transform-origin:50%;grid-area:marker;transition:transform .25s;display:inline-block;transform:rotate(45deg)}:where(details)>summary::marker{content:""}:where(details)>summary::-webkit-details-marker{content:"";grid-area:marker;display:none}:where(details[open])>summary:before{content:""}:where(details[open])>summary:after{transform:rotate(0)}@supports selector(details::details-content) and (interpolate-size:allow-keywords) and (transition-behavior:allow-discrete){details::details-content{interpolate-size:allow-keywords;opacity:0;block-size:0;transition:block-size .25s ease, opacity .25s ease, content-visibility .25s allow-discrete;overflow:clip}details[open]::details-content{opacity:1;block-size:auto}}.details{padding:var(--pad);border:dashed var(--stroke,1px) var(--col-accent,white)}details.accordion{margin:0;padding:0}details.accordion>summary{--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-bg:hsl(var(--hue), var(--s,58%), calc(var(--l,58%) - var(--range,10%) / 2));--col-fg:color-contrast(var(--col-bg,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:var(--col-text,var(--col-fg,var(--shade-light,white)));color:contrast-color(var(--col-top));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:none;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,fit-content));flex-grow:1;flex-shrink:0;flex-direction:var(--dir-override,var(--direction,row));box-sizing:border-box;vertical-align:middle;z-index:1;-webkit-user-select:none;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)}details.accordion>summary input{pointer-events:none;-webkit-user-select:none;user-select:none;appearance:none;z-index:-1;background:0 0;border:none;position:absolute;top:0;left:0;right:0}details.accordion>summary: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}details.accordion>summary:is(:target,:active,:hover,:focus-visible,:has(:focus-visible)):after{opacity:0;z-index:1}details.accordion>summary:is(:target,:active,:hover,:focus-visible,:has(:focus-visible)) select{z-index:909}details.accordion>summary:is(:focus-visible,:focus-within,:target,:has(:target),:focus:target){--hue:var(--hue-orange);z-index:909;opacity:1}details.accordion>summary: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}details.accordion>summary:target{--hue:var(--hue-brown)}details.accordion>summary:disabled{pointer-events:none;filter:grayscale()}details.accordion>summary:active{--hue:var(--hue-orange,5);box-shadow:inset 0 0 0 var(--line) var(--col-ring)}details.accordion>summary:active:before{--hue:var(--hue-blue,45)}details.accordion>summary.hide,details.accordion>summary[hidden]{display:none}details.accordion>summary{--icon:none;padding:var(--pad,1rem);box-sizing:border-box;border-radius:var(--button-curve);text-align:start;min-width:0;max-width:none;max-height:none;box-shadow:var(--box-shadow);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:none;gap:.5em 1em;margin:0;transition:transform .15s,box-shadow .15s;display:grid}details.accordion>summary>*{min-width:0;color:inherit;grid-column:1;margin:0}details.accordion>summary:before{display:none}details.accordion>summary:after{grid-area:1/2/span 2;align-self:center;font-size:1.5em}details.accordion>summary:is(:hover,:focus-visible,:active,:target,:has(:focus-visible)):after{opacity:1}details.accordion>summary:focus-visible{outline-offset:3px;outline:2px solid;animation:none}details.accordion[open]>summary{--col-top:hsl(var(--hue-selected), var(--s-selected), var(--l-selected));--col-bottom:hsl(var(--hue-selected), var(--s-selected), calc(var(--l-selected) + var(--range)));--shadow-offset-y:0;color:var(--shade-dark,#222);text-shadow:none;box-shadow:inset 4px 0 0 currentColor, var(--box-shadow)}details.accordion>summary:is(:hover,:focus-visible){color:var(--shade-dark,#222);text-shadow:none;box-shadow:inset 0 0 0 2px currentColor, var(--box-shadow)}details.accordion>summary:active{--col-top:hsl(var(--hue-active), var(--s-active), var(--l-active));--col-bottom:hsl(var(--hue-active), var(--s-active), calc(var(--l-active) - var(--range)));color:var(--shade-dark,#222);text-shadow:none;transform:translateY(2px);box-shadow:inset 0 2px 4px #00000059}@media (prefers-reduced-motion:reduce){details::details-content,details>summary,details>summary:after{transition:none!important;animation:none!important}}.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{--bg:url(expand_more-24px-white.9b57ef4c.svg);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:after,.folder-content a:last-of-type{--size:44px;color:#0000;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:-1;background-image:var(--bg), linear-gradient(0deg, black, transparent);background-size:var(--size,22px), 100%;background-position:center bottom 18px,50%;background-repeat:no-repeat;order:-1;position:absolute;inset:0}.folder-content:after:hover,.folder-content:after:focus,.folder-content a:last-of-type:hover,.folder-content a:last-of-type:focus{animation:.9s infinite alternate both Pulse}.folder-content:after{pointer-events:none}.folder-menu.inline.up{position:relative}.folder-menu.inline.up .folder-content{bottom:100%;left:0;right:0}.folder-menu.inline.up .folder-content:after{content:"";height:0;padding-bottom:100%;top:100%;bottom:auto}.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.open .folder-content,.folder-menu:is(:focus,:focus-within) .folder-content,.folder-menu:has(: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.open .folder-content>*,.folder-menu:is(:focus,:focus-within) .folder-content>*,.folder-menu:has(: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.open .folder-content a:last-of-type,.folder-menu:is(:focus,:focus-within) .folder-content a:last-of-type,.folder-menu:has(: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;-webkit-user-select:none;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:none;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}#settings label[for=select-composite-displays]{flex-direction:column;grid-column:1/-1;gap:.5rem;min-width:min(22rem,100%);height:auto;display:flex}#settings label[for=select-composite-displays][hidden]{display:none}#settings label[for=select-composite-displays]>select{appearance:auto;opacity:1;width:100%;min-height:9rem;color:var(--shade-white);background:var(--shade-dark);order:1;position:static}::-ms-expand{display:none}select{appearance:none;background:100%/1em no-repeat;border-radius:0;padding-right:1em}@supports not (appearance:base-select){.option-icon,optgroup>legend{display:none}select hr{box-shadow:none;background:0 0;padding:0}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")}}select[data-native-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")}@supports (appearance:base-select){.controls label select:not([multiple],[size],[data-native-select]){color:#0000;opacity:0;text-shadow:none;background:0 0;border:0;padding:0;position:absolute;inset:0}.controls label select:not([multiple],[size],[data-native-select])::picker-icon{opacity:0}.controls label select:not([multiple],[size],[data-native-select]):open{opacity:1}select:not([multiple],[size],[data-native-select]){--gap:calc(var(--pad) * .5);--select-surface-top:hsl(var(--hue-dark), 8%, 20%);--select-surface-bottom:hsl(var(--hue-dark), 8%, 15%);--select-surface-hover-top:hsl(var(--hue-dark), 10%, 24%);--select-surface-hover-bottom:hsl(var(--hue-dark), 9%, 18%);--select-panel-bg:hsl(var(--hue-dark), 7%, 18%);--select-option-hover:hsl(var(--hue-dark), 8%, 24%);appearance:base-select;font-family:inherit;font-size:inherit;color:inherit}select:not([multiple],[size],[data-native-select]):focus-visible{outline:calc(var(--pad) * .15) solid color-mix(in srgb, var(--shade-active), white 25%);outline-offset:calc(var(--pad) * .15)}select:not([multiple],[size],[data-native-select])::picker-icon{color:var(--shade-grey);transition:rotate var(--duration);margin-inline-start:auto}select:not([multiple],[size],[data-native-select]):open::picker-icon{rotate:180deg}select:not([multiple],[size],[data-native-select])::picker(select){appearance:base-select;border:1px solid var(--shade-grey);border-radius:var(--curve);background:linear-gradient(180deg, color-mix(in srgb, var(--select-panel-bg), white 4%), var(--select-panel-bg));min-inline-size:max(anchor-size(width), 14rem);max-block-size:min(24rem,60vh);padding:calc(var(--pad) * .35);box-shadow:inset 0 1px 0 #ffffff0d, var(--shadow);opacity:0;transition:opacity var(--duration) allow-discrete;font-size:clamp(.95rem,1vw + .7rem,1.05rem)}select:not([multiple],[size],[data-native-select]):open::picker(select){opacity:1}@starting-style{select:not([multiple],[size],[data-native-select]):open::picker(select){opacity:0}}select:not([multiple],[size],[data-native-select]) optgroup{background:0 0;margin:0;padding:0}select:not([multiple],[size],[data-native-select]) optgroup+optgroup{border-block-start:1px solid color-mix(in srgb, var(--shade-grey), transparent 50%);margin-block-start:calc(var(--pad) * .35);padding-block-start:calc(var(--pad) * .35)}select:not([multiple],[size],[data-native-select]) optgroup legend{align-items:center;gap:var(--gap);padding:calc(var(--pad) * .5) calc(var(--pad) * 1);color:var(--shade-grey);letter-spacing:.05em;font-size:.8em;display:flex}select:not([multiple],[size],[data-native-select]) hr{block-size:0;margin:calc(var(--pad) * .35) 0;box-shadow:none;border:0;border-block-start:1px solid color-mix(in srgb, var(--shade-grey), transparent 50%);background:0 0;padding:0;display:block}select:not([multiple],[size],[data-native-select]) button{color:inherit;box-shadow:none;background:0 0;border:0;border-radius:0;outline:none}select:not([multiple],[size],[data-native-select]) button:before,select:not([multiple],[size],[data-native-select]) button:after{display:none}select:not([multiple],[size],[data-native-select]) button:hover{color:inherit;background:0 0;outline:none}select:not([multiple],[size],[data-native-select]) button,select:not([multiple],[size],[data-native-select]) selectedcontent{align-items:center;gap:var(--gap);inline-size:100%;display:flex}select:not([multiple],[size],[data-native-select]) selectedcontent{justify-content:center;min-inline-size:0;padding-inline-start:1em}select:not([multiple],[size],[data-native-select]) selectedcontent .option-icon,select:not([multiple],[size],[data-native-select]) selectedcontent .option-detail{display:none}select:not([multiple],[size],[data-native-select]) .option-label{flex:auto;min-inline-size:0;font-weight:600}select:not([multiple],[size],[data-native-select]) option{--gap:.5em;align-items:center;gap:var(--gap);margin-block:calc(var(--pad) * .15);min-block-size:calc(var(--pad) * 2.4);padding:calc(var(--pad) * .6) calc(var(--pad) * .8);cursor:pointer;border-radius:calc(var(--curve) * .75);transition:background var(--ease-q), color var(--ease-q), border-color var(--ease-q), opacity var(--ease-q);background:0 0;border-inline-start:3px solid #0000;display:flex}select:not([multiple],[size],[data-native-select]) option:hover,select:not([multiple],[size],[data-native-select]) option:focus{background:var(--select-option-hover);color:var(--shade-white)}select:not([multiple],[size],[data-native-select]) option:disabled{opacity:.45;cursor:not-allowed}select:not([multiple],[size],[data-native-select]) option:checked{background:color-mix(in srgb, var(--shade-selected), black 8%);color:var(--shade-white);border-inline-start-color:var(--shade-active);font-weight:700}select:not([multiple],[size],[data-native-select]) option:checked:hover,select:not([multiple],[size],[data-native-select]) option:checked:focus{background:color-mix(in srgb, var(--shade-selected), white 8%)}select:not([multiple],[size],[data-native-select]) option:checked .option-detail{opacity:.95}select:not([multiple],[size],[data-native-select]) option::checkmark{content:"✓";inline-size:1em;color:var(--shade-white);margin-inline-end:calc(var(--pad) * .25);font-weight:700}select:not([multiple],[size],[data-native-select]) .option-icon{object-fit:contain;text-align:center;flex-shrink:0;width:1.5em;height:1.5em;line-height:1}select:not([multiple],[size],[data-native-select]) .option-icon>svg{pointer-events:none;width:100%;height:100%;margin:0;display:block;position:static;inset:auto}select:not([multiple],[size],[data-native-select]) img.option-icon{vertical-align:middle}select:not([multiple],[size],[data-native-select]) .option-swatch{background:var(--swatch);border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff59}select:not([multiple],[size],[data-native-select]) .option-detail{opacity:.75;text-transform:none;letter-spacing:.05em;white-space:nowrap;margin-inline-start:auto;font-size:.75em}select:not([multiple],[size],[data-native-select])#select-tempo .option-label{text-align:right;min-width:2.5ch;font-size:1.1em;font-weight:700}select:not([multiple],[size],[data-native-select])#select-tempo .option-detail{opacity:.6;text-transform:none;letter-spacing:.05em;font-size:.75em}}label[for=select-display]>.settings-caption{grid-area:text}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:none;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:"O O";opacity:1;color:var(--shade-brand,var(--shade-red,red));text-align:center;animation:2s ease-in-out infinite both EyesBlinking;position:absolute;top:15%;left:0;right:0}.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}html.player-selection:not(.loaded):has(#load-progress:not([data-loaded=true]) progress:not([value="0.5"]):not([value="1"])) a[href=\#fund]{background-image:none}html.player-selection:not(.loaded):has(#load-progress:not([data-loaded=true]) progress:not([value="0.5"]):not([value="1"])) a[href=\#fund]:after{content:"";opacity:0;animation:none}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}.tabs{flex-direction:column;min-block-size:0;min-inline-size:0;display:flex}.tabs>.tabs-list{gap:var(--tabs-gap,.25rem);padding:var(--tabs-padding,.5rem);border-block-end:1px solid var(--tabs-border,currentColor);flex:none;display:flex}.tabs .tabs-list>.tab{all:unset;box-sizing:border-box;border-radius:var(--tabs-radius,.4rem);min-block-size:44px;color:inherit;font:inherit;cursor:pointer;border-block-end:3px solid #0000;flex:1 1 0;place-items:center;padding:.5rem 1rem;display:grid}.tabs .tabs-list>.tab:before,.tabs .tabs-list>.tab:after{display:none}.tabs .tabs-list>.tab:hover{background:var(--tabs-hover-background,#ffffff18)}.tabs .tabs-list>.tab[aria-selected=true]{background:var(--tabs-active-background,#ffffff28);border-block-end-color:var(--tabs-accent,currentColor);font-weight:700}.tabs .tabs-list>.tab:focus-visible{outline:2px solid var(--tabs-accent,currentColor);outline-offset:2px}.tabs-panel{overscroll-behavior:contain;flex:auto;min-block-size:0;min-inline-size:0;overflow-y:auto}.tab-horizontal{border:var(--stroke,1px) solid var(--a11y-accent);background:var(--a11y-background);color:var(--a11y-text);border-top:0}.tab-horizontal:focus-visible{outline:3px solid var(--a11y-accent);outline-offset:3px}: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-bg:hsl(var(--hue), var(--s,58%), calc(var(--l,58%) - var(--range,10%) / 2));--col-fg:color-contrast(var(--col-bg,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:var(--col-text,var(--col-fg,var(--shade-light,white)));color:contrast-color(var(--col-top));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:none;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,fit-content));flex-grow:1;flex-shrink:0;flex-direction:var(--dir-override,var(--direction,row));box-sizing:border-box;vertical-align:middle;z-index:1;-webkit-user-select:none;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;-webkit-user-select: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-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-bg:hsl(var(--hue), var(--s,58%), calc(var(--l,58%) - var(--range,10%) / 2));--col-fg:color-contrast(var(--col-bg,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:var(--col-text,var(--col-fg,var(--shade-light,white)));color:contrast-color(var(--col-top));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:none;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,fit-content));flex-grow:1;flex-shrink:0;flex-direction:var(--dir-override,var(--direction,row));box-sizing:border-box;vertical-align:middle;z-index:1;-webkit-user-select:none;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;-webkit-user-select: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-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-bg:hsl(var(--hue), var(--s,58%), calc(var(--l,58%) - var(--range,10%) / 2));--col-fg:color-contrast(var(--col-bg,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:var(--col-text,var(--col-fg,var(--shade-light,white)));color:contrast-color(var(--col-top));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:none;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,fit-content));flex-grow:1;flex-shrink:0;flex-direction:var(--dir-override,var(--direction,row));box-sizing:border-box;vertical-align:middle;z-index:1;-webkit-user-select:none;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;-webkit-user-select: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-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);--max-width-override:stretch;--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;color:var(--shade-white,white);text-shadow:none;background-size:0,auto,auto,auto;justify-content:space-between;display:inline-grid}:where(button,.button,a,input,label).button-push:before{content:"";--hue:56;--col-inner-top:hsla(var(--hue), var(--saturation,50%), calc(35% - var(--darken,0%)), 100%);--col-inner-bottom:hsla(var(--hue), var(--saturation,50%), calc(45% - var(--darken,0%)), 100%);--col-pad-top:hsla(var(--hue), var(--saturation,50%), calc(45% - var(--darken,0%)), 100%);--col-pad-bottom:hsla(var(--hue), var(--saturation,50%), calc(35% - var(--darken,0%)), 100%);--col-back-top:hsla(var(--hue), var(--saturation,50%), calc(35% - var(--darken,0%)), 40%);--col-back-bottom:hsla(var(--hue), var(--saturation,50%), calc(55% - var(--darken,0%)), 10%);background:inherit;background-image:none, 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;padding:inherit;box-sizing:border-box;inset:calc(-1 * var(--bevel));z-index:-1;pointer-events:none;clip-path:circle(0%);transition:clip-path .25s ease-out;position:absolute}:where(button,.button,a,input,label).button-push:is(:target,:active,:hover,:focus-visible,:has(:focus-visible)){color:var(--shade-dark,black);text-shadow:none}:where(button,.button,a,input,label).button-push:is(:target,:active,:hover,:focus-visible,:has(:focus-visible)):before{clip-path:circle(100%)}:where(button,.button,a,input,label).button-push:is(:target,:active,:hover,:focus-visible,:has(:focus-visible)):after{opacity:1;filter:none}:where(button,.button,a,input,label).button-push:active:before{--darken:12%}@media (prefers-reduced-motion:reduce){:where(button,.button,a,input,label).button-push,:where(button,.button,a,input,label).button-push:before,:where(button,.button,a,input,label).button-push:after{transition:none;animation:none}}:where(button,.button,a,input,label).button-push.icon-right{grid-template-areas:"text icon";grid-template-columns:minmax(0, 1fr) calc(var(--icon-size) + var(--pad));text-align:center;background-size:0,auto,auto,auto;justify-content:stretch}:where(button,.button,a,input,label).button-push.icon-right:is(:target,:active,:hover,:focus-visible,:has(:focus-visible)):after{opacity:1;filter:none}: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).error{--bg:url(person-24px.497650ca.svg);--col-hover:var(--shade-brand,var(--shade-red));anchor-name:--button-error}:where(button,.button,a,input,label).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}:where(button,.button,a,input,label).light{--bg:url(person-24px.497650ca.svg);--col-fg:var(--shade-dark);--col-hover:var(--shade-white);--hue:60}:where(button,.button,a,input,label).dark{--bg:url(person-24px.497650ca.svg);--hue:20;--col-fg:var(--shade-white);--col-hover:var(--shade-dark)}@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);-webkit-user-select:none;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)}#intro #pwa{width:100%;min-width:0;display:block;container:pwa/inline-size}#intro #pwa .pwa-actions{grid-template-columns:minmax(0,1fr);gap:clamp(.5rem,2cqi,1rem);display:grid}#intro #pwa .pwa-actions>.button-push{--icon-size:clamp(1.5rem, 6cqi, 2.75rem);--bevel:clamp(.25rem, 1cqi, .625rem);--space:0px;grid-template-areas:"icon text";grid-template-columns:var(--icon-size) minmax(0, 1fr);text-align:center;border-radius:999px;grid-template-rows:auto;justify-content:stretch;gap:clamp(.5rem,1.5cqi,1rem);width:100%;min-width:0;max-width:none;min-height:clamp(4.5rem,14cqi,7rem);max-height:none;padding:clamp(.75rem,3cqi,1.5rem);font-size:clamp(1rem,3.5cqi,1.75rem)}#intro #pwa .pwa-actions>.button-push.icon-right{grid-template-areas:"text icon";grid-template-columns:minmax(0, 1fr) var(--icon-size)}#intro #pwa .pwa-actions>.button-push,#intro #pwa .pwa-actions>.button-push:before{background-size:0,auto,auto,auto}#intro #pwa .pwa-actions>.button-push:after{opacity:1}#intro #pwa .pwa-actions>.button-push[hidden]{display:none}#intro #pwa .pwa-label{overflow-wrap:anywhere;hyphens:none;grid-area:text;min-width:0}@container pwa (width>=40rem){#intro #pwa .pwa-actions:has(>:is(.button-install,.button-upgrade):not([hidden])):has(>[hidden]){grid-template-columns:repeat(2,minmax(0,1fr));gap:0}#intro #pwa .pwa-actions:has(>:is(.button-install,.button-upgrade):not([hidden])):has(>[hidden])>.button-start{border-start-end-radius:0;border-end-end-radius:0}#intro #pwa .pwa-actions:has(>:is(.button-install,.button-upgrade):not([hidden])):has(>[hidden])>:is(.button-install,.button-upgrade){border-start-start-radius:0;border-end-start-radius:0}}.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}.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}.person:before,.person:after{display:none}.person:hover,.person:focus-visible{background-color:#0000;outline:none}.person:active{opacity:1}.person:hover{opacity:.9;background-color:#0000}.person svg{fill:orange;stroke-width:3px;stroke:purple;pointer-events:none;width:100%}.person svg circle{stroke:#000;fill:#fff}.user-active .person{display:block}#person-a{anchor-name:--button-person-a;width:calc(100% * var(--person-a-w,0));height:calc(100% * var(--person-a-h,0));top:calc((100% - 100% * var(--person-a-h,0)) * var(--person-a-y,0));left:calc((100% - 100% * var(--person-a-w,0)) * (var(--person-a-x,0)))}#person-b{anchor-name:--button-person-b;width:calc(100% * var(--person-b-w,0));height:calc(100% * var(--person-b-h,0));top:calc((100% - 100% * var(--person-b-h,0)) * var(--person-b-y,0));left:calc((100% - 100% * var(--person-b-w,0)) * (var(--person-b-x,0)))}#person-c{width:calc(100% * var(--person-c-w,0));height:calc(100% * var(--person-c-h,0));top:calc((100% - 100% * var(--person-c-h,0)) * var(--person-c-y,0));left:calc((100% - 100% * var(--person-c-w,0)) * (var(--person-c-x,0)))}#person-d{width:calc(100% * var(--person-d-w,0));height:calc(100% * var(--person-d-h,0));top:calc((100% - 100% * var(--person-d-h,0)) * var(--person-d-y,0));left:calc((100% - 100% * var(--person-d-w,0)) * (var(--person-d-x,0)))}button#button-record,button#button-midi,button.install-app,button.update-available{overflow:hidden}button.person,#button-video{pointer-events:auto;-webkit-user-select:none;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}label[for=select-arp-rate]{--bg:url(speed-24px.e2251046.svg);--col-hover:var(--shade-blue);--col-select:var(--shade-yellow);anchor-name:--select-arp-rate}#shared-controls>#button-controls-list{--bg:url(view_list-24px.40f89263.svg);order:-2;grid-area:1/1}#shared-controls>#button-controls-list>.controls-view-caption{grid-area:text}#shared-controls>#button-controls-list[aria-expanded=true]{--bg:url(grid_on-24px.7b5ae74b.svg)}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/2}label[for=button-settings]:has(input:checked),label[for=button-settings].checked{--bg:url(expand_more-24px.64b14e21.svg)}label[for=button-settings].button-close{color:#0000;text-shadow:none;padding:0}label[for=button-toggle-advanced]{--col-select:var(--shade-orange);--col-hover:var(--shade-yellow);--bg:url(equalizer.852638c2.svg);anchor-name:--button-toggle-advanced}label[for=button-toggle-advanced]:has(input:checked),label[for=button-toggle-advanced].checked{--bg:url(equalizer.852638c2.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,.mute a.folder-link[href=\#folder-volume]{--bg:url(volume_off-24px.07d04ba0.svg)}.low a.folder-link[href=\#folder-volume]{--bg:url(volume_down-24px.190cb887.svg)}.hi a.folder-link[href=\#folder-volume]{--bg:url(volume_up-24px.06a9096d.svg)}label[for=button-flood]{--bg:url(settings_overscan_black_24dp.c7d9a373.svg);anchor-name:--button-flood}label[for=button-flood]:has(input:checked),label[for=button-flood].checked{--bg:url(settings_overscan_black_24dp.c7d9a373.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=select-mtv]{--col-select:var(--shade-green);--col-hover:var(--shade-blue);--bg:url(blur_on-24px.70333c61.svg);anchor-name:--button-disco}label[for=select-mtv]:has(input:checked),label[for=select-mtv].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=select-eyes]{--col-select:var(--shade-green);--col-hover:var(--shade-blue);--bg:url(adjust-24px.c10e4145.svg);anchor-name:--select-eyes}label[for=button-eyebrows]{--col-select:var(--shade-green);--col-hover:var(--shade-blue);--bg:url(gesture.f2f7b0b8.svg);anchor-name:--button-eyebrows}label[for=select-lips]{--col-select:var(--shade-green);--col-hover:var(--shade-blue);--bg:url(mood.c67ca669.svg);anchor-name:--select-lips}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=button-points]{--col-select:var(--shade-yellow);--col-hover:var(--shade-green);--bg:url(star_rate-24px.4c7288f6.svg);anchor-name:--button-points}label[for=button-toggle-overlay]{--col-select:var(--shade-green);--col-hover:var(--shade-blue);--bg:url(texture-24px.7f2cbcc1.svg);anchor-name:--button-toggle-overlay}label[for=button-toggle-overlay]:has(input:checked),label[for=button-toggle-overlay].checked{--bg:url(subtitles_off_black_24dp.dfda4eff.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-key]{--col-select:var(--shade-yellow);--col-hover:var(--shade-green);--bg:url(key.eb082704.svg);anchor-name:--select-key}label[for=select-key-scale]{--col-select:var(--shade-yellow);--col-hover:var(--shade-green);--bg:url(mode.e2ea63b2.svg);anchor-name:--select-key-scale}label[for=select-keyboard-mode]{--col-select:var(--shade-yellow);--col-hover:var(--shade-green);--bg:url(keyboard.9f611a5d.svg);anchor-name:--select-keyboard-mode}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)}#button-randomise-percussion{--bg:url(casino.a926a7a4.svg);--col-select:var(--shade-green);--col-hover:var(--shade-yellow);anchor-name:--button-randomise-percussion}label[for=select-percussion-preset],label[for=select-percussion-pattern],label[for=select-percussion-sound],label[for=select-percussion-panning],label[for=select-beat-viz]{--col-select:var(--shade-green);--col-hover:var(--shade-yellow);--bg:url(music_note-24px.8cefd15d.svg);white-space:nowrap;flex:120px;min-width:44px;overflow:hidden}label[for=select-percussion-preset] select,label[for=select-percussion-pattern] select,label[for=select-percussion-sound] select,label[for=select-percussion-panning] select,label[for=select-beat-viz] select{min-width:0;max-width:100%}label[for=select-percussion-preset]{anchor-name:--select-percussion-preset}label[for=select-percussion-pattern]{--bg:url(grid_on-24px.7b5ae74b.svg);anchor-name:--select-percussion-pattern}label[for=select-percussion-sound]{anchor-name:--select-percussion-sound}label[for=select-percussion-panning]{--bg:url(surround_sound.d4932045.svg);anchor-name:--select-percussion-panning}label[for=button-midi-percussion]{--col-select:var(--shade-green);--col-hover:var(--shade-yellow);--bg:url(send.2dedc4ac.svg);anchor-name:--button-midi-percussion}label[for=button-rapid-percussion]{--col-select:var(--shade-green);--col-hover:var(--shade-yellow);--bg:url(speed-24px.e2251046.svg);anchor-name:--button-rapid-percussion}label[for=select-beat-viz]{--col-select:var(--shade-green);--col-hover:var(--shade-yellow);--bg:url(grid_on-24px.7b5ae74b.svg);anchor-name:--select-beat-viz}label[for=button-performance-drums]{--col-select:var(--shade-green);--col-hover:var(--shade-yellow);--bg:url(emoji_emotions-24px.a65a2abd.svg);anchor-name:--button-performance-drums}label.snare-reverb-control{flex:9rem;gap:.35rem}label.snare-reverb-control input[type=range]{width:7rem;min-width:4rem;accent-color:var(--shade-green)}label.snare-reverb-control output{font-variant-numeric:tabular-nums;min-width:3ch}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-hud]{--col-select:var(--shade-blue);--bg:url(sensors_off-24px.ef0e5fb0.svg);anchor-name:--button-hud}label[for=button-hud]:has(input:checked),label[for=button-hud].checked{--bg:url(sensors-24px.01304c0f.svg)}label[for=select-viz]{--col-hover:var(--shade-green);--col-select:var(--shade-orange);--bg:url(graphic_eq_black_24dp.0ac9bae6.svg);anchor-name:--button-spectrogram}label[for=select-viz]:has(input:checked),label[for=select-viz].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}a.folder-link[href=\#folder-mouth]{--col-hover:var(--shade-blue);--col-select:var(--shade-yellow);--bg:url(show_chart.4cf7814c.svg);anchor-name:--folder-mouth}a.folder-link[href=\#folder-head]{--col-hover:var(--shade-blue);--col-select:var(--shade-green);--bg:url(face.cb15ec08.svg);anchor-name:--folder-head}a.folder-link[href=\#folder-engine]{--col-hover:var(--shade-green);--col-select:var(--shade-orange);--bg:url(audiotrack-24px.db88e7e4.svg);anchor-name:--folder-engine}label[for=backing-melody-player]{--col-hover:var(--shade-green);--col-select:var(--shade-orange);--bg:url(music_note-24px.8cefd15d.svg);anchor-name:--backing-melody-player}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(videocam-24px.002a9d35.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-record{--bg:url(repeat_on.ae3b7f2e.svg)}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}#settings label[for=select-subdivisions]{--bg:url(subdivisions-24px.2be09031.svg)}#settings label[for=select-subdivisions]:has(option[value="0"]:checked){--bg:url(subdivisions_off-24px.ecba8b29.svg)}#settings label[for=button-eyebrows]{--bg:url(gesture_off-24px.be1a81f9.svg)}#settings label[for=button-eyebrows]:has(input:checked),#settings label[for=button-eyebrows].checked{--bg:url(gesture.f2f7b0b8.svg)}#settings label[for=select-eyes]:has(option[value^="s:0,i:0"]:checked){--bg:url(adjust_off-24px.f118cb0c.svg)}#settings label[for=select-lips]:has(option[value=disabled]:checked){--bg:url(mood_off-24px.b428817e.svg)}#settings label[for=button-toggle-overlay]{--bg:url(texture_off-24px.f8a6dc53.svg)}#settings label[for=button-toggle-overlay]:has(input:checked),#settings label[for=button-toggle-overlay].checked{--bg:url(texture-24px.7f2cbcc1.svg)}#settings label[for=button-toggle-advanced]{--bg:url(equalizer_off-24px.6dcd5993.svg)}#settings label[for=button-toggle-advanced]:has(input:checked),#settings label[for=button-toggle-advanced].checked{--bg:url(equalizer.852638c2.svg)}#settings label[for=button-flood]{--bg:url(settings_overscan_off-24px.febf5a47.svg)}#settings label[for=button-flood]:has(input:checked),#settings label[for=button-flood].checked{--bg:url(settings_overscan_black_24dp.c7d9a373.svg)}#settings label[for=select-composite-layout]{--bg:url(grid_on-24px.7b5ae74b.svg)}#settings label[for=select-composite-displays]{--bg:url(gradient-24px.a2f7a80f.svg)}#stage{z-index:0;pointer-events:none;display:grid;overflow:clip}#stage>:is(video,canvas){grid-area:1/1;width:100%;min-width:48px;max-width:none;height:100%;min-height:48px;max-height:none;margin:0;display:block}#stage>video{place-self:stretch stretch;transform:scaleX(-1)}#stage>canvas{visibility:visible;place-self:stretch stretch}main.flag-flood #stage>:is(video,canvas){width:var(--stage-fit-width,100%);height:var(--stage-fit-height,100%);place-self:center}main.flag-flood #stage>video{transform:scaleX(-1) scale(var(--stage-flood-scale,1));transform-origin:50%}main.flag-flood #stage>canvas{transform:scale(var(--stage-flood-scale,1));transform-origin:50%}#webcam{z-index:0}#photosynth-canvas{z-index:1}#photosynth-sandwich{display:none}#app-frame #stage>canvas.photosynth-face-features{z-index:4}#app-frame #stage>#photosynth-overlay{z-index:5;pointer-events:none;background:0 0}html:not(.loaded) #input-status-overlay,html.loading #input-status-overlay{display:none}#input-status-overlay{left:var(--pad);right:var(--pad);z-index:700;padding:0 0 calc(var(--pad) * .3) 0;color:var(--shade-white);pointer-events:none;position:fixed;bottom:0}.user-active #input-status-overlay{padding-top:calc(var(--pad) * .3);padding-bottom:0;top:0;bottom:auto}#input-status-list{pointer-events:none;flex-flow:row;justify-content:flex-end;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex;overflow:visible}.input-status-row{pointer-events:auto;cursor:help;border-radius:.2rem;grid-template-columns:.82rem minmax(0,auto);align-items:center;gap:.16rem;max-width:7.5rem;display:inline-grid;position:relative}.input-status-row:focus-visible{outline-offset:.18rem;outline:.12rem solid}.input-status-icon{filter:drop-shadow(0 1px 1px #000000eb)brightness(0)invert();background-position:50%;background-repeat:no-repeat;background-size:contain;width:.72rem;height:.72rem}.input-status-row[data-type=midi] .input-status-icon{background-image:url(midi-copyright-free.6aca88fe.svg)}.input-status-row[data-type=gamepad] .input-status-icon{background-image:url(gamepad_black_24dp.c4e36cba.svg)}.input-status-row[data-type=gamepad-percussion] .input-status-icon{background-image:url(graphic_eq_black_24dp.0ac9bae6.svg)}.input-status-row[data-type=gamepad-notes] .input-status-icon{background-image:url(music_note-24px.8cefd15d.svg)}.input-status-row[data-type=gamepad-chords] .input-status-icon{background-image:url(piano-24px.6808fc8b.svg)}.input-status-row[data-type=picade] .input-status-icon{filter:drop-shadow(0 1px 1px #000000eb);background-image:url(picade-max-pcb.16738ec2.svg)}.input-status-row[data-type=keyboard] .input-status-icon{background-image:url(keyboard.9f611a5d.svg)}.input-status-row[data-type=room],.input-status-row[data-type=recording]{max-width:15rem}.input-status-row[data-type=room] .input-status-detail,.input-status-row[data-type=recording] .input-status-detail{font-size:.65rem}.input-status-row[data-type=room] .input-status-icon{background-image:url(public.4627f095.svg)}.input-status-row[data-type=recording] .input-status-icon{filter:drop-shadow(0 1px 1px #000000eb);background-color:#ef4444;border-radius:50%;width:.55rem;height:.55rem}.input-status-content{min-width:0;color:inherit;text-shadow:var(--text-shadow);display:block}.input-status-label,.input-status-detail{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.input-status-label{letter-spacing:.02em;font-size:.42rem;font-weight:700;line-height:1}.input-status-detail{color:inherit;letter-spacing:.015em;font-size:.42rem;font-weight:700;line-height:1;display:block}.input-status-tooltip{z-index:1;width:max-content;min-width:min(16rem, 100vw - var(--pad) * 2);max-width:min(30rem, 100vw - var(--pad) * 2);max-height:min(70dvh,32rem);color:var(--shade-white);text-align:left;text-shadow:none;white-space:normal;scrollbar-gutter:stable;overscroll-behavior:contain;visibility:hidden;opacity:0;pointer-events:none;background:#0e1116f0;border:1px solid #ffffff47;border-radius:.35rem;gap:.2rem;padding:.55rem .7rem;font-size:.8rem;line-height:1.35;transition:opacity .1s ease-out,visibility .1s;display:grid;position:absolute;bottom:calc(100% + .35rem);right:0;overflow-y:auto;box-shadow:0 .3rem 1rem #00000061}.input-status-tooltip:after{content:"";width:100%;height:.45rem;position:absolute;top:100%;right:0}.user-active .input-status-tooltip{top:calc(100% + .35rem);bottom:auto}.user-active .input-status-tooltip:after{top:auto;bottom:100%}.input-status-tooltip-label,.input-status-tooltip-detail{display:block}.input-status-tooltip-label{font-size:.9rem}.input-status-tooltip-detail{color:#ffffffd1}.input-status-tooltip-body{gap:.45rem;display:grid}.input-status-tooltip-details{border-top:1px solid #ffffff2e;grid-template-columns:max-content minmax(0,1fr);gap:.2rem .65rem;margin:0;padding-top:.4rem;display:grid}.input-status-tooltip-details[hidden]{display:none}.input-status-tooltip-details dt{color:#ffffffb8;font-weight:700}.input-status-tooltip-details dd{overflow-wrap:anywhere;min-width:0;margin:0}.input-status-row:not(.is-tooltip-dismissed):is(:hover,:focus-visible) .input-status-tooltip{visibility:visible;opacity:1;pointer-events:auto}@media (prefers-reduced-motion:reduce){.input-status-tooltip{transition:none}}@media (width<=42rem){#input-status-overlay{left:var(--pad);right:var(--pad);bottom:0}#input-status-list{gap:.35rem}}:root{--a11y-background:#111827;--a11y-surface:#1f2937;--a11y-text:#f3f4f6;--a11y-accent:#a5c8ff;--a11y-focus:var(--a11y-accent);--a11y-button-background:var(--a11y-surface);--a11y-button-text:var(--a11y-text);--a11y-button-border:var(--a11y-accent);--a11y-menu-background:var(--a11y-surface);--a11y-menu-text:var(--a11y-text);--a11y-menu-border:var(--a11y-accent);--a11y-label-background:var(--a11y-background);--a11y-label-text:var(--a11y-text);--a11y-popup-background:var(--a11y-background);--a11y-popup-text:var(--a11y-text);--a11y-popup-border:var(--a11y-accent);--a11y-slider-track:var(--a11y-surface);--a11y-slider-thumb:var(--a11y-accent)}html[data-a11y-theme=light]{--a11y-background:#f5f7fb;--a11y-surface:#fff;--a11y-text:#182235;--a11y-accent:#2448a0;color-scheme:dark;color-scheme:light}html[data-a11y-theme=dark]{--a11y-background:#111827;--a11y-surface:#1f2937;--a11y-text:#f3f4f6;--a11y-accent:#a5c8ff;color-scheme:dark}html[data-a11y-theme=contrast-dark]{--a11y-background:#000;--a11y-surface:#000;--a11y-text:#fff;--a11y-accent:#ff0;color-scheme:dark}html[data-a11y-theme=contrast-light]{--a11y-background:#fff;--a11y-surface:#fff;--a11y-text:#000;--a11y-accent:#00008b;color-scheme:dark;color-scheme:light}html[data-a11y-theme=sepia]{--a11y-background:#f1e5ce;--a11y-surface:#fff4dd;--a11y-text:#3e2d1c;--a11y-accent:#754000;color-scheme:dark;color-scheme:light}html[data-a11y-theme=ocean]{--a11y-background:#102b36;--a11y-surface:#193d49;--a11y-text:#edfaff;--a11y-accent:#88e3ed;color-scheme:dark}html[data-a11y-theme=monochrome]{--a11y-background:#202020;--a11y-surface:#303030;--a11y-text:#fff;--a11y-accent:#eee;color-scheme:dark}html[data-a11y-theme]:not([data-a11y-theme=original]) body,html[data-a11y-theme]:not([data-a11y-theme=original]) #app,html[data-a11y-theme]:not([data-a11y-theme=original]) #onboarding,html[data-a11y-theme]:not([data-a11y-theme=original]) .control-panel,html[data-a11y-theme]:not([data-a11y-theme=original]) dialog,html[data-a11y-theme]:not([data-a11y-theme=original]) .a11y-content{background:var(--a11y-background)!important;color:var(--a11y-text)!important}html[data-a11y-theme]:not([data-a11y-theme=original]) :is(h1,h2,h3,h4,h5,h6,p,label,legend,summary){color:var(--a11y-text)!important;text-shadow:none!important}html[data-a11y-theme]:not([data-a11y-theme=original]) a{color:var(--a11y-accent)!important}html[data-a11y-theme]:not([data-a11y-theme=original]) :is(button,.button,select,textarea,input:not([type=range]):not([type=checkbox]):not([type=radio]),summary){color:var(--a11y-text)!important;background:var(--a11y-surface)!important;border:var(--a11y-border-size,2px) solid var(--a11y-accent)!important;border-radius:var(--a11y-corner-radius,.4rem)!important;text-shadow:none!important;box-shadow:none!important}html[data-a11y-theme]:not([data-a11y-theme=original]) :is(button,input,select):disabled{opacity:.55}html[data-a11y-theme]:not([data-a11y-theme=original]) input{accent-color:var(--a11y-accent)}html[data-a11y-theme]:not([data-a11y-theme=original]) :is(button,.button){background:var(--a11y-button-background)!important;color:var(--a11y-button-text)!important;border-color:var(--a11y-button-border)!important}html[data-a11y-theme]:not([data-a11y-theme=original]) :is(select,textarea,input:not([type=range]):not([type=checkbox]):not([type=radio])){background:var(--a11y-menu-background)!important;color:var(--a11y-menu-text)!important;border-color:var(--a11y-menu-border)!important}html[data-a11y-theme]:not([data-a11y-theme=original]) dialog,html[data-a11y-theme]:not([data-a11y-theme=original]) .a11y-content{background:var(--a11y-popup-background)!important;color:var(--a11y-popup-text)!important}html[data-a11y-theme]:not([data-a11y-theme=original]) dialog{border:var(--a11y-border-size,2px) solid var(--a11y-popup-border)!important}html[data-a11y-theme]:not([data-a11y-theme=original]) dialog :is(h1,h2,h3,h4,p,legend,summary){color:var(--a11y-popup-text)!important}html[data-a11y-theme]:not([data-a11y-theme=original]) label{background:var(--a11y-label-background)!important;color:var(--a11y-label-text)!important}html[data-a11y-theme]:not([data-a11y-theme=original]) input[type=range]{accent-color:var(--a11y-slider-thumb)}html[data-a11y-theme]:not([data-a11y-theme=original]) input[type=range]::-webkit-slider-runnable-track{background:var(--a11y-slider-track)!important}html[data-a11y-theme]:not([data-a11y-theme=original]) input[type=range]::-webkit-slider-thumb{background:var(--a11y-slider-thumb)!important;border:2px solid var(--a11y-slider-thumb)!important}html[data-a11y-theme]:not([data-a11y-theme=original]) input[type=range]::-moz-range-track{background:var(--a11y-slider-track)!important}html[data-a11y-theme]:not([data-a11y-theme=original]) input[type=range]::-moz-range-thumb{background:var(--a11y-slider-thumb)!important}html[data-a11y-theme]:not([data-a11y-theme=original]) :is(button,.button,summary):hover,html[data-a11y-theme]:not([data-a11y-theme=original]) :is(button,.button)[aria-pressed=true],html[data-a11y-theme]:not([data-a11y-theme=original]) :is(button,.button)[aria-selected=true]{color:var(--a11y-background)!important;background:var(--a11y-accent)!important}#accessibility-panel{box-sizing:border-box;overflow-wrap:anywhere;color:#182235;color-scheme:light;background:#f5f7fb;width:min(42rem,100% - 1rem);max-width:calc(100% - 1rem);max-height:calc(100dvh - 1rem);margin:auto;padding:clamp(.75rem,3vw,1.5rem);font-family:Arial,Helvetica,sans-serif;overflow:auto}#accessibility-panel,#accessibility-panel *{transition:none!important;animation:none!important}#accessibility-panel:after{display:none}#accessibility-panel::backdrop{pointer-events:auto;background:#0000008c}#accessibility-panel *,#accessibility-panel :before,#accessibility-panel :after{box-sizing:border-box}#accessibility-panel .a11y-content{-webkit-user-select:text;user-select:text;grid-template-columns:minmax(0,1fr);gap:1rem;width:100%;min-width:0;display:grid}#accessibility-panel .a11y-header{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:.75rem;display:flex}#accessibility-panel h2{visibility:visible;opacity:1;flex:12rem;width:auto;min-width:0;margin:0;font-size:1.5rem;line-height:1.3;display:block}#accessibility-panel :is(h2,p,label,legend,summary,button,input,select){font-family:inherit;font-weight:400}#accessibility-panel :is(p,label,legend,summary,output,button,input,select){text-shadow:none;font-size:1rem;line-height:1.5}#accessibility-panel :is(h2,p,label,legend,summary,output){text-align:left}#accessibility-panel p{margin:0}#accessibility-panel fieldset{border:1px solid;border-radius:.4rem;grid-template-columns:minmax(0,1fr);gap:.75rem;min-width:0;margin:0;padding:.75rem;display:grid}#accessibility-panel legend{white-space:normal;max-width:100%;padding-inline:.35rem;font-weight:700}#accessibility-panel label{margin:0}#accessibility-panel :is(select,input){box-sizing:border-box;min-width:0;max-width:100%}#accessibility-panel select,#accessibility-panel input[type=text]{color:#182235;background:#fff;border:1px solid;width:100%;min-height:44px;padding:.4rem}#accessibility-panel button{--icon-visible:0;white-space:normal;color:#fff;background:#182235;border:2px solid;border-radius:.4rem;min-width:0;max-width:100%;height:auto;min-height:44px;max-height:none;padding:.5rem .75rem}#accessibility-panel .a11y-close{flex:none;width:auto}#accessibility-panel button:disabled{opacity:.6}#accessibility-panel .a11y-hint{font-size:.9rem;line-height:1.6}#accessibility-panel .a11y-check{cursor:pointer;align-items:center;gap:.75rem;min-height:44px;display:flex}#accessibility-panel .a11y-check span{min-width:0}#accessibility-panel input[type=checkbox]{appearance:auto;opacity:1;flex:0 0 1.5rem;width:1.5rem;height:1.5rem;margin:0;padding:0;position:static}#accessibility-panel summary{cursor:pointer;min-height:44px;padding:.5rem 1.5rem .5rem .25rem;display:block;position:relative}#accessibility-panel summary:before{display:none}#accessibility-panel summary:after{position:absolute;top:.5rem;right:.25rem}#accessibility-panel .a11y-fields,#accessibility-panel .a11y-field{grid-template-columns:minmax(0,1fr);gap:.75rem;min-width:0;display:grid}#accessibility-panel .a11y-fields{padding-top:.5rem}#accessibility-panel .a11y-colour{grid-template-columns:minmax(0,1fr) 3rem;align-items:center;gap:.25rem .75rem;display:grid}#accessibility-panel .a11y-colour output{grid-column:1/-1;font-family:monospace}#accessibility-panel input[type=color]{width:3rem;min-height:44px;padding:.15rem}#accessibility-panel .a11y-actions{flex-wrap:wrap;gap:.5rem;min-width:0;display:flex}#accessibility-panel [hidden]{display:none!important}html[data-a11y-text-size="125"]{font-size:125%}html[data-a11y-text-size="150"]{font-size:150%}html[data-a11y-text-size="175"]{font-size:175%}html[data-a11y-text-size="200"]{font-size:200%}html.a11y-readableFont :is(body,h1,h2,h3,h4,h5,h6,p,a,label,legend,button,input,select,textarea,summary){font-family:Arial,Helvetica,sans-serif!important}html.a11y-textSpacing :is(p,a,label,legend,button,input,textarea,select,summary,output){letter-spacing:.12em!important;word-spacing:.16em!important;line-height:1.6!important}html.a11y-textSpacing p{margin-bottom:2em!important}html.a11y-largeTargets :is(button,.button,select,summary,input:not([type=checkbox]):not([type=radio]):not([type=range])){min-width:48px!important;min-height:48px!important}html.a11y-largeTargets label:has(input[type=checkbox],input[type=radio]){align-items:center;min-height:48px;display:flex}html.a11y-underlineLinks a{text-underline-offset:var(--a11y-underline-offset,.2em);text-decoration-line:underline!important;text-decoration-style:var(--a11y-underline-style,solid)!important}html[data-a11y-bordersize] :is(button,.button,select,textarea,input:not([type=checkbox]):not([type=radio]):not([type=range]),summary){border-style:solid!important;border-width:var(--a11y-border-size)!important}html[data-a11y-cornerradius] :is(button,.button,select,textarea,input:not([type=checkbox]):not([type=radio]):not([type=range]),summary){border-radius:var(--a11y-corner-radius)!important}html[data-a11y-underlinestyle] a{text-decoration-style:var(--a11y-underline-style)!important}html[data-a11y-underlineoffset] a{text-underline-offset:var(--a11y-underline-offset)!important}html[data-a11y-theme] :focus-visible{outline:var(--a11y-focus-size,3px) var(--a11y-focus-style,solid) var(--a11y-focus)!important;outline-offset:3px!important;box-shadow:0 0 0 2px #111,0 0 0 4px #fff!important}html.a11y-strongFocus :focus-visible{outline-width:max(4px, var(--a11y-focus-size,3px))!important;outline-offset:4px!important;box-shadow:0 0 0 3px #111,0 0 0 8px #fff!important}html[data-a11y-fontfamily][data-a11y-theme] :is(body,h1,h2,h3,h4,h5,h6,p,a,label,legend,button,input,textarea,select,summary,output){font-family:var(--a11y-font-family)!important}html[data-a11y-fontweight][data-a11y-theme] :is(body,h1,h2,h3,h4,h5,h6,p,a,label,legend,button,input,textarea,select,summary,output){font-weight:var(--a11y-font-weight)!important}html[data-a11y-fontstyle][data-a11y-theme] :is(body,h1,h2,h3,h4,h5,h6,p,a,label,legend,button,input,textarea,select,summary,output){font-style:var(--a11y-font-style)!important}html[data-a11y-fontvariant][data-a11y-theme] :is(body,h1,h2,h3,h4,h5,h6,p,a,label,legend,button,input,textarea,select,summary,output){font-variant:var(--a11y-font-variant)!important}html[data-a11y-texttransform][data-a11y-theme] :is(body,h1,h2,h3,h4,h5,h6,p,a,label,legend,button,input,textarea,select,summary,output){text-transform:var(--a11y-text-transform)!important}html[data-a11y-letterspacing][data-a11y-theme] :is(body,h1,h2,h3,h4,h5,h6,p,a,label,legend,button,input,textarea,select,summary,output){letter-spacing:var(--a11y-letter-spacing)!important}html[data-a11y-wordspacing][data-a11y-theme] :is(body,h1,h2,h3,h4,h5,h6,p,a,label,legend,button,input,textarea,select,summary,output){word-spacing:var(--a11y-word-spacing)!important}html[data-a11y-linespacing][data-a11y-theme] :is(body,h1,h2,h3,h4,h5,h6,p,a,label,legend,button,input,textarea,select,summary,output){line-height:var(--a11y-line-spacing)!important}html.a11y-reduce-motion,html.a11y-reduce-motion *,html.a11y-reduce-motion :before,html.a11y-reduce-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html.a11y-reduce-motion #procedural-background{display:none!important}@media (forced-colors:active){#accessibility-panel{border:2px solid canvastext!important}html[data-a11y-theme] :focus-visible{box-shadow:none!important;outline-color:highlight!important}}.a11y-skip-link{z-index:3000;padding:.75rem 1rem;position:fixed;inset:.5rem auto auto .5rem;transform:translateY(-200%);color:#111!important;background:#fff!important}.a11y-skip-link:focus{transform:none}#accessibility-tab{top:env(safe-area-inset-top,0px);z-index:909;position:fixed;left:50%;transform:translate(-50%)}#button-accessibility{--bg:url(settings-24px.2c82b72d.svg)}.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;-webkit-user-select:none;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),.loading main #app-frame{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{width:min(52rem,100vw - 2rem);padding:clamp(1rem,4vw,2.5rem)}#fund:after{display:none}#fund #fund-title{padding-inline-end:2.5rem}#fund .tabs{--tabs-accent:var(--shade-orange);--tabs-active-background:var(--shade-white);--tabs-hover-background:var(--shade-white)}#fund .tabs-list{flex-wrap:wrap}#fund .tabs-panel{padding-block:1rem}#fund button.close{opacity:1;z-index:3;background-position:50%;background-size:24px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;inset:.5rem .5rem auto auto}#fund button.close:before,#fund button.close:after{display:none}#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);--icon-height:27px;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:"";width:33px;height:var(--icon-height);vertical-align:middle;background-image:url(photosynth.365e1e60.svg);background-position:0;background-repeat:no-repeat;background-size:22px;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);min-height:var(--icon-height);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: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 .link-news{order:2;font-size:0}#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""loading""a11y""contact""hardware""support""affiliates""app""footer"/100%;place-content:stretch center;justify-items:center;width:100%;display:grid}#load-progress{z-index:0;grid-area:app;place-self:center;margin-top:50vh;margin-bottom:50vh;position:sticky;bottom:50%;transform:translateY(50%)}.interface:not(.player-selection):not(:has(#onboard.completed)) #load-progress{margin:var(--pad) auto;grid-area:loading;position:relative;bottom:auto;transform:none}#intro{grid-area:hero}#contact{--side:var(--viewport-max-width);--w:calc((100% - var(--side) ) / 2);box-sizing:border-box;color:var(--shade-white);background-color:var(--shade-dark);padding:calc(4 * var(--pad));padding-bottom:calc(3 * var(--pad));margin:0 var(--pad);border-bottom-left-radius:var(--curve,1rem);border-bottom-right-radius:var(--curve,1rem);z-index:999;background-image:linear-gradient(#000c,#0000 13%);grid-area:contact;margin-top:0;position:relative;overflow:hidden}#hero{border-radius:calc(.75 * var(--curve));-webkit-user-select:none;user-select:none;background-color:#ebebeb;font-size:0}#supported-by{grid-area:support}#integration.mixed-content{padding:clamp(1rem,3vw,2.5rem)}#integration{overflow-wrap:anywhere;line-height:1.6}#integration>p{max-width:72ch}#integration .details>:is(p,ol){max-width:75ch}#integration h5{margin:1.25rem 0 .65rem;font-size:1em;line-height:1.4}#integration ol{padding-inline-start:1.5em}#integration li+li{margin-top:.65em}#integration .integration-actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}#integration .integration-actions a.button{box-sizing:border-box;white-space:normal;max-width:100%;margin:0;display:inline-flex}#integration .integration-list{margin-top:var(--pad);grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));align-items:start;gap:.75rem;display:grid}#integration .integration-list>details[name]{margin:0}#integration .integration-list>details[name][open]{grid-column:1/-1}#integration{grid-area:hardware;min-width:0}#integration>.accordion+.accordion{margin-top:var(--pad)}#integration>.accordion>summary h4{font-size:1.35em;line-height:1.25}#integration>.accordion>summary p{font-size:1em;font-weight:400;line-height:1.5}#integration .details{padding:var(--pad) 0;border:0;min-width:0}#integration .details>:first-child{margin-top:0}#integration .details>:last-child{margin-bottom:0}#integration details[name]{border-radius:var(--curve);background:var(--shade-white);color:var(--shade-dark);border:1px solid;min-width:0;margin:.65rem 0 0}#integration details[name]>summary{align-items:center;gap:var(--pad);border-radius:inherit;text-align:start;grid-template-columns:minmax(0,1fr) 1.5rem;grid-template-areas:"summary marker";min-height:4.5rem;padding:.85rem 1rem;line-height:1.4;display:grid}#integration details[name]>summary:before{display:none}#integration details[name]>summary:after{content:"";border:2px solid;border-width:0 2px 2px 0;grid-area:marker;justify-self:center;width:.55rem;height:.55rem;transform:rotate(45deg)}#integration details[name]>summary:hover{background:color-mix(in srgb, var(--shade-orange) 16%, var(--shade-white))}#integration details[name]>summary:focus-visible{outline-offset:3px;outline:3px solid}#integration details[name]>summary.with-image{grid-template-columns:4rem minmax(0,1fr) 1.5rem;grid-template-areas:"photo summary marker";min-height:5.5rem;padding:.75rem 1rem}#integration details[name] .hardware-summary-photo{aspect-ratio:1;object-fit:cover;box-sizing:border-box;background:color-mix(in srgb, var(--shade-orange) 14%, #fff);filter:none;border-radius:.65rem;grid-area:photo;width:4rem;height:4rem;margin:0;padding:0}#integration details[name] .integration-icon{object-fit:contain;padding:1rem}#integration details[name] .hardware-summary-name{overflow-wrap:anywhere;grid-area:summary;min-width:0;font-weight:700}#integration details[name] .integration-summary-copy{grid-area:summary;gap:.2rem;min-width:0;display:grid}#integration details[name] .integration-summary-copy .hardware-summary-name{grid-area:auto}#integration details[name] .integration-summary-copy small{opacity:.85;font-size:.85em;font-weight:400;line-height:1.35}#integration details[name][open]>summary{border-radius:var(--curve) var(--curve) 0 0;border-bottom:1px solid}#integration details[name][open]>summary:after{transform:rotate(225deg)}#integration details[name]>.details{padding:var(--pad)}@media (width<=600px){#integration.mixed-content{padding:var(--pad)}#integration details[name]>summary.with-image{grid-template-columns:3.25rem minmax(0,1fr) 1rem;gap:.75rem;min-height:4.5rem;padding:.65rem .75rem}#integration details[name] .hardware-summary-photo{width:3.25rem;height:3.25rem}#integration details[name] .integration-icon{padding:.75rem}#integration details[name]>.details{padding:1rem}}#looking-glass-portrait .integration-setup{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));align-items:start;gap:clamp(1rem,3vw,2rem);display:grid}#looking-glass-portrait .integration-instructions{min-width:0}#looking-glass-portrait svg[aria-hidden=true]{display:block;position:static}#looking-glass-portrait .looking-glass-guide{box-sizing:border-box;background:color-mix(in srgb, currentColor 5%, transparent);min-width:0;color:inherit;border-radius:.75rem;margin:0;padding:1rem;container-type:inline-size}#looking-glass-portrait .looking-glass-guide figcaption{text-align:center;margin-top:1rem;font-size:.85em}#looking-glass-portrait .looking-glass-guide-layout{grid-template-columns:minmax(0,1fr) 1.5rem minmax(0,1fr);align-items:center;gap:.5rem;display:grid}#looking-glass-portrait .looking-glass-guide-device{text-align:center;flex-direction:column;align-items:center;gap:.45rem;min-width:0;display:flex}#looking-glass-portrait .looking-glass-guide-device svg{aspect-ratio:26/18;fill:none;stroke:currentColor;stroke-width:3px;width:100%;max-width:260px;height:auto}#looking-glass-portrait .looking-glass-guide-device strong{font-size:.95em;line-height:1.3}#looking-glass-portrait .looking-glass-guide-device small{font-size:.8em;line-height:1.4}#looking-glass-portrait .looking-glass-guide-device .guide-device{fill:color-mix(in srgb, currentColor 5%, transparent)}#looking-glass-portrait .looking-glass-guide-device .guide-screen{fill:color-mix(in srgb, currentColor 3%, transparent);stroke-width:1px}#looking-glass-portrait .looking-glass-guide-device .guide-controls{stroke-width:3px;stroke-linecap:round}#looking-glass-portrait .looking-glass-guide-device .guide-controls circle{fill:var(--shade-white,white)}#looking-glass-portrait .looking-glass-guide-device .guide-face{stroke:#9b63f4;fill:#9b63f433;stroke-linecap:round}#looking-glass-portrait .looking-glass-guide-button{background:var(--shade-dark,#201a28);color:var(--shade-white,white);overflow-wrap:anywhere;border:2px solid;border-radius:.5rem;padding:.65rem .8rem;font-size:clamp(.6rem,1.5vw,.8rem);font-weight:700;line-height:1.3;display:block}#looking-glass-portrait .looking-glass-guide-button:before{content:"";vertical-align:middle;background:url(looking-glass-logo.596fc706.svg) 50%/contain no-repeat;width:1.5em;height:1.1em;margin-inline-end:.4em;display:inline-block}#looking-glass-portrait .looking-glass-guide-arrow{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:auto}@container (width<=20rem){#looking-glass-portrait .looking-glass-guide-layout{grid-template-columns:minmax(0,1fr);gap:1rem}#looking-glass-portrait .looking-glass-guide-device svg{max-width:200px}#looking-glass-portrait .looking-glass-guide-arrow{justify-self:center;width:2rem;transform:rotate(90deg)}}#cosmo-dots .cosmo-note-guide{margin:calc(1.5 * var(--pad,1rem)) 0 0}#cosmo-dots .cosmo-note-dots{gap:var(--pad,1rem);grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr));margin:0;padding:0;list-style:none;display:grid}#cosmo-dots .cosmo-note-dot{aspect-ratio:1;color:#17120f;background:hsl(var(--note-hue), var(--note-saturation), var(--note-lightness));text-align:center;border:.2rem solid #ffffffd1;border-radius:50%;place-content:center;place-items:center;min-width:0;display:grid;box-shadow:inset 0 0 0 1px #0000002e,0 .35rem .7rem #41160038}#cosmo-dots .cosmo-note-number{font-size:clamp(1.6rem,4vw,2.5rem);font-weight:800;line-height:1}#cosmo-dots .cosmo-note-name{font-size:.8rem;font-weight:700}#cosmo-dots figcaption{max-width:70ch;margin-top:var(--pad,1rem)}#picade-plasma-lights .picade-plasma-feedback{border:1px solid color-mix(in srgb, currentColor 30%, transparent);border-radius:calc(var(--curve,1rem) * .5);background:color-mix(in srgb, currentColor 5%, transparent);max-width:52rem;padding:.75rem 1rem}#picade-plasma-lights .picade-plasma-feedback[data-state=cancelled],#picade-plasma-lights .picade-plasma-feedback[data-state=error]{background:#fff4d6;border-color:#b45309}#picade-plasma-lights .picade-plasma-feedback[data-state=success]{background:#e6f7ec;border-color:#15803d}#picade-plasma-lights .picade-plasma-actions{gap:var(--pad,1rem);flex-wrap:wrap;align-items:stretch;margin-top:1rem;display:flex}#picade-plasma-lights #picade-plasma-test-btn{--bg:url(lightbulb.53dfbffc.svg)}#picade-plasma-lights .picade-plasma-config-link{align-self:center;align-items:center;gap:.5rem;font-weight:700;display:inline-flex}#picade-plasma-lights .picade-plasma-config-link img{width:1.4em;height:1.4em}#affiliates{grid-area:affiliates}.connections{color:var(--shade-white);background-color:var(--shade-orange);z-index:999;box-sizing:border-box;padding:var(--pad);padding-top:calc(2 * var(--pad));margin:var(--pad);border-radius:var(--curve);position:relative}.connections>:first-child{margin-bottom:calc(var(--pad))}.connections .connection-list{box-sizing:border-box;gap:var(--pad);padding:var(--pad);border-top:var(--border);border-top:var(--stroke) double var(--shade-white);grid-template-columns:repeat(auto-fill,minmax(64px,1fr));place-content:center;place-items:center;width:100%;margin:0;list-style:none;display:grid}.connections .connection-list figure{place-content:center;place-items:center;display:grid;position:relative}.connections .connection-list figure>*{grid-area:1/-1}.connections .connection-list img{filter:invert();min-width:44px}.connections .connection-list 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;-webkit-user-select: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 45ms, transform var(--ease-m) linear 45ms;border:.75em solid #0000;position:absolute;top:0;left:50%}.connections .connection-list figcaption small{border-bottom:1px solid var(--col-white);display:block}.connections .connection-list a{color:var(--col-white)}.connections .connection-list a:is(:hover,:focus,:focus-within) figcaption{opacity:1;transform:translate(-50%, calc(-100% - var(--pad,0)));transition:opacity var(--ease-s) linear 45ms, transform var(--ease-m) var(--ease-out-back) 45ms}.connections .connection-list a:is(:hover,:focus,:focus-within) img{filter:brightness(50%)}.connections img{filter:contrast(1000%)grayscale()}#contact,#hardware-integration,.connections{width:100%;max-width:min(var(--viewport-max-width,1080px), 100% - 2 * var(--pad))}@supports (background-color:color-mix(in lch, red, red)){.connections{background-color:color-mix(in lch, var(--shade-orange), transparent 50%)}}#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:calc(2.5 * var(--pad));right:calc(2.5 * 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 auto;grid-template-areas:"app""footer";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 #hardware-integration,.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 auto calc(100vh - var(--footer-gap) - var(--pad) * 2) auto;grid-template-areas:"hero""loading""gap""a11y""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:0;max-width:100vw;min-height:calc(100dvh - var(--footer-gap) - var(--pad) * 2);transition:opacity var(--ease-s) ease-out;flex-direction:column;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}.looking-glass-output-button,#control-panel-looking-glass>.folder-link,label[for=select-looking-glass-emoticons],label[for=select-looking-glass-particles],label[for=select-looking-glass-grid-spacing]{--bg:url(looking-glass-logo.596fc706.svg);--col-select:var(--shade-yellow);--col-hover:var(--shade-green)}.looking-glass-output-button:after,#control-panel-looking-glass>.folder-link:after,label[for=select-looking-glass-emoticons]:after,label[for=select-looking-glass-particles]:after,label[for=select-looking-glass-grid-spacing]:after{filter:none}#control-panel-looking-glass[hidden]{display:none!important}html:has(#control-panel-looking-glass:is(.open,.controls-list-folder-open,:focus-within),#folder-looking-glass:target) #feedback{visibility:hidden}#control-panel-looking-glass.looking-glass-dismissed:not(.controls-list-folder-open) #folder-looking-glass{visibility:hidden;opacity:0;pointer-events:none;animation:none}#control-panel-looking-glass.looking-glass-dismissed:not(.controls-list-folder-open) #folder-looking-glass *{visibility:hidden;pointer-events:none}#control-panel:not(.controls-list-open) #shared-controls>:is(#control-panel-looking-glass,.looking-glass-output-button,.looking-glass-xr-button){order:98}.looking-glass-xr-button{--bg:url(view_in_ar_black_24dp.996b199a.svg);--col-select:var(--shade-yellow);--col-hover:var(--shade-green)}.looking-glass-xr-cta{--bg:url(view_in_ar_black_24dp.996b199a.svg);--col-select:var(--shade-yellow);--col-hover:var(--shade-green);--hue:var(--hue-orange,var(--hue-selected,42));--min-size:52px;--max-width:clamp(120px, 18vw, 190px);top:var(--pad);right:var(--pad);z-index:809;width:max-content;max-width:clamp(120px,18vw,190px);position:absolute}.looking-glass-xr-button.active,.looking-glass-xr-cta.active{--hue:var(--hue-selected);--col-top:hsl(var(--hue), var(--s-selected,58%), calc(var(--l-selected,58%)));--col-bottom:hsl(var(--hue), var(--s-selected,58%), calc(var(--l-selected,58%) - var(--range,10%)))}.looking-glass-xr-button.unavailable,.looking-glass-xr-cta.unavailable{cursor:not-allowed;opacity:.7}@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}#stage,#face-buttons{aspect-ratio:var(--width,640)/var(--height,480);width:min(100dvw, 100dvh * var(--width,640) / var(--height,480));box-sizing:border-box;grid-area:1/1/-1/-1;place-self:center;height:auto;margin:auto;padding:0;position:relative}#face-buttons{pointer-events:none;border:0}#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 .person{opacity:1;border:0;grid-template-rows:auto auto auto 100% auto;grid-template-areas:"info-button""notes-button""emoji-button""face-button""mode-button";margin:0;padding:0;transition:none;display:grid;position:absolute;overflow:visible}#face-buttons button{pointer-events:auto;color:#0000;background:0 0;border:0;width:100%;min-width:44px;max-width:100%;min-height:44px;max-height:100%;margin:0;padding:0;font-size:0;display:block}#face-buttons .face-button{grid-area:face-button}#face-buttons .emoji-controls{left:calc(100% * (var(--emoji-x,0) - var(--control-x,0)) / var(--control-width,1));top:calc(100% * (var(--emoji-y,0) - var(--control-y,0)) / var(--control-height,1));width:calc(100% * var(--emoji-width,0) / var(--control-width,1));height:calc(100% * var(--emoji-height,0) / var(--control-height,1));z-index:2;grid-template-columns:48fr 54fr 48fr;align-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}#face-buttons .emoji-controls button{min-width:0;height:100%;min-height:0}#face-buttons .previous-operating-mode-button,#face-buttons .next-operating-mode-button{opacity:0;pointer-events:none;color:var(--col-cream,white);text-shadow:0 1px 3px #000;font-size:24px}#face-buttons .person:hover,#face-buttons .person:focus-within{opacity:1}#face-buttons .person:hover .previous-operating-mode-button,#face-buttons .person:hover .next-operating-mode-button,#face-buttons .person:focus-within .previous-operating-mode-button,#face-buttons .person:focus-within .next-operating-mode-button{opacity:1;pointer-events:auto}#face-buttons .emoji-controls button:focus-visible{outline:2px solid var(--col-cream,white);outline-offset:-2px}#face-buttons .note-button{grid-area:notes-button;position:absolute}#face-buttons .instrument-button{grid-area:info-button;position:absolute}#face-buttons .mode-button{grid-area:mode-button}.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;-webkit-user-select:none;user-select:none}#LookingGlassWebXRControls button{height:auto!important}#LookingGlassWebXRControls *{font-family:inherit}#settings,#percussion-settings{transition:transform var(--ease-m) var(--ease-out-back), opacity var(--ease-m) linear;z-index:1;grid-area:settings-panel;justify-content:space-between;animation:none;display:none;position:relative;transform:translateY(100%)}#settings{flex-wrap:wrap}#settings .button-close{z-index:-1;box-shadow:none;background:0 0;align-items:flex-end;position:absolute;inset:0}#settings .button-close:before,#settings .button-close:after{display:none}#settings .button-close{--bg:unset}.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);-webkit-user-select:none;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))}#contact>h4,#contact>p{margin:0}#contact .contact-email{inline-size:fit-content;color:inherit;font-weight:800}#mc_embed_shell{--newsletter-error:#ffb0b0;box-sizing:border-box;inline-size:100%;margin:calc(var(--pad) / 2) 0 0;color:inherit;padding:0}#mc_embed_shell,#mc_embed_shell *,#mc_embed_shell :before,#mc_embed_shell :after{box-sizing:border-box}#mc_embed_shell #mc_embed_signup,#mc_embed_shell #mc-embedded-subscribe-form{inline-size:100%;box-shadow:none;color:inherit;font:inherit;background:0 0;border:0;margin:0;padding:0}#mc_embed_shell #mc_embed_signup_scroll{gap:var(--pad) calc(var(--pad) * 2);grid-template-columns:minmax(12rem,.7fr) minmax(20rem,1.3fr);align-items:end;display:grid}#mc_embed_shell .newsletter-header{align-self:center}#mc_embed_shell .newsletter-header h5,#mc_embed_shell .newsletter-header p{inline-size:auto;color:inherit;text-align:start;text-shadow:none;margin:0;padding:0}#mc_embed_shell .newsletter-header h5{font-size:clamp(1.5rem,3vw,2.25rem);line-height:1}#mc_embed_shell .newsletter-header p{margin-block-start:calc(var(--pad) / 3);font-size:1rem;font-weight:600;line-height:1.4}#mc_embed_shell .subscribe-fields{gap:calc(var(--pad) / 2);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}#mc_embed_shell .mc-field-group{gap:calc(var(--pad) / 4);min-inline-size:0;display:grid}#mc_embed_shell .mc-field-group label{color:inherit;font:inherit;text-align:start;text-shadow:none;margin:0;padding:0;font-size:.875rem;font-weight:800;line-height:1.2}#mc_embed_shell .mc-field-group input[type=email]{appearance:none;min-block-size:2.75rem;inline-size:100%;min-inline-size:0;padding:calc(var(--pad) / 2) var(--pad);border:2px solid var(--shade-grey);border-radius:calc(var(--curve) / 2);background:var(--shade-white);box-shadow:none;color:var(--shade-dark);font:inherit;text-align:start;margin:0;font-size:1rem;line-height:1.2;display:block}#mc_embed_shell .mc-field-group input[type=email]:focus-visible{border-color:var(--shade-brand);outline:3px solid var(--shade-white);outline-offset:2px}:is(#mc_embed_shell .mc-field-group input[type=email]:user-invalid,#mc_embed_shell .mc-field-group input[type=email].mce_inline_error){border-color:var(--newsletter-error)}#mc_embed_shell .mc-field-group div.mce_inline_error{display:none!important}#mc_embed_shell .mc-field-group .indicates-required{color:var(--newsletter-error);margin:0;padding:0;font-size:.75rem;font-weight:800;line-height:1.2;display:none}:is(#mc_embed_shell .mc-field-group #mce-EMAIL:user-invalid~.indicates-required,#mc_embed_shell .mc-field-group #mce-EMAIL.mce_inline_error~.indicates-required){display:block}#mc_embed_shell #mce-responses{grid-column:2;margin:0;padding:0}#mc_embed_shell .response{padding:calc(var(--pad) / 3) 0;box-shadow:none;color:var(--newsletter-error);background:0 0;border:0;margin:0;font-size:.75rem;font-weight:800}#mc_embed_shell #mce-success-response{color:inherit}#mc_embed_shell .mc-honeypot{position:absolute!important;inset-inline-start:-5000px!important}#mc_embed_shell #mc-embedded-subscribe{min-block-size:2.75rem;inline-size:auto;padding:calc(var(--pad) / 2) var(--pad);margin:0}#mc_embed_shell #mc-embedded-subscribe:before,#mc_embed_shell #mc-embedded-subscribe:after{content:none;display:none}#mc_embed_shell .mailchimp-referral{margin:calc(var(--pad) / -2) 0 0;grid-column:2;justify-self:end;padding:0;font-size:.65rem;line-height:1.2}#mc_embed_shell .mailchimp-referral a{color:inherit;opacity:.65}@media (width<=800px){#mc_embed_shell #mc_embed_signup_scroll{grid-template-columns:1fr}#mc_embed_shell #mce-responses,#mc_embed_shell .mailchimp-referral{grid-column:1}#mc_embed_shell .mailchimp-referral{justify-self:start}}@media (width<=520px){#mc_embed_shell .subscribe-fields{grid-template-columns:1fr}#mc_embed_shell #mc-embedded-subscribe{inline-size:100%}}#intro{--multiplier:1;--space:calc(var(--multiplier) * var(--pad));box-sizing:border-box;width:100%;max-width:min(100% - 2 * var(--pad), var(--viewport-max-width,108%));grid-gap:var(--space);padding:var(--space);margin:var(--pad);border-radius:var(--curve);z-index:909;color:var(--col-accent);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;--logo-column:.3038;gap:0 var(--pad);grid-area:heading;grid-template-areas:"space logo""headline logo""tagline logo";grid-template-columns:minmax(0, 1fr) calc(100% * var(--logo-column));grid-template-rows:26% min-content min-content;place-content:stretch space-between;width:100%;min-width:0;display:grid;container-type:inline-size}#intro a.logo p{color:#0000;grid-area:tagline;margin:0;font-size:1pt}#intro a.logo svg{aspect-ratio:3018/2502;grid-area:logo;align-self:start;width:100%;min-width:0;max-width:none;height:auto}#intro h1,#intro h2{--text-width:calc(100cqi * (1 - var(--logo-column)) - var(--pad));color:inherit;text-align:left;font-synthesis:none;font-kerning:none;letter-spacing:0;text-transform:none;white-space:nowrap;transform-origin:0 0;width:100%;min-width:0;margin:0;font-family:Ostrich Sans,sans-serif;font-style:normal;font-weight:700;line-height:.75}#intro h1{aspect-ratio:3508/618;font-size:calc(var(--text-width) * 618 / 3508 / .75);grid-area:headline;transform:scaleX(1.01195)}#intro h2{aspect-ratio:8204/618;font-size:calc(var(--text-width) * 618 / 8204 / .75);grid-area:tagline;align-self:end;transform:scaleX(1.00051)}#intro h2 sup{font-size:inherit;vertical-align:baseline}#intro>a{color:inherit}#intro #summary{grid-area:summary;width:100%}#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""requirements""warning";display:grid}@media screen and (width>=640px){.interface #intro{--multiplier:2;grid-gap:0 var(--space);padding-top:calc(var(--pad) * 5);grid-template-columns:minmax(50%,33vh) minmax(0,1fr);grid-template-areas:"poster heading""poster summary""poster tagline""poster menu""description description""requirements requirements""warning warning"}.interface #intro h1{text-align:left}.interface #intro a.logo{padding-bottom:var(--pad);border-bottom:1px dotted;flex-direction:column;grid-area:heading;margin-top:-6.8%}}@media screen and (width>=999px){.interface #intro{--multiplier:3;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{--multiplier:4;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-bottom;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(--stroke,9px) double var(--shade-white,white);grid-template-columns:1fr;grid-template-areas:"playerSelector""complexitySelector""automation""gap""buttonStart";grid-auto-flow:column;grid-template-rows:auto auto auto var(--gap,var(--pad)) 1fr;padding:var(--pad);max-width:calc(100% - var(--side));border-radius:22px;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 .alert-accept-requests{visibility:hidden;grid-area:1/1/-1/-1}#onboard.completed button,#onboard.completed label,#onboard.completed input,#onboard.completed fieldset,#onboard.completed #button-start-label{--yb:100%;--opacity:0;animation:.9s linear reverse both Fade,.9s ease-out both Shift}#onboard.completed .alert-accept-requests{visibility:visible}.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;isolation:isolate;position:relative}.player-selection #onboard:before,.player-selection #onboard:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.player-selection #onboard:before{z-index:-2;background:linear-gradient(160deg,#19171ce0,#0c1015f5)}.player-selection #onboard:after{z-index:-1;background:linear-gradient(#ffffff0f,#0000 45%,#0000002e)}.player-selection #onboard,.player-selection #player-selector{visibility:visible}.player-selection #player-selector 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%);height:auto;transition:transform var(--ease-s,1s) var(--ease-out-back);transform-origin:50%;background-color:#0000;border:0;border-radius:0;display:block;position:absolute;transform:scaleX(0)}.player-selection #control-panel{display:none}.player-selection .person,.player-selection #shared-controls{visibility:hidden}.player-selection #app-frame #stage,.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;-webkit-user-select:none;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 input[role=switch i]{border:solid var(--stroke,2px) var(--shade-white)}#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);grid-area:complexitySelector;display:block}#toggle-advanced-mode{margin-left:auto;margin-right:auto}#advanced-mode-feedback{grid-area:output;width:100%;display:grid}#advanced-mode-feedback p{text-align:center;font-size:60%}#advanced-mode-feedback>*{grid-area:1/-1}#advanced-mode-feedback>[hidden]{visibility:hidden;display:block!important}@media screen and (width>=480px){#advanced-mode-feedback p{font-size:100%}}label[for=toggle-advanced-mode]{padding:var(--pad) calc(2 * var(--pad));display:inline-block}label[for=toggle-automation-mode]{padding:calc(var(--pad) * 1) calc(var(--pad) * 1);margin-left:auto;margin-right:auto}#onboard label[for=button-start]{--col-stroke:var(--shade-active);--bg:url(person-24px.497650ca.svg)}#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-bg:hsl(var(--hue), var(--s,58%), calc(var(--l,58%) - var(--range,10%) / 2));--col-fg:color-contrast(var(--col-bg,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:var(--col-text,var(--col-fg,var(--shade-light,white)));color:contrast-color(var(--col-top));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:none;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,fit-content));flex-grow:1;flex-shrink:0;flex-direction:var(--dir-override,var(--direction,row));box-sizing:border-box;vertical-align:middle;z-index:1;-webkit-user-select:none;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;-webkit-user-select: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-visible,:focus-within,:target,:has(:target),:focus:target),#onboard label[for=button-start]:is(: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);--max-width-override:stretch;--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;color:var(--shade-white,white);text-shadow:none;background-size:0,auto,auto,auto;justify-content:space-between;display:inline-grid}#button-start-label:before,#onboard label[for=button-start]:before{content:"";--hue:56;--col-inner-top:hsla(var(--hue), var(--saturation,50%), calc(35% - var(--darken,0%)), 100%);--col-inner-bottom:hsla(var(--hue), var(--saturation,50%), calc(45% - var(--darken,0%)), 100%);--col-pad-top:hsla(var(--hue), var(--saturation,50%), calc(45% - var(--darken,0%)), 100%);--col-pad-bottom:hsla(var(--hue), var(--saturation,50%), calc(35% - var(--darken,0%)), 100%);--col-back-top:hsla(var(--hue), var(--saturation,50%), calc(35% - var(--darken,0%)), 40%);--col-back-bottom:hsla(var(--hue), var(--saturation,50%), calc(55% - var(--darken,0%)), 10%);background:inherit;background-image:none, 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;padding:inherit;box-sizing:border-box;inset:calc(-1 * var(--bevel));z-index:-1;pointer-events:none;clip-path:circle(0%);transition:clip-path .25s ease-out;position:absolute}#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)){color:var(--shade-dark,black);text-shadow:none}#button-start-label:is(:target,:active,:hover,:focus-visible,:has(:focus-visible)):before,#onboard label[for=button-start]:is(:target,:active,:hover,:focus-visible,:has(:focus-visible)):before{clip-path:circle(100%)}#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:1;filter:none}#button-start-label:active:before,#onboard label[for=button-start]:active:before{--darken:12%}@media (prefers-reduced-motion:reduce){#button-start-label,#button-start-label:before,#button-start-label:after,#onboard label[for=button-start],#onboard label[for=button-start]:before,#onboard label[for=button-start]:after{transition:none;animation:none}}#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-solo]:before,.duet #onboard label[for=button-duet]:before,.trio #onboard label[for=button-trio]:before,.quartet #onboard label[for=button-quartet]:before{transition:none;transform:none}.solo #onboard label[for=button-solo]:is(:hover,:focus-visible,:has(:focus-visible)),.duet #onboard label[for=button-duet]:is(:hover,:focus-visible,:has(:focus-visible)),.trio #onboard label[for=button-trio]:is(:hover,:focus-visible,:has(:focus-visible)),.quartet #onboard label[for=button-quartet]:is(:hover,:focus-visible,:has(:focus-visible)){--col-top:var(--shade-white);--col-bottom:var(--shade-white);--col-hover:var(--shade-white);color:var(--shade-dark);text-shadow:none}.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:1080}.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-flow:row;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;width:100%;min-width:0;max-width:min(100%,100vw);padding:0;display:grid}.controls .folder-link{width:100%;height:100%}@media screen and (width>=321px) and (width<=840px){.controls .folder-link{grid-template-rows:var(--icon-size) min-content}}.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 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;opacity:0;border:0;order:-1;min-width:100%;max-width:100%;position:absolute;top:0;bottom:0;overflow:hidden}.controls label input{appearance:none}.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:1px;right:1px;transform:translateY(100%)}.controls label:has(input:checked):before,.controls label.checked:before{opacity:1;transform:translateY(20%)}.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)}.controls>*{--min-size:44px;min-width:min(100%, var(--min-size));min-height:var(--min-size);flex-grow:1;flex-shrink:1;flex-basis:min-content;width:auto;max-width:none}@media screen and (width>=641px){.controls{flex-wrap:wrap;display:flex}.controls>*{flex:44px}.controls>.folder-menu{flex:0 auto}}#control-panel>:is(.controls-list-header,.controls-list-section,.controls-list-footer)[hidden]{display:none}#control-panel.controls-list-open>.controls-list-header{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html.controls-list-open{overflow:hidden}#control-panel.controls-list-open{z-index:1200;width:100%;height:100dvh;max-height:100%;padding:0 max(1rem, env(safe-area-inset-right)) calc(6rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));overscroll-behavior:contain;scrollbar-gutter:stable;pointer-events:auto;background:var(--shade-dark,#181818);color:var(--shade-white,white);grid-template:none / minmax(0, 52rem);grid-auto-rows:min-content;place-content:start center;gap:.5rem;margin:0;transition:none;display:grid;position:fixed;inset:0;overflow:auto}#control-panel.controls-list-open>:not(#shared-controls,#settings,#percussion-settings,#transport,.controls-list-header,.controls-list-section,.controls-list-footer){display:none}#control-panel.controls-list-open>#shared-controls,#control-panel.controls-list-open>#settings,#control-panel.controls-list-open>#percussion-settings,#control-panel.controls-list-open>#transport{visibility:visible;display:contents;transform:none}#control-panel.controls-list-open #shared-controls>.sr-only,#control-panel.controls-list-open #settings>.button-close,#control-panel.controls-list-open #transport>legend,#control-panel.controls-list-open #network-timing-summary,#control-panel.controls-list-open #transport>.transport,#control-panel.controls-list-open #shared-controls>label[for=button-settings]{display:none}#control-panel.controls-list-open .controls>[hidden]{display:none!important}#control-panel.controls-list-open .controls-list-section{visibility:visible;display:contents}#control-panel.controls-list-open .controls-list-section h2{z-index:1000;visibility:visible;padding-block:max(.5rem, env(safe-area-inset-top)) .5rem;background:var(--shade-dark,#181818);text-align:left;border-block-end:1px solid;align-self:start;margin:1.5rem 0 .25rem;font-size:1.2rem;position:sticky;top:0}#control-panel.controls-list-open #controls-list-music>h2{grid-row:1;margin-block-start:.5rem}html.controls-list-transition #control-panel label[for=select-key]{view-transition-name:controls-list-control-2}#control-panel.controls-list-open label[for=select-key]{--controls-list-order:2;--controls-list-section:music;grid-area:2/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=select-key-scale]{view-transition-name:controls-list-control-3}#control-panel.controls-list-open label[for=select-key-scale]{--controls-list-order:3;--controls-list-section:music;grid-area:3/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel #control-panel-tempo{view-transition-name:controls-list-control-4}#control-panel.controls-list-open #control-panel-tempo{--controls-list-order:4;--controls-list-section:music;grid-area:4/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=button-metronome]{view-transition-name:controls-list-control-5}#control-panel.controls-list-open label[for=button-metronome]{--controls-list-order:5;--controls-list-section:music;grid-area:5/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=button-quantise]{view-transition-name:controls-list-control-6}#control-panel.controls-list-open label[for=button-quantise]{--controls-list-order:6;--controls-list-section:music;grid-area:6/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=select-arp-rate]{view-transition-name:controls-list-control-7}#control-panel.controls-list-open label[for=select-arp-rate]{--controls-list-order:7;--controls-list-section:music;grid-area:7/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=backing-melody-player]{view-transition-name:controls-list-control-8}#control-panel.controls-list-open label[for=backing-melody-player]{--controls-list-order:8;--controls-list-section:music;grid-area:8/1;width:100%;min-width:0;max-width:100%;margin:0}#control-panel.controls-list-open #controls-list-beats>h2{grid-row:9}html.controls-list-transition #control-panel label[for=button-percussion]{view-transition-name:controls-list-control-10}#control-panel.controls-list-open label[for=button-percussion]{--controls-list-order:10;--controls-list-section:beats;grid-area:10/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=select-percussion-preset]{view-transition-name:controls-list-control-11}#control-panel.controls-list-open label[for=select-percussion-preset]{--controls-list-order:11;--controls-list-section:beats;grid-area:11/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=select-percussion-pattern]{view-transition-name:controls-list-control-12}#control-panel.controls-list-open label[for=select-percussion-pattern]{--controls-list-order:12;--controls-list-section:beats;grid-area:12/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=select-percussion-sound]{view-transition-name:controls-list-control-13}#control-panel.controls-list-open label[for=select-percussion-sound]{--controls-list-order:13;--controls-list-section:beats;grid-area:13/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel #button-randomise-percussion{view-transition-name:controls-list-control-14}#control-panel.controls-list-open #button-randomise-percussion{--controls-list-order:14;--controls-list-section:beats;grid-area:14/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=button-rapid-percussion]{view-transition-name:controls-list-control-15}#control-panel.controls-list-open label[for=button-rapid-percussion]{--controls-list-order:15;--controls-list-section:beats;grid-area:15/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=button-performance-drums]{view-transition-name:controls-list-control-16}#control-panel.controls-list-open label[for=button-performance-drums]{--controls-list-order:16;--controls-list-section:beats;grid-area:16/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel .snare-reverb-control{view-transition-name:controls-list-control-17}#control-panel.controls-list-open .snare-reverb-control{--controls-list-order:17;--controls-list-section:beats;grid-area:17/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=select-percussion-panning]{view-transition-name:controls-list-control-18}#control-panel.controls-list-open label[for=select-percussion-panning]{--controls-list-order:18;--controls-list-section:beats;grid-area:18/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=select-beat-viz]{view-transition-name:controls-list-control-19}#control-panel.controls-list-open label[for=select-beat-viz]{--controls-list-order:19;--controls-list-section:beats;grid-area:19/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=button-midi-percussion]{view-transition-name:controls-list-control-20}#control-panel.controls-list-open label[for=button-midi-percussion]{--controls-list-order:20;--controls-list-section:beats;grid-area:20/1;width:100%;min-width:0;max-width:100%;margin:0}#control-panel.controls-list-open #controls-list-sound>h2{grid-row:21}html.controls-list-transition #control-panel #control-panel-volume{view-transition-name:controls-list-control-22}#control-panel.controls-list-open #control-panel-volume{--controls-list-order:22;--controls-list-section:sound;grid-area:22/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel #control-panel-engine{view-transition-name:controls-list-control-23}#control-panel.controls-list-open #control-panel-engine{--controls-list-order:23;--controls-list-section:sound;grid-area:23/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel #control-panel-midi{view-transition-name:controls-list-control-24}#control-panel.controls-list-open #control-panel-midi{--controls-list-order:24;--controls-list-section:sound;grid-area:24/1;width:100%;min-width:0;max-width:100%;margin:0}#control-panel.controls-list-open #controls-list-visuals>h2{grid-row:25}html.controls-list-transition #control-panel label[for=select-display]{view-transition-name:controls-list-control-26}#control-panel.controls-list-open label[for=select-display]{--controls-list-order:26;--controls-list-section:visuals;grid-area:26/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel #control-panel-looking-glass{view-transition-name:controls-list-control-27}#control-panel.controls-list-open #control-panel-looking-glass{--controls-list-order:27;--controls-list-section:visuals;grid-area:27/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=select-composite-layout]{view-transition-name:controls-list-control-28}#control-panel.controls-list-open label[for=select-composite-layout]{--controls-list-order:28;--controls-list-section:visuals;grid-area:28/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=select-composite-displays]{view-transition-name:controls-list-control-29}#control-panel.controls-list-open label[for=select-composite-displays]{--controls-list-order:29;--controls-list-section:visuals;grid-area:29/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=button-flood]{view-transition-name:controls-list-control-30}#control-panel.controls-list-open label[for=button-flood]{--controls-list-order:30;--controls-list-section:visuals;grid-area:30/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=button-clear]{view-transition-name:controls-list-control-31}#control-panel.controls-list-open label[for=button-clear]{--controls-list-order:31;--controls-list-section:visuals;grid-area:31/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=button-sync-video]{view-transition-name:controls-list-control-32}#control-panel.controls-list-open label[for=button-sync-video]{--controls-list-order:32;--controls-list-section:visuals;grid-area:32/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=select-viz]{view-transition-name:controls-list-control-33}#control-panel.controls-list-open label[for=select-viz]{--controls-list-order:33;--controls-list-section:visuals;grid-area:33/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=select-mtv]{view-transition-name:controls-list-control-34}#control-panel.controls-list-open label[for=select-mtv]{--controls-list-order:34;--controls-list-section:visuals;grid-area:34/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=button-meshes]{view-transition-name:controls-list-control-35}#control-panel.controls-list-open label[for=button-meshes]{--controls-list-order:35;--controls-list-section:visuals;grid-area:35/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=select-eyes]{view-transition-name:controls-list-control-36}#control-panel.controls-list-open label[for=select-eyes]{--controls-list-order:36;--controls-list-section:visuals;grid-area:36/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=button-eyebrows]{view-transition-name:controls-list-control-37}#control-panel.controls-list-open label[for=button-eyebrows]{--controls-list-order:37;--controls-list-section:visuals;grid-area:37/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=select-lips]{view-transition-name:controls-list-control-38}#control-panel.controls-list-open label[for=select-lips]{--controls-list-order:38;--controls-list-section:visuals;grid-area:38/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=select-subdivisions]{view-transition-name:controls-list-control-39}#control-panel.controls-list-open label[for=select-subdivisions]{--controls-list-order:39;--controls-list-section:visuals;grid-area:39/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=select-palette]{view-transition-name:controls-list-control-40}#control-panel.controls-list-open label[for=select-palette]{--controls-list-order:40;--controls-list-section:visuals;grid-area:40/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=button-toggle-overlay]{view-transition-name:controls-list-control-41}#control-panel.controls-list-open label[for=button-toggle-overlay]{--controls-list-order:41;--controls-list-section:visuals;grid-area:41/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=button-subtitles]{view-transition-name:controls-list-control-42}#control-panel.controls-list-open label[for=button-subtitles]{--controls-list-order:42;--controls-list-section:visuals;grid-area:42/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=button-hud]{view-transition-name:controls-list-control-43}#control-panel.controls-list-open label[for=button-hud]{--controls-list-order:43;--controls-list-section:visuals;grid-area:43/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=button-overlay]{view-transition-name:controls-list-control-44}#control-panel.controls-list-open label[for=button-overlay]{--controls-list-order:44;--controls-list-section:visuals;grid-area:44/1;width:100%;min-width:0;max-width:100%;margin:0}#control-panel.controls-list-open #controls-list-input>h2{grid-row:45}html.controls-list-transition #control-panel #camera{view-transition-name:controls-list-control-46}#control-panel.controls-list-open #camera{--controls-list-order:46;--controls-list-section:input;grid-area:46/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=select-keyboard-mode]{view-transition-name:controls-list-control-47}#control-panel.controls-list-open label[for=select-keyboard-mode]{--controls-list-order:47;--controls-list-section:input;grid-area:47/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel #control-panel-mouth{view-transition-name:controls-list-control-48}#control-panel.controls-list-open #control-panel-mouth{--controls-list-order:48;--controls-list-section:input;grid-area:48/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel #control-panel-head{view-transition-name:controls-list-control-49}#control-panel.controls-list-open #control-panel-head{--controls-list-order:49;--controls-list-section:input;grid-area:49/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=button-points]{view-transition-name:controls-list-control-50}#control-panel.controls-list-open label[for=button-points]{--controls-list-order:50;--controls-list-section:input;grid-area:50/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=button-automate]{view-transition-name:controls-list-control-51}#control-panel.controls-list-open label[for=button-automate]{--controls-list-order:51;--controls-list-section:input;grid-area:51/1;width:100%;min-width:0;max-width:100%;margin:0}#control-panel.controls-list-open #controls-list-recording>h2{grid-row:52}#control-panel.controls-list-open .transport-session-controls{--controls-list-order:53;--controls-list-section:recording;grid-area:53/1;width:100%;min-width:0;max-width:100%;margin:0}#control-panel.controls-list-open #session-replay-progress{--controls-list-order:54;--controls-list-section:recording;grid-area:54/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel #session-recording-error{view-transition-name:controls-list-control-55}#control-panel.controls-list-open #session-recording-error{--controls-list-order:55;--controls-list-section:recording;grid-area:55/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel #control-panel-record{view-transition-name:controls-list-control-56}#control-panel.controls-list-open #control-panel-record{--controls-list-order:56;--controls-list-section:recording;grid-area:56/1;width:100%;min-width:0;max-width:100%;margin:0}#control-panel.controls-list-open #controls-list-application>h2{grid-row:57}html.controls-list-transition #control-panel #button-accessibility{view-transition-name:controls-list-control-58}#control-panel.controls-list-open #button-accessibility{--controls-list-order:58;--controls-list-section:application;grid-area:58/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=button-speak]{view-transition-name:controls-list-control-59}#control-panel.controls-list-open label[for=button-speak]{--controls-list-order:59;--controls-list-section:application;grid-area:59/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=select-theme]{view-transition-name:controls-list-control-60}#control-panel.controls-list-open label[for=select-theme]{--controls-list-order:60;--controls-list-section:application;grid-area:60/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel #button-help{view-transition-name:controls-list-control-61}#control-panel.controls-list-open #button-help{--controls-list-order:61;--controls-list-section:application;grid-area:61/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel #button-command-palette{view-transition-name:controls-list-control-62}#control-panel.controls-list-open #button-command-palette{--controls-list-order:62;--controls-list-section:application;grid-area:62/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel label[for=button-toggle-advanced]{view-transition-name:controls-list-control-63}#control-panel.controls-list-open label[for=button-toggle-advanced]{--controls-list-order:63;--controls-list-section:application;grid-area:63/1;width:100%;min-width:0;max-width:100%;margin:0}html.controls-list-transition #control-panel #button-reset{view-transition-name:controls-list-control-64}#control-panel.controls-list-open #button-reset{--controls-list-order:64;--controls-list-section:application;grid-area:64/1;width:100%;min-width:0;max-width:100%;margin:0}#control-panel.controls-list-open .snare-reverb-control{--bg:url(blur_on-24px.70333c61.svg)}#control-panel.controls-list-open label[for=button-automate]{--bg:url(smart_toy.69fbecf0.svg)}#control-panel.controls-list-open :where(#shared-controls,#settings,#percussion-settings)>:is(label,button),#control-panel.controls-list-open .transport-session-controls button,#control-panel.controls-list-open #session-replay-progress>button,#control-panel.controls-list-open .folder-link{--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}#control-panel.controls-list-open :where(#shared-controls,#settings,#percussion-settings)>:is(label,button):before,#control-panel.controls-list-open .transport-session-controls button:before,#control-panel.controls-list-open #session-replay-progress>button:before,#control-panel.controls-list-open .folder-link:before{position:absolute}#control-panel.controls-list-open :where(#shared-controls,#settings,#percussion-settings)>:is(label,button):after,#control-panel.controls-list-open .transport-session-controls button:after,#control-panel.controls-list-open #session-replay-progress>button:after,#control-panel.controls-list-open .folder-link:after{margin-right:0}#control-panel.controls-list-open :where(#shared-controls,#settings,#percussion-settings)>:is(label,button).hide-text:not(.text-always),#control-panel.controls-list-open .transport-session-controls button.hide-text:not(.text-always),#control-panel.controls-list-open #session-replay-progress>button.hide-text:not(.text-always),#control-panel.controls-list-open .folder-link.hide-text:not(.text-always){background-position-x:50%;grid-template-columns:1fr;gap:0}#control-panel.controls-list-open :where(#shared-controls,#settings,#percussion-settings)>:is(label,button).hide-text:not(.text-always):after,#control-panel.controls-list-open .transport-session-controls button.hide-text:not(.text-always):after,#control-panel.controls-list-open #session-replay-progress>button.hide-text:not(.text-always):after,#control-panel.controls-list-open .folder-link.hide-text:not(.text-always):after{margin-right:auto}#control-panel.controls-list-open :where(#shared-controls,#settings,#percussion-settings)>:is(label,button),#control-panel.controls-list-open .transport-session-controls button,#control-panel.controls-list-open #session-replay-progress>button,#control-panel.controls-list-open .folder-link{--pad:.75rem;justify-items:start;min-height:56px;font-size:1rem}#control-panel.controls-list-open :where(#shared-controls,#settings,#percussion-settings)>:is(label,button):after,#control-panel.controls-list-open .transport-session-controls button:after,#control-panel.controls-list-open #session-replay-progress>button:after,#control-panel.controls-list-open .folder-link:after{margin-inline:0}#control-panel.controls-list-open #shared-controls>#button-controls-list{inset:auto auto max(.5rem, env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left));box-sizing:border-box;grid-template-areas:"icon text";grid-template-columns:var(--icon-size,33px) auto;z-index:7;grid-template-rows:1fr;row-gap:0;width:max-content;max-width:calc(100% - 152px);height:56px;min-height:56px;max-height:56px;padding:.5rem .75rem;position:fixed}#control-panel.controls-list-open .keyboard-shortcut{position:absolute;inset-inline-end:.75rem}#control-panel.controls-list-open .controls>label{padding-inline-end:3rem}#control-panel.controls-list-open .controls>label[data-controls-list-value]{grid-template-columns:calc(var(--icon-visible,1) * var(--icon-size,33px) + var(--space,0px)) minmax(0, 1fr) minmax(0, 43%)}#control-panel.controls-list-open .controls>label[data-controls-list-value]>.controls-list-value{text-overflow:ellipsis;white-space:nowrap;pointer-events:none;grid-area:spacer;justify-self:end;max-width:100%;overflow:hidden}#control-panel.controls-list-open label[for=select-theme]:focus-within{position:relative;inset:auto}#control-panel.controls-list-open .transport-session-controls{grid-template-columns:minmax(0,1fr);gap:.5rem;display:grid}#control-panel.controls-list-open .transport-session-controls button{width:100%;min-width:0;max-width:100%}#control-panel.controls-list-open .transport-replay-controls{grid-template-columns:minmax(0,1fr);gap:.5rem;max-width:100%;display:grid}#control-panel.controls-list-open .folder-menu{position:relative}#control-panel.controls-list-open.controls-list-panel-open{overflow:hidden}#control-panel.controls-list-open.controls-list-panel-open .controls-list-header{z-index:12}#control-panel.controls-list-open.controls-list-panel-open .controls-list-section>h2{visibility:hidden}#control-panel.controls-list-open .folder-link{box-sizing:border-box;height:auto}#control-panel.controls-list-open .folder-menu>.folder-content{display:none!important}#control-panel.controls-list-open .folder-menu.controls-list-folder-open>.folder-content{position-anchor:auto;z-index:10;width:100%;inline-size:100%;min-width:0;max-width:100%;max-inline-size:100%;height:100dvh;block-size:100dvh;max-block-size:100dvh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));box-sizing:border-box;visibility:visible;opacity:1;pointer-events:auto;overscroll-behavior:contain;grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;align-content:start;margin:0;animation:none;position:fixed;inset:0;overflow:auto;transform:none;display:grid!important}#control-panel.controls-list-open .folder-menu.controls-list-folder-open>.folder-content>*{visibility:visible}#control-panel.controls-list-open .folder-menu.controls-list-folder-open>.folder-content:after,#control-panel.controls-list-open .folder-menu.controls-list-folder-open>.folder-content>a[href=\#control-panel]{display:none}#control-panel.controls-list-open .folder-menu.controls-list-folder-open>.folder-content>a.folder-return{height:calc(62px + env(safe-area-inset-bottom));z-index:1100;display:block;position:fixed;inset:auto 0 0}#control-panel.controls-list-open.controls-list-panel-has-return .controls-list-folder-open>.folder-content{padding-bottom:calc(78px + env(safe-area-inset-bottom))}#control-panel.controls-list-open .controls-list-folder-open>.settings-folder{grid-template-rows:minmax(0,1fr);overflow:hidden}#control-panel.controls-list-open .controls-list-folder-open>.settings-folder>.control-settings{max-block-size:100%;height:100%}#control-panel.controls-list-open #tempo-tabs,#control-panel.controls-list-open #midi-panel,#control-panel.controls-list-open .midi-panel-scroll{max-block-size:none;width:100%;min-width:0;max-width:100%}#control-panel.controls-list-open #tempo-regular-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:none;gap:.5rem;min-height:0}#control-panel.controls-list-open #tempo-regular-panel>:not(legend,datalist){grid-area:auto/1/auto/-1}#control-panel.controls-list-open #tempo-regular-panel>label{width:auto;height:auto;color:inherit;padding:0;font-size:1rem;position:static;inset:auto}#control-panel.controls-list-open #tempo-regular-panel>label:before,#control-panel.controls-list-open #tempo-regular-panel>label:after{display:none}#control-panel.controls-list-open #tempo-regular-panel #tempo-input-text{box-sizing:border-box;width:100%;height:auto;min-height:44px;padding:.5rem;font-size:2rem}#control-panel.controls-list-open #tempo-regular-panel #tempo-increase-button,#control-panel.controls-list-open #tempo-regular-panel #tempo-decrease-button{grid-column:auto}#control-panel.controls-list-open #tempo-regular-panel #tempo-tap-button{margin-top:.5rem}#control-panel.controls-list-open #mixer-panel{block-size:22rem;max-block-size:none}#control-panel.controls-list-open .controls-list-footer{height:calc(76px + env(safe-area-inset-bottom));background:var(--shade-dark,#181818);z-index:6;pointer-events:none;border-top:1px solid;display:block;position:fixed;inset:auto 0 0}#control-panel.controls-list-open #shared-controls>#button-share,#control-panel.controls-list-open #shared-controls>label[for=button-fullscreen]{--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;bottom:max(.5rem, env(safe-area-inset-bottom));box-sizing:border-box;z-index:7;padding:0;grid-template:"icon"1fr/1fr;justify-content:center;justify-items:center;gap:0;width:56px;min-width:56px;max-width:56px;height:56px;min-height:56px;max-height:56px;padding:.5rem;font-size:0;position:fixed}#control-panel.controls-list-open #shared-controls>#button-share:after,#control-panel.controls-list-open #shared-controls>label[for=button-fullscreen]:after{margin:auto}#control-panel.controls-list-open #shared-controls>#button-share kbd,#control-panel.controls-list-open #shared-controls>label[for=button-fullscreen] kbd{display:none}#control-panel.controls-list-open label[for=button-fullscreen]{right:max(.5rem, env(safe-area-inset-right))}#control-panel.controls-list-open #button-share{right:calc(max(.5rem, env(safe-area-inset-right)) + 64px)}#control-panel.controls-list-open #shared-controls>#button-help{display:grid}html.controls-list-transition #control-panel #button-controls-list{view-transition-name:controls-list-action-1}html.controls-list-transition #control-panel #button-share{view-transition-name:controls-list-action-2}html.controls-list-transition #control-panel label[for=button-fullscreen]{view-transition-name:controls-list-action-3}html.controls-list-transition #control-panel #button-record-session{view-transition-name:controls-list-action-4}html.controls-list-transition #control-panel #session-rewind{view-transition-name:controls-list-action-5}html.controls-list-transition #control-panel #session-replay{view-transition-name:controls-list-action-6}html.controls-list-transition #control-panel #session-forward{view-transition-name:controls-list-action-7}html.controls-list-transition #control-panel #button-save-midi{view-transition-name:controls-list-action-8}html.controls-list-transition #control-panel #session-replay-choose{view-transition-name:controls-list-action-9}html.controls-list-transition::view-transition-old(root){display:none}html.controls-list-transition::view-transition-new(root){animation:none}html.controls-list-transition::view-transition-group(*){animation-duration:.36s;animation-timing-function:cubic-bezier(.22,1,.36,1)}html.controls-list-transition::view-transition-old(*),html.controls-list-transition::view-transition-new(*){object-fit:none;object-position:left center}html.controls-list-transition::view-transition-old(*){animation-duration:.12s}html.controls-list-transition::view-transition-new(*){animation-duration:.18s}@media (prefers-reduced-motion:reduce){html.controls-list-transition::view-transition-group(*){animation-duration:0s}}.ensemble-preset-panel{--button-size:44px;--overlap:var(--button-size);--_y:calc(var(--y,0) * 1px - 100% + var(--overlap));z-index:909;grid-area:2/1/-2/-1;width:min(100%,66vw);position:absolute;top:0;left:50%}@media (width<=40rem){.ensemble-preset-panel{width:100%}}.ensemble-preset-panel{box-sizing:border-box;grid-template-areas:"list""button";grid-template-rows:minmax(0, 1fr) var(--button-size);max-width:100vw;height:100%;transform:translateX(-50%) translateY(clamp(-100%, var(--_y), 0%));transition:transform var(--ease-q) ease-in-out;overscroll-behavior:contain;pointer-events:auto;-webkit-user-select:none;user-select:none;cursor:row-resize;touch-action:none;display:grid}.ensemble-preset-panel.expanded{transform:translate(-50%)translateY(0)}.ensemble-preset-panel.dragging,.ensemble-preset-panel.dragging *{transition:none!important;animation:none!important}.ensemble-preset-toggle{--icon:url(down_arrow_black_24dp.fc7b06e1.svg);--icon-size:22px;width:max-content;min-width:max-content;max-width:calc(100% - var(--pad) * 2);border-radius:0 0 calc(var(--button-size) * .5) calc(var(--button-size) * .5);border-top:none;grid-area:button;justify-content:center;place-self:start center;align-items:center;margin:0;display:flex;position:relative}.ensemble-preset-toggle:before{content:"";flex:0 0 var(--icon-size);width:var(--icon-size);height:var(--icon-size);background:var(--icon) center/contain no-repeat;filter:invert();transform:rotate(var(--turn,0turn));transform-origin:50%;transition:transform var(--ease-q) ease-in-out;grid-area:auto;margin:0;display:block;position:static;inset:auto}.ensemble-preset-toggle:after{content:none!important}.ensemble-preset-toggle:hover,.ensemble-preset-toggle:focus-visible{background-color:var(--col-dark,black);box-shadow:inset 0 0 0 999px var(--col-dark,black);color:var(--shade-white,white)}.ensemble-preset-panel.expanded .ensemble-preset-toggle:before{transform:rotate(calc(.5turn + var(--turn,0turn)))}.ensemble-preset-panel-showing #feedback,.ensemble-preset-panel-showing #toast{display:none!important}.ensemble-preset-controls{border:4px solid var(--col-dark,black);background-color:var(--col-bottom,#455b63);border-top:0;grid-area:list;min-height:0;margin:0;padding:0;line-height:1.1;overflow:hidden auto}.ensemble-preset-controls h4,.ensemble-preset-controls legend{box-sizing:border-box;width:100%;padding:var(--pad);text-transform:none;margin:0}.ensemble-preset-controls h4{background-color:var(--shade-gray);color:var(--shade-dark,blue);z-index:1;position:sticky;top:0}.ensemble-preset-controls legend{color:#0000;pointer-events:none;position:absolute}.ensemble-preset-controls ul{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (width<=40rem){.ensemble-preset-controls ul{grid-template-columns:minmax(0,1fr)}}.ensemble-preset{border:var(--border,1px) solid var(--shade-white);min-width:0;display:flex}.ensemble-preset label{box-sizing:border-box;column-gap:var(--pad);row-gap:calc(var(--pad) / 2);width:100%;min-height:4.75rem;padding:var(--pad);border:1px dotted var(--col-dark,black);cursor:pointer;transition:background-color var(--ease-q) ease;grid-template-rows:auto auto 1fr;grid-template-columns:2.5rem minmax(0,1fr);line-height:1;display:grid;position:relative}.ensemble-preset label:hover,.ensemble-preset label:focus-within,.ensemble-preset label:has(input:checked){background-color:var(--shade-orange)}.ensemble-preset strong,.ensemble-preset small{overflow-wrap:anywhere;grid-column:2;display:block}.ensemble-preset .ensemble-preset-icon{text-align:center;filter:drop-shadow(1px 2px #0003);grid-row:1/-1;align-self:center;width:2.5rem;font-size:1.9rem;line-height:1}.ensemble-preset strong{text-transform:none;font-size:1rem}.ensemble-preset small{opacity:.85;font-size:.8rem;line-height:1.2}.ensemble-preset input[type=radio]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.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);--panel-z:909;--panel-active-z:5000;box-sizing:border-box;min-width:min(19ch,33%);transition:transform var(--ease-q) ease-in-out;overscroll-behavior:contain;z-index:var(--panel-z);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{z-index:var(--panel-active-z);transition:none!important;animation:none!important}.instrument-panel.expanded{z-index:var(--panel-active-z);transform:translate(0%)}.instrument-panel.expanded>menu{overflow:hidden auto}:is(.person-a-sidebar-showing,.person-b-sidebar-showing,.person-c-sidebar-showing,.person-d-sidebar-showing) #feedback,:is(.person-a-sidebar-showing,.person-b-sidebar-showing,.person-c-sidebar-showing,.person-d-sidebar-showing) #toast{display:none!important}.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{-webkit-user-select:none;user-select:none;cursor:col-resize;touch-action:none}.instrument-panel button.person-toggle-controls{--icon-size:var(--button-size,max(2cap, 44px));background-image:none}.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 button.person-toggle-controls{--icon-width:calc(var(--button-size) / 2);--icon:url(forward_black_24dp.c033d90b.svg);--icon-size:22px;--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;background-color:#0006;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:hover,.instrument-panel button.person-toggle-controls:focus-visible,.instrument-panel button.person-toggle-controls:active{background-color:#fff6}.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,0s}.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;font-weight:800;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:none}.person-controls .instrument-summary-title{font:inherit;line-height:inherit;margin:0;display:block}.person-controls .instrument-families{background-color:var(--col-bottom,#455b63);color:var(--shade-white,white);z-index:1;margin:0;font-weight:900;position:sticky;top:0}.person-controls .player-header{align-items:center;gap:.5rem;display:flex}.person-controls .player-report-button{background-image:none;flex:0 0 44px;justify-content:center;align-items:center;block-size:44px;inline-size:44px;min-inline-size:44px;margin:0;padding:0;display:inline-flex}.person-controls .player-report-button:before,.person-controls .player-report-button:after{display:none}.person-controls .player-name-title{all:unset;box-sizing:border-box;inline-size:100%;min-inline-size:0;font:inherit;color:inherit;text-align:start;cursor:text;flex:auto;display:block}.person-controls .player-name-title:focus-visible{outline:var(--border,2px) solid var(--control-accent);outline-offset:2px}.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);font-size:1.25rem;font-weight:900;line-height:inherit;align-items:center;gap:calc(var(--pad) / 2);display:flex;position:sticky;top:0}.person-controls summary:before{content:"";order:303;font-size:186%}.person-controls summary:after{content:"×";opacity:0;flex-shrink:0;font-size:1.5em;line-height:1}.person-controls summary:hover:after,.person-controls summary:focus-visible:after{opacity:1}.person-controls :where(details+details){border-top:var(--border,1px) solid var(--shade-dark)}.person-controls .person-options{--control-bg:color-mix(in srgb, var(--col-bottom,#455b63) 78%, black);--control-border:color-mix(in srgb, var(--shade-white,white) 55%, transparent);--control-accent:var(--shade-orange,#d9792f);border:0;border-block-end:var(--border,2px) solid var(--shade-white,white);accent-color:var(--control-accent);margin:0;padding:0}.person-controls .person-options summary{letter-spacing:0;font-size:1.25rem;line-height:1.1}.person-controls .person-options-grid{gap:calc(var(--pad,1rem) * .75);padding:calc(var(--pad,1rem) * 1.25);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));align-items:stretch;display:grid}.person-controls .person-option{min-width:0;color:var(--shade-white,white);gap:.35rem;padding:0;font-weight:800;line-height:1.1;display:grid}.person-controls .person-option-wide{grid-column:1/-1}.person-controls .person-option-compact{align-items:center;column-gap:calc(var(--pad,1rem) * .5);grid-template-columns:minmax(0,1fr) minmax(4.25rem,max-content)}.person-controls .person-option-label{text-transform:none;color:color-mix(in srgb, var(--shade-white,white) 82%, var(--col-bottom,#455b63));overflow-wrap:anywhere;font-size:.72rem;line-height:1.1}.person-controls .person-option select,.person-controls .person-option input[type=text]{box-sizing:border-box;border:var(--border,2px) solid var(--control-border);background-color:var(--control-bg);min-block-size:2.7rem;inline-size:100%;color:var(--shade-white,white);font:inherit;text-transform:none;border-radius:0;padding:.45rem 2rem .45rem .65rem;font-size:.95rem;line-height:1.1}.person-controls .person-option select:focus-visible,.person-controls .person-option input[type=text]:focus-visible,.person-controls .person-option input[type=checkbox]:focus-visible,.person-controls .person-option input[type=range]:focus-visible{outline:var(--border,2px) solid var(--control-accent);outline-offset:2px}@supports (appearance:base-select){.person-controls .person-option select.eyebrow-select{opacity:1;color:var(--shade-white,white);background:var(--control-bg);padding:.35rem .65rem;position:static;inset:auto}.person-controls .person-option select.eyebrow-select::picker-icon{opacity:1}.person-controls .person-option select.eyebrow-select>button{opacity:1;min-block-size:2rem;padding:0}.person-controls .person-option select.eyebrow-select selectedcontent{justify-content:start;padding:0}.person-controls .person-option select.eyebrow-select .option-icon{inline-size:3.5rem;color:var(--control-accent,currentColor);flex-shrink:0;display:inline-flex}.person-controls .person-option select.eyebrow-select .option-icon svg{block-size:1.75rem;inline-size:100%}.person-controls .person-option select.eyebrow-select option{gap:.75rem;min-block-size:2.75rem}.person-controls .person-option select.eyebrow-select option:checked{font-weight:700}}.person-controls .person-option-range-row{grid-template-columns:minmax(0,1fr) minmax(4ch,max-content);align-items:center;gap:.75rem;display:grid}.person-controls .person-option-range input[type=range]{inline-size:100%;accent-color:var(--control-accent)}.person-controls .person-option-range output{font-variant-numeric:tabular-nums}.person-controls .person-option-toggle{grid-template-columns:minmax(44px,max-content) minmax(0,1fr);align-items:center;column-gap:.6rem;min-block-size:2.35rem}.person-controls :is(ol,ul){margin:0;padding:0}.person-controls [data-instrument-family=Piano]{--instrument-colour:#47a;--instrument-foreground:#171717}.person-controls [data-instrument-family=Percussion]{--instrument-colour:#e73;--instrument-foreground:#171717}.person-controls [data-instrument-family=Organ]{--instrument-colour:#a6c;--instrument-foreground:#171717}.person-controls [data-instrument-family=Guitar]{--instrument-colour:#286;--instrument-foreground:#fff}.person-controls [data-instrument-family=Bass]{--instrument-colour:#368;--instrument-foreground:#fff}.person-controls [data-instrument-family=Strings]{--instrument-colour:#c67;--instrument-foreground:#171717}.person-controls [data-instrument-family=Ensemble]{--instrument-colour:#825;--instrument-foreground:#fff}.person-controls [data-instrument-family=Brass]{--instrument-colour:#da3;--instrument-foreground:#171717}.person-controls [data-instrument-family=Reed]{--instrument-colour:#693;--instrument-foreground:#fff}.person-controls [data-instrument-family=Pipe]{--instrument-colour:#4aa;--instrument-foreground:#171717}.person-controls [data-instrument-family=Synth\ Lead]{--instrument-colour:#c4a;--instrument-foreground:#171717}.person-controls [data-instrument-family=Synth\ Pad]{--instrument-colour:#77c;--instrument-foreground:#171717}.person-controls [data-instrument-family=Synth\ Effects]{--instrument-colour:#a49;--instrument-foreground:#171717}.person-controls [data-instrument-family=Folk]{--instrument-colour:#a74;--instrument-foreground:#171717}.person-controls [data-instrument-family=Percussive]{--instrument-colour:#c53;--instrument-foreground:#171717}.person-controls [data-instrument-family=Sound\ Effects]{--instrument-colour:#678;--instrument-foreground:#171717}.person-controls [data-instrument-family]>summary,.person-controls .instrument label{border-left:6px solid var(--instrument-colour,var(--shade-orange,#e73));background-color:var(--shade-gray);color:var(--shade-dark,#222);font-weight:800}.person-controls [data-instrument-family]>summary{font-weight:900}.person-controls [data-instrument-family][open]{background-color:var(--instrument-colour)}.person-controls [data-instrument-family][open]>summary,.person-controls [data-instrument-family][open] .instrument label{background-color:var(--instrument-colour);color:var(--instrument-foreground)}.person-controls [data-instrument-family][open] .instrument label:is(:hover,:focus-within){background-color:color-mix(in srgb, var(--instrument-colour) 85%, var(--instrument-foreground))}.person-controls .person-options[open]>summary{background-color:var(--control-accent);color:var(--shade-dark,#222)}.person-controls .instrument label:has(input:checked){text-underline-offset:.2em;font-weight:900;text-decoration:underline}.person-controls .instrument{border:var(--border,1px) solid var(--shade-white);display:flex}.person-controls .instrument label{border-block:1px dotted var(--col-dark,black);border-right:0;width:100%;line-height:1;display:block;position:relative}.person-controls .instrument label:hover,.person-controls .instrument label:focus{background-color:var(--shade-orange)}.person-controls .instrument input[type=radio]{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}.person-controls .instrument input[type=radio]:checked{background-color:var(--shade-orange);z-index:-1;border-radius:0}#control-panel:has(#person-a:hover) .person-a-panel button.person-toggle-controls,#control-panel:has(#person-b:hover) .person-b-panel button.person-toggle-controls,#control-panel:has(#person-c:hover) .person-c-panel button.person-toggle-controls,#control-panel:has(#person-d:hover) .person-d-panel button.person-toggle-controls{background-color:#fff6;background-color:color-mix(var(--shade-brand,red), #969696cc);animation:3s infinite both Throb;scale:1.1}#control-panel{--panel-width:45%;z-index:808;box-sizing:border-box;pointer-events:none;grid-template-rows:auto 1fr auto auto;grid-template-areas:"transport transport transport""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);width:100%;margin:0;padding:0;transition:grid-template-columns .45s ease-out;display:grid;position:absolute;inset:0;overflow:hidden}#control-panel *{pointer-events:auto}#control-panel a.folder-link{max-width:100%}.person-a-panel,.person-c-panel{grid-area:sidebar-left}.person-b-panel,.person-d-panel{grid-area:sidebar-right}.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:auto 1fr 1fr auto auto;grid-template-areas:"transport transport transport""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:auto 1fr 1fr auto auto;grid-template-areas:"transport transport transport""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}#folder-midi{box-sizing:border-box;inline-size:min(58rem,100vw);max-inline-size:100%;max-block-size:calc(100dvh - env(safe-area-inset-top,0px));overscroll-behavior:contain;scrollbar-gutter:stable;overflow:hidden auto}#midi-panel{box-shadow:none;inline-size:min(56rem, 100vw - var(--pad) * 2);align-content:start;gap:calc(var(--pad) * .65);min-inline-size:0;max-inline-size:100%;color:var(--shade-white,#fff);margin-inline:auto;display:grid}#midi-monitor{align-content:start;gap:calc(var(--pad) * .6);border-block-start:1px solid;padding-block-start:calc(var(--pad) * .6);display:grid}#midi-monitor-title{z-index:2;background:var(--col-bottom,#090505);margin:0;padding-block:.25rem;font-size:clamp(1rem,2vw,1.35rem);position:sticky;top:0}#midi-monitor-devices{align-content:start;align-items:start;gap:calc(var(--pad) * .45);grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;display:grid}.midi-device-card{align-content:start;align-items:center;gap:calc(var(--pad) * .75);min-inline-size:0;padding:calc(var(--pad) * .6) calc(var(--pad) * .75);border:1px solid color-mix(in srgb, var(--shade-white,#fff) 32%, transparent);border-radius:calc(var(--curve,.5rem) * .75);background:color-mix(in srgb, #090505 94%, var(--shade-white,#fff));color:var(--shade-white,#fff);grid-template-columns:minmax(12rem,1fr) minmax(20rem,auto);display:grid;position:relative;overflow:hidden}.midi-device-card[data-midi-direction=input]{grid-template-columns:minmax(0,1fr)}.midi-device-card header{justify-content:space-between;align-items:start;gap:var(--pad);display:flex}.midi-device-name{min-inline-size:0}.midi-device-card h4{color:inherit;overflow-wrap:anywhere;margin:0;font-size:clamp(1rem,1.5vw,1.35rem);line-height:1.05}.midi-device-status{flex:none;justify-items:end;gap:.35rem;display:grid}.midi-device-kind{letter-spacing:.08em;text-transform:none;color:color-mix(in srgb, currentColor 72%, transparent);font-size:.68rem}.midi-device-manufacturer{color:color-mix(in srgb, currentColor 72%, transparent);margin:.2rem 0 0;font-size:.74rem;line-height:1.15}.midi-device-activity{min-block-size:1rem;max-inline-size:15rem;color:color-mix(in srgb, currentColor 68%, transparent);align-items:center;gap:.4rem;font:.7rem/1 ui-monospace,monospace;display:flex}.midi-device-activity:before{content:"";background:currentColor;border-radius:50%;flex:none;block-size:.55rem;inline-size:.55rem;box-shadow:0 0}.midi-device-activity span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.midi-device-card[data-activity=input] .midi-device-activity{color:var(--green,#70df91)}.midi-device-card[data-activity=output] .midi-device-activity{color:var(--blue,#7fc8ff)}.midi-device-card.is-active .midi-device-activity:before{animation:.55s ease-out midi-device-pulse}.midi-device-routing{align-items:end;gap:calc(var(--pad) * .6);border:0;grid-template-columns:minmax(0,1fr) minmax(8.5rem,10rem);margin:0;padding:0;display:grid}.midi-device-assignment{gap:.35rem;min-inline-size:0;display:grid}.midi-device-routing-label{color:color-mix(in srgb, currentColor 78%, transparent);letter-spacing:.06em;text-transform:none;font-size:.68rem;font-weight:700}.midi-device-people{flex-wrap:wrap;gap:.4rem;display:flex}.midi-device-person{border:1px solid color-mix(in srgb, currentColor 38%, transparent);border-radius:calc(var(--curve,.5rem) * .5);background:color-mix(in srgb, currentColor 6%, transparent);min-block-size:2rem;color:inherit;cursor:pointer;align-items:center;gap:.35rem;padding:.3rem .5rem;font-size:.78rem;display:inline-flex}.controls #folder-midi .midi-device-person:before,.controls #folder-midi .midi-device-channel:before{display:none}.midi-device-person:has(input:checked){border-color:var(--shade-active,#7fc8ff);background:color-mix(in srgb, var(--shade-active,#7fc8ff) 24%, transparent)}.controls #folder-midi .midi-device-person input{border:revert;appearance:auto;opacity:1;block-size:1rem;inline-size:1rem;min-inline-size:1rem;max-inline-size:1rem;margin:0;position:static;inset:auto;overflow:visible}.midi-device-channel{color:inherit;gap:.35rem;display:grid}.controls #folder-midi .midi-device-channel select{border:1px solid color-mix(in srgb, currentColor 45%, transparent);border-radius:calc(var(--curve,.5rem) * .5);min-block-size:2.1rem;inline-size:100%;min-inline-size:0;max-inline-size:none;color:var(--shade-white,#fff);font:inherit;appearance:auto;opacity:1;background-color:#171313;padding:.35rem 1.6rem .35rem .55rem;font-size:.78rem;display:block;position:static;inset:auto;overflow:visible}.midi-device-channel option{color:var(--shade-white,#fff);background:#171313}@keyframes midi-device-pulse{50%{transform:scale(1.7);box-shadow:0 0 .8rem}}@media (prefers-reduced-motion:reduce){.midi-device-card.is-active .midi-device-activity:before{animation:none}}@media (width<=48rem){.midi-device-card{grid-template-columns:minmax(0,1fr)}.midi-device-routing{grid-template-columns:minmax(0,1fr) minmax(8.5rem,10rem)}}@media (width<=30rem){.midi-device-routing{grid-template-columns:1fr}}#no-midi-devices{align-items:center;gap:var(--pad);box-shadow:none;flex-direction:column;display:flex}#no-midi-devices[hidden]{display:none}#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}#midi-monitor-empty[hidden]{display:none}#midi-monitor-empty{text-align:center;border:1px dashed;border-radius:.5rem;padding:1.5rem}#midi-routing-summary{margin:0;line-height:1.5}.midi-device-card{grid-template-columns:minmax(0,1fr)}.midi-device-connection{opacity:.8;overflow-wrap:anywhere;margin:0;font-size:.8rem}.midi-device-routes{border-block-start:1px solid #ffffff30;padding-block-start:.5rem}.midi-device-routes p{overflow-wrap:anywhere;margin:.25rem 0;font-size:.9rem;line-height:1.5}.midi-person-routing{gap:1rem;margin-block-start:1rem;display:grid}.midi-person-routing h4{margin:0}.midi-person-route{border-block-end:1px solid #ffffff30;grid-template-columns:minmax(5rem,.7fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.65rem;padding-block:.75rem;display:grid}.midi-person-route strong{overflow-wrap:anywhere}.controls #folder-midi .midi-person-route select{min-block-size:2.75rem;font-size:.9rem}@media (width<=36rem){.midi-person-route{grid-template-columns:minmax(0,1fr)}.midi-person-route>span{display:none}}.midi-presets,.midi-connection-map{gap:.8rem;min-inline-size:0;display:grid}.midi-presets h4,.midi-presets p,.midi-connection-map p{margin:0}.midi-presets p,.midi-connection-map>p{opacity:.85;font-size:.85rem;line-height:1.5}.midi-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.controls #folder-midi button.midi-preset{color:#fff;text-align:start;white-space:normal;block-size:auto;min-block-size:9rem;inline-size:100%;min-inline-size:0;font:inherit;text-transform:none;letter-spacing:normal;box-shadow:none;background:#191723;border:1px solid #ffffff40;border-radius:.65rem;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.45rem;margin:0;padding:.9rem;display:flex}.controls #folder-midi button.midi-preset:before,.controls #folder-midi button.midi-preset:after{display:none}.controls #folder-midi button.midi-preset[aria-pressed=true]{background:#203347;border-color:#90caff;box-shadow:inset 0 0 0 1px #90caff}.controls #folder-midi button.midi-preset:disabled{opacity:.5;cursor:not-allowed}.controls #folder-midi button.midi-preset:focus-visible{outline-offset:3px;outline:3px solid #ffce86}.midi-preset>span:not(.midi-preset-sketch),.midi-preset small{font-size:.8rem;line-height:1.4}.midi-preset-sketch{color:#90caff;font:1rem ui-monospace,monospace}.midi-shared-target{max-inline-size:25rem}.midi-preset-status{color:#90caff}.midi-connection-map{background:#11101b;border:1px solid #ffffff30;border-radius:.65rem;margin:.5rem 0;padding:1rem}.midi-connection-map figcaption{font-size:1.1rem;font-weight:700}.midi-map-row{--route-colour:#b2bdd3;grid-template-columns:minmax(0,1fr) minmax(7rem,.65fr) minmax(0,1fr);align-items:center;padding-block:.6rem;display:grid}.midi-map-node{border:1px solid var(--route-colour,#ffffff40);overflow-wrap:anywhere;background:#211e30;border-radius:.5rem;align-content:center;gap:.35rem;min-inline-size:0;padding:.8rem;display:grid}.midi-map-person{border-inline-start:.3rem solid var(--route-colour)}.midi-map-node strong{font-size:.9rem}.midi-map-node small{opacity:.8;font-size:.73rem;line-height:1.4}.midi-map-targets{gap:.5rem;display:grid}.midi-map-wire{min-inline-size:0;color:var(--route-colour);text-align:center}.midi-map-wire span{padding:0 .4rem .4rem;font-size:.75rem;display:block}.midi-map-wire i{border-block-start:2px solid;display:block;position:relative}.midi-map-wire i:after{content:"";border-block:4px solid #0000;border-inline-start:7px solid;position:absolute;top:-5px;right:0}.midi-map-row.is-unrouted .midi-map-wire i{opacity:.5;border-block-start-style:dashed}.midi-map-unused{border-block-start:1px solid #ffffff25;gap:.5rem;padding-block-start:.75rem;font-size:.8rem;display:grid}.midi-person-routing>summary{cursor:pointer;padding-block:.8rem;font-weight:700}.midi-person-routing[open]{margin-block-end:1rem}@media (width<=36rem){.midi-preset-grid{grid-template-columns:minmax(0,1fr)}.controls #folder-midi button.midi-preset{min-block-size:0}.midi-map-row{grid-template-columns:minmax(0,1fr)}.midi-map-wire{justify-content:center;align-items:center;gap:.6rem;min-block-size:3rem;display:flex}.midi-map-wire span{padding:0}.midi-map-wire i{border-block-start:0;border-inline-start:2px solid;block-size:2rem}.midi-map-wire i:after{border:4px solid #0000;border-block-start:7px solid;border-block-end:0;top:auto;bottom:0;right:-3px}.midi-map-row.is-unrouted .midi-map-wire i{border-inline-start-style:dashed}}.midi-presets,.midi-connection-map{gap:.5rem}.controls #folder-midi button.midi-preset{gap:.3rem;min-block-size:0;padding:.65rem .8rem}.midi-presets>p:first-of-type{font-size:.78rem}.midi-preset-grid{gap:.5rem}.midi-connection-map{margin:.25rem 0;padding:.75rem}.midi-map-row{padding-block:.25rem}.midi-map-node{gap:.2rem;padding:.55rem .65rem}.midi-map-node small{font-size:.68rem}.midi-map-wire span{font-size:.7rem}.midi-person-routing,.midi-port-details{margin:0}.midi-person-routing>summary,.midi-port-details>summary{cursor:pointer;padding:.65rem .2rem;font-size:.9rem}.midi-port-cards{gap:.5rem;padding-block:.5rem;display:grid}.midi-map-unused{grid-template-columns:repeat(2,minmax(0,1fr))}.midi-map-unused>span{grid-column:1/-1}@media (width<=36rem){.midi-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.controls #folder-midi button.midi-preset{padding:.6rem}.midi-preset strong{font-size:.85rem}.midi-preset>span:not(.midi-preset-sketch),.midi-preset small{font-size:.72rem}.midi-map-row{grid-template-columns:minmax(0,.8fr) minmax(3.8rem,.65fr) minmax(0,1.2fr)}.midi-map-node{padding:.45rem}.midi-map-node strong{font-size:.8rem}.midi-map-node small{font-size:.63rem}.midi-map-wire{min-block-size:0;display:block}.midi-map-wire span{padding:0 .15rem .3rem;font-size:.65rem}.midi-map-wire i{border-block-start:2px solid;border-inline-start:0;block-size:auto}.midi-map-wire i:after{border:4px solid #0000;border-inline-start:7px solid;border-inline-end:0;top:-5px;bottom:auto;right:0}.midi-map-row.is-unrouted .midi-map-wire i{border-block-start-style:dashed}}.controls #folder-midi{inset:max(.5rem, env(safe-area-inset-top)) .5rem max(.5rem, env(safe-area-inset-bottom)) auto;scrollbar-gutter:auto;color:#fff;block-size:auto;min-block-size:0;max-block-size:none;inline-size:min(56rem,100vw - 1rem);max-inline-size:calc(100vw - 1rem);text-shadow:none;background:#15121b;border:1px solid #ffffff50;border-radius:.65rem;grid-template-rows:auto minmax(0,1fr) auto;margin:0;padding:0;font-size:16px;line-height:1.4;display:grid;position:fixed;overflow:hidden}.controls #folder-midi:after{display:none}.controls #folder-midi>*{flex-grow:0;min-inline-size:0}.controls #folder-midi .midi-panel-header{z-index:3;background:#211c2b;border-block-end:1px solid #ffffff40;align-items:center;gap:.75rem;padding:.65rem .8rem;display:flex}.controls #folder-midi .midi-panel-header h2{margin:0;margin-inline-end:auto;font-size:1rem;line-height:1.2}.controls #folder-midi .midi-enable{white-space:nowrap;align-items:center;gap:.4rem;min-block-size:44px;padding:0;font-size:.8rem;display:flex}.controls #folder-midi .midi-enable:before{display:none}.controls #folder-midi #toggle-midi{appearance:auto;opacity:1;block-size:1.1rem;inline-size:1.1rem;order:0;min-width:1.1rem;max-width:1.1rem;margin:0;position:static;inset:auto}.controls #folder-midi .midi-panel-scroll{overscroll-behavior:contain;scrollbar-width:auto;scrollbar-color:#b9accb #282130;scrollbar-gutter:stable;touch-action:pan-y;min-block-size:0;padding:.75rem;scroll-padding-block:.75rem;position:relative;overflow:hidden scroll}.controls #folder-midi .midi-panel-scroll::-webkit-scrollbar{width:12px}.controls #folder-midi .midi-panel-scroll::-webkit-scrollbar-thumb{background:#b9accb;border:3px solid #282130;border-radius:8px}.controls #folder-midi .midi-panel-scroll::-webkit-scrollbar-track{background:#282130}.controls #folder-midi #midi-panel{border:0;inline-size:100%;min-inline-size:0;margin:0;padding:0}.controls #folder-midi #midi-monitor{border:0;padding:0}.controls #folder-midi #midi-monitor-title{background:0 0;font-size:.95rem;position:static}.controls #folder-midi .midi-panel-footer{z-index:3;background:#211c2b;border-block-start:1px solid #ffffff40;align-items:center;gap:.5rem;padding:.4rem .75rem;display:flex}.controls #folder-midi #midi-scroll-status{margin-inline-end:auto;font-size:.75rem}.controls #folder-midi :is(.midi-panel-header,.midi-panel-footer) button:not(.button-close){color:#fff;width:auto;min-width:44px;height:auto;min-height:44px;text-shadow:none;letter-spacing:normal;box-shadow:none;background:#352c44;border:1px solid #ffffff70;border-radius:.4rem;justify-content:center;align-items:center;margin:0;padding:.4rem .65rem;font:600 .85rem/1.2 system-ui,sans-serif;display:inline-flex;position:static}.controls #folder-midi :is(.midi-panel-header,.midi-panel-footer) button:not(.button-close):before,.controls #folder-midi :is(.midi-panel-header,.midi-panel-footer) button:not(.button-close):after{display:none}.controls #folder-midi button:disabled{opacity:.45}.controls #folder-midi :focus-visible{outline-offset:2px;outline:2px solid #ffce86}#control-panel-midi.midi-dismissed #folder-midi{visibility:hidden;opacity:0;pointer-events:none;animation:none}#control-panel-midi.midi-dismissed #folder-midi *{visibility:hidden;pointer-events:none}@media (width<=380px){.controls #folder-midi .midi-panel-header{gap:.4rem;padding:.5rem}.controls #folder-midi .midi-panel-scroll{padding:.5rem}}#control-panel-midi:not(.midi-open) #folder-midi,#control-panel-midi:not(.midi-open) #folder-midi *{visibility:hidden;pointer-events:none}#control-panel-midi:not(.midi-open) #folder-midi{opacity:0;animation:none}#control-panel-midi.midi-open #folder-midi{visibility:visible;opacity:1;pointer-events:auto;animation:none;transform:none}#control-panel-midi.midi-open #folder-midi>*{visibility:visible}.controls #folder-midi button[data-midi-reset]{color:#fff;width:auto;min-width:0;max-width:100%;height:auto;min-height:44px;text-shadow:none;letter-spacing:normal;white-space:normal;background:#352c44;border:1px solid #ffffff70;border-radius:.4rem;justify-content:center;align-items:center;margin:.5rem 0;padding:.5rem .75rem;font:600 .85rem/1.3 system-ui,sans-serif;display:inline-flex}.controls #folder-midi button[data-midi-reset]:before,.controls #folder-midi button[data-midi-reset]:after{display:none}.controls #folder-midi button.midi-preset{max-width:none}.controls #folder-midi .midi-device-channel{font-size:.8rem}.controls #folder-midi .midi-device-channel select{order:0}dialog#midi-cc-dialog{color:#fff;width:min(54rem,100vw - 2rem);max-width:calc(100vw - 2rem);height:auto;max-height:calc(100dvh - 2rem);text-shadow:none;background:#15121b;border:1px solid #ffffff50;border-radius:.75rem;padding:1rem;font:14px/1.5 system-ui,sans-serif;overflow:auto}#midi-cc-dialog form{gap:.8rem;margin:0;padding:0;display:grid}#midi-cc-dialog .midi-cc-dialog-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}#midi-cc-dialog h2{margin:0;font:700 1.15rem/1.3 system-ui,sans-serif}#midi-cc-dialog p{margin:0}#midi-cc-dialog .midi-cc-hint{color:#c5bbd3;font-size:.8rem}#midi-cc-dialog button{color:#fff;width:auto;height:auto;min-height:44px;box-shadow:none;letter-spacing:normal;background:#352c44;border:1px solid #ffffff70;border-radius:.4rem;margin:0;padding:.4rem .7rem;font:600 .85rem/1.2 system-ui,sans-serif;position:static}#midi-cc-dialog button:before,#midi-cc-dialog button:after{display:none}#midi-cc-dialog :focus-visible{outline-offset:2px;outline:2px solid #ffce86}#midi-cc-dialog .midi-cc-table-scroll{overscroll-behavior:contain;border:1px solid #ffffff30;border-radius:.4rem;max-height:58dvh;overflow:auto}#midi-cc-dialog table{border-collapse:collapse;text-align:start;width:100%;font-size:.85rem}#midi-cc-dialog caption{text-align:start;color:#c5bbd3;padding:.6rem .75rem}#midi-cc-dialog th,#midi-cc-dialog td{vertical-align:top;text-align:start;border-bottom:1px solid #ffffff20;padding:.6rem .75rem}#midi-cc-dialog thead th{z-index:1;background:#352c44;position:sticky;top:0}#midi-cc-dialog tbody th{color:#90caff;font-variant-numeric:tabular-nums;font-family:ui-monospace,monospace}#midi-cc-dialog tbody tr:nth-child(2n){background:#ffffff05}#midi-cc-dialog td:nth-child(2){min-width:7rem}#midi-cc-dialog td:last-child{overflow-wrap:anywhere}#record-panel{flex-flow:row;display:flex}label[for=button-mute]{text-align:center}#button-mute{opacity:1}#button-mute:before{content:""}html:not(.beginner) #folder-volume{box-sizing:border-box;width:auto;min-width:44px;block-size:100dvh;max-block-size:100%;grid-template-rows:minmax(0,1fr) auto;padding-block-end:calc(var(--height,88px) + env(safe-area-inset-bottom));display:grid;position:fixed;inset:auto 0 0;overflow:hidden}.beginner #folder-volume{box-sizing:border-box;width:auto;min-width:44px;block-size:calc(100vh - var(--height,88px));block-size:calc(100dvh - var(--height,88px));padding:var(--pad,1rem);grid-template-rows:minmax(0,1fr) auto;padding-block-end:var(--pad,1rem);display:grid;left:0;right:0;overflow:hidden}@supports (position-anchor:--folder-volume){.beginner #folder-volume{position-anchor:--folder-volume;inline-size:max(10rem, anchor-size(width));min-inline-size:0;max-inline-size:max(10rem, anchor-size(width));block-size:auto;padding-block-end:var(--pad,1rem);position:fixed;inset-block-start:0;inset-block-end:anchor(top);inset-inline-start:anchor(left);inset-inline-end:auto}}.mixer-control-name{display:inline}.volume-control-name,.beginner .mixer-control-name{display:none}.beginner .volume-control-name{display:inline}#mixer-panel{appearance:none;padding:var(--pad,1rem);gap:var(--pad,1rem);box-sizing:border-box;block-size:100%;border:0;border-radius:0;grid-template-columns:repeat(5,minmax(0,1fr));align-content:stretch;align-items:stretch;min-height:0;margin:0;display:grid;position:relative;overflow:auto}.beginner #mixer-panel{grid-template-columns:minmax(0,1fr);gap:0;padding:0;overflow:hidden}.beginner #mixer-panel>.mixer-channel:not(.mixer-channel-master){display:none}.beginner #mixer-panel>.mixer-channel-master{gap:var(--pad,1rem);grid-template-rows:auto minmax(8rem,1fr) auto;grid-template-areas:"output""fader""controls";block-size:100%;padding:0}.beginner #mixer-panel>.mixer-channel-master>legend,.beginner #mixer-panel>.mixer-channel-master>label{display:none}.beginner #mixer-master-volume{block-size:auto;height:100%;min-height:8rem;max-height:100%}.beginner #mixer-master-output{padding-top:var(--pad,1rem);text-align:center}#folder-volume .volume-mixer-mode-button{--icon-visible:0;--min-size:44px;text-indent:0;flex:0 0 44px;place-items:center;block-size:44px;min-block-size:44px;max-block-size:44px;inline-size:44px;min-inline-size:44px;max-inline-size:44px;margin:0;padding:0;font-size:1.25rem;line-height:1;display:grid;position:relative;overflow:visible}#folder-volume .volume-mixer-mode-button:before,#folder-volume .volume-mixer-mode-button:after{display:none}#folder-volume .volume-mixer-mode-button span:before{content:"↗"}html:not(.beginner) .volume-mixer-mode-button span:before{content:"↙"}.mixer-channel{appearance:none;box-sizing:border-box;min-block-size:0;inline-size:100%;min-inline-size:0;padding:calc(var(--pad,1rem) / 2);align-content:stretch;align-self:stretch;justify-items:center;gap:calc(var(--pad,1rem) / 2);grid-template:"legend""fader"minmax(120px,1fr)"controls""label""output"/minmax(0,1fr);margin:0;display:grid}.mixer-channel label{text-align:center;grid-area:label;margin:0;padding:0;font-weight:700}.mixer-channel input{grid-area:fader;block-size:100%;min-block-size:120px}.mixer-channel output{grid-area:output;min-inline-size:0;font-weight:900}.volume-step-controls{gap:calc(var(--pad,1rem) / 2);grid-area:controls;grid-template-columns:repeat(2,minmax(44px,1fr));justify-self:center;inline-size:min(100%,7rem);display:grid}.volume-step-button{--icon-visible:0;--min-size:44px;text-indent:0;block-size:44px;min-block-size:44px;inline-size:100%;min-inline-size:44px;grid-template:"text"1fr/1fr;justify-content:center;place-items:center;max-width:none;max-height:none;padding:0;font-size:24px;line-height:1;overflow:visible}.volume-step-button:before,.volume-step-button:after{display:none}.volume-panel-actions{justify-content:center;align-items:center;gap:calc(var(--pad,1rem) / 2);min-inline-size:0;margin:var(--pad,1rem) var(--pad,1rem) 0;display:flex}.beginner .volume-panel-actions{margin-inline:0}#folder-volume .volume-mute-control{box-sizing:border-box;flex-direction:column;flex:0 5rem;inline-size:5rem;min-inline-size:44px;max-inline-size:5rem;margin:0;padding:0;display:flex}@media screen and (width<=420px){html:not(.beginner) #mixer-panel{grid-template-columns:repeat(2,minmax(5rem,1fr))}}#folder-tempo{box-sizing:border-box;max-block-size:calc(100dvh - 1rem)}#folder-tempo .tabs-panel[hidden]{display:none}#control-panel-tempo.tempo-dismissed:not(.controls-list-folder-open) #folder-tempo{visibility:hidden;opacity:0;pointer-events:none;animation:none}#control-panel-tempo.tempo-dismissed:not(.controls-list-folder-open) #folder-tempo *{visibility:hidden;pointer-events:none}#tempo-tabs{max-block-size:calc(100dvh - var(--height,88px) - 2rem)}#tempo-tabs>.tabs-panel{min-height:0}.form-network-timing{flex-direction:column;gap:.75rem;min-width:0;display:flex}.form-network-timing input,.form-network-timing textarea{box-sizing:border-box;width:100%}.form-network-timing textarea{resize:vertical;min-height:5rem;font:inherit}.form-network-timing #timing-room-video{object-fit:contain;width:100%;max-height:240px;display:block}.form-network-timing .timing-room-actions{flex-wrap:wrap;gap:.5rem;display:flex}.form-network-timing button{min-height:44px}.form-network-timing #timing-room-share:not([hidden]){justify-items:start;gap:.75rem;display:grid}.form-network-timing #timing-room-link{overflow-wrap:anywhere}.form-network-timing #timing-room-qr{background:#fff;max-width:100%;padding:8px}.form-network-timing #timing-room-qr svg{width:320px;max-width:100%;height:auto;display:block}.form-tempo{--tempo-gap:clamp(1rem, 2.5vw, 2rem);box-sizing:border-box;max-width:100%;min-height:100%;padding:var(--tempo-gap);gap:var(--tempo-gap);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"input input""unit unit""up down""range-label swing-label""range swing""tap tap""feedback feedback";align-content:start;width:100%;margin:0;display:grid;position:relative}.form-tempo>legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.form-tempo>label{background:0 0;width:auto;height:auto;margin:0;padding:0;position:static;inset:auto}.form-tempo>button{--max-width-override:none;place-self:stretch stretch;width:100%;min-width:0;max-height:none;margin:0}#tempo-input-text{box-sizing:border-box;text-align:center;grid-area:input;width:100%;min-width:0;font-size:clamp(5rem,18vw,12rem);line-height:1}#tempo-input-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#tempo-input-text::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-tempo>label[for=tempo-input-text]{margin-top:calc(-1 * var(--tempo-gap) / 2);color:#0000;grid-area:unit;justify-self:center;font-size:0}.form-tempo>label[for=tempo-input-text]:after{content:"BPM";letter-spacing:.2em;color:var(--shade-white);font-size:2rem}#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{text-align:center;grid-area:feedback}#timing-feedback:empty{display:none}#tempo-tap-button{--icon-size:44px;--bg:url(fingerprint-24px.78a8ea09.svg);grid-area:tap}#tempo-input-range{grid-area:range;width:100%}#tempo-swing-range{grid-area:swing;width:100%}.form-tempo>label[for=tempo-input-range]{grid-area:range-label}.form-tempo>label[for=tempo-swing-range]{grid-area:swing-label}#tempo-swing-output{grid-area:swing-label;place-self:center end}@media screen and (width>=720px){.form-tempo{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(12rem,20rem);grid-template-areas:"input input up""input input down""unit unit tap""range-label swing-label feedback""range swing feedback"}.form-tempo>label:is([for=tempo-input-range],[for=tempo-swing-range]),#tempo-swing-output{margin-top:var(--tempo-gap)}}.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}.set-tempo{box-sizing:border-box;flex-direction:column;width:100%;display:flex}html.beginner #control-panel #control-panel-engine{display:none}html:has(#control-panel-engine:is(.open,.controls-list-folder-open,:focus-within)) #feedback,html:has(#folder-engine:target) #feedback{visibility:hidden}html:has(#control-panel-engine:is(.open,.controls-list-folder-open,:focus-within),#folder-engine:target) #settings{will-change:auto;z-index:1300;animation:none;transform:none}html:has(#control-panel-engine:is(.open,.controls-list-folder-open,:focus-within),#folder-engine:target) #control-panel{z-index:1300}#control-panel:has(.settings-folder:target,.folder-menu:is(.open,:focus-within)>.settings-folder)>#button-controls-list{display:none}#control-panel .settings-folder{box-sizing:border-box;background:var(--shade-dark);color:var(--shade-white);width:100%;inline-size:100%;max-inline-size:100%;height:100dvh;block-size:100dvh;max-block-size:100dvh;padding:0 0 calc(62px + env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr) auto;margin:0;animation:none;display:grid;position:fixed;inset:0;overflow:hidden;transform:none}#control-panel .settings-folder>a.folder-return{box-sizing:border-box;color:#0000;background-color:var(--shade-dark);background-image:var(--bg), linear-gradient(0deg, black, transparent);height:calc(62px + env(safe-area-inset-bottom));border-top:1px solid color-mix(in srgb, var(--shade-white) 20%, transparent);z-index:3;background-position:50%,50%;background-repeat:no-repeat;background-size:44px,100%;font-size:0;display:block;position:absolute;inset:auto 0 0}#control-panel .settings-folder>a.folder-return:focus-visible{outline:3px solid var(--shade-yellow,#ffda62);outline-offset:-3px}#control-panel .settings-folder:after{display:none}#control-panel .settings-folder .control-settings{--muted:color-mix(in srgb, var(--shade-white) 70%, transparent);--rule:color-mix(in srgb, var(--shade-white) 20%, transparent);box-sizing:border-box;overscroll-behavior:contain;width:100%;min-block-size:0;max-block-size:100%;box-shadow:none;text-align:left;pointer-events:auto;border:0;border-radius:0;min-width:0;margin:0;padding:1.5rem max(1rem,50% - 20rem) 2rem;display:block;overflow:auto}#control-panel .settings-folder .control-settings>*,#control-panel .settings-folder .control-settings fieldset>*{pointer-events:auto;animation:none}#control-panel .settings-folder .control-settings [hidden]{display:none!important}#control-panel .settings-folder .control-settings legend{float:left;text-align:left;width:100%;text-shadow:none;margin:0 0 .75rem;padding:0;font-size:1rem;font-weight:700}#control-panel .settings-folder .control-settings legend+*{clear:both}#control-panel .settings-folder .control-settings>legend{margin-bottom:.5rem;font-size:1.6rem}#control-panel .settings-folder .control-settings fieldset{border:0;border-top:1px solid var(--rule);min-width:0;box-shadow:none;border-radius:0;gap:1rem;margin:1.5rem 0 0;padding:1.25rem 0 0;display:grid}#control-panel .settings-folder .control-settings #engine-reverb-custom,#control-panel .settings-folder .control-settings #engine-reverb-room,#control-panel .settings-folder .control-settings #engine-reverb-instruments{gap:1rem;min-width:0;display:grid}#control-panel .settings-folder .control-settings p{color:var(--muted);text-shadow:none;margin:0;font-size:.9rem;line-height:1.5}#control-panel .settings-folder .control-settings>p:first-of-type{margin-bottom:1.25rem}#control-panel .settings-folder .control-settings>#voice-engine-status{margin-top:1.5rem}#control-panel .settings-folder .control-settings :is(.engine-field,.engine-toggle,.control-settings-field,.control-settings-toggle,.control-settings-field>label,.control-settings-toggle>label){box-sizing:border-box;width:100%;min-width:0;height:auto;min-height:0;box-shadow:none;color:inherit;text-align:left;text-shadow:none;background:0 0;border:0;margin:0;padding:0;font-size:.95rem;position:static}#control-panel .settings-folder .control-settings :is(.engine-field,.engine-toggle,.control-settings-field,.control-settings-toggle,.control-settings-field>label,.control-settings-toggle>label):before,#control-panel .settings-folder .control-settings :is(.engine-field,.engine-toggle,.control-settings-field,.control-settings-toggle,.control-settings-field>label,.control-settings-toggle>label):after{display:none}#control-panel .settings-folder .control-settings :is(.engine-field,.control-settings-field){grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label output""control control";align-items:center;gap:.5rem 1rem;display:grid}#control-panel .settings-folder .control-settings :is(.engine-field,.control-settings-field)>select,#control-panel .settings-folder .control-settings :is(.engine-field,.control-settings-field)>input{grid-area:control}#control-panel .settings-folder .control-settings :is(.engine-field,.control-settings-field)>output{color:var(--muted);font-variant-numeric:tabular-nums;grid-area:output}#control-panel .settings-folder .control-settings :is(.engine-toggle,.control-settings-toggle){align-items:center;gap:.75rem;display:flex}#control-panel .settings-folder .control-settings select,#control-panel .settings-folder .control-settings input{opacity:1;box-sizing:border-box;z-index:auto;order:0;justify-self:stretch;width:100%;min-width:0;max-width:100%;margin:0;position:static;inset:auto}#control-panel .settings-folder .control-settings:not(.app-inputs) select{appearance:auto;border:1px solid var(--rule);min-height:44px;color:var(--shade-white);background-color:var(--shade-dark);text-align:left;border-radius:.4rem;padding:.5rem .75rem}#control-panel .settings-folder .control-settings:not(.app-inputs) select::picker-icon{opacity:1}#control-panel .settings-folder .control-settings:not(.app-inputs) input[type=checkbox]{appearance:auto;width:24px;height:24px;accent-color:var(--shade-green);flex:none}#control-panel .settings-folder .control-settings:not(.app-inputs) input[type=range]{appearance:none;height:44px;min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}#control-panel .settings-folder .control-settings:not(.app-inputs) input[type=range]::-webkit-slider-runnable-track{appearance:none;background:var(--rule);border:0;border-radius:2px;min-width:0;height:4px}#control-panel .settings-folder .control-settings:not(.app-inputs) input[type=range]::-moz-range-track{background:var(--rule);border:0;border-radius:2px;min-width:0;height:4px}#control-panel .settings-folder .control-settings:not(.app-inputs) input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--shade-white);width:22px;height:22px;box-shadow:none;border:0;border-radius:50%;margin-top:-9px}#control-panel .settings-folder .control-settings:not(.app-inputs) input[type=range]::-moz-range-thumb{background:var(--shade-white);width:22px;height:22px;box-shadow:none;border:0;border-radius:50%}#control-panel .settings-folder .control-settings:not(.app-inputs) input[type=range]:focus-visible{outline:3px solid var(--shade-yellow,#ffda62);outline-offset:2px}#control-panel .settings-folder .control-settings.app-inputs :is(.control-settings-field,.control-settings-toggle)>label{cursor:pointer;display:block}#control-panel .settings-folder .control-settings.app-inputs input.toggle{flex:none;justify-self:start;width:auto;min-width:44px;position:relative}#control-panel.controls-list-open .control-settings{max-block-size:none}html:has(#control-panel-mouth:is(.open,.controls-list-folder-open,:focus-within)) #feedback,html:has(#folder-mouth:target) #feedback{visibility:hidden}html:has(#control-panel-mouth:is(.open,.controls-list-folder-open,:focus-within),#folder-mouth:target) #settings{will-change:auto;z-index:1300;animation:none;transform:none}html:has(#control-panel-mouth:is(.open,.controls-list-folder-open,:focus-within),#folder-mouth:target) #control-panel{z-index:1300}#control-panel-mouth.mouth-dismissed:not(.controls-list-folder-open) #folder-mouth{visibility:hidden;opacity:0;pointer-events:none;animation:none}#control-panel-mouth.mouth-dismissed:not(.controls-list-folder-open) #folder-mouth *{visibility:hidden;pointer-events:none}#mouth-dynamics-settings .mouth-curve-editor{margin:1rem 0 .5rem;padding:0}#mouth-dynamics-settings .mouth-curve{aspect-ratio:320/200;border:1px solid var(--rule);background:color-mix(in srgb, var(--shade-white) 4%, transparent);touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;border-radius:.5rem;width:100%;height:auto;display:block}#mouth-dynamics-settings .mouth-curve-grid line{stroke:var(--rule);stroke-width:1px}#mouth-dynamics-settings .mouth-curve-labels text{fill:var(--muted);font-size:10px}#mouth-dynamics-settings .mouth-curve-area{fill:color-mix(in srgb, var(--shade-yellow,#ffda62) 18%, transparent)}#mouth-dynamics-settings .mouth-curve-line{fill:none;stroke:var(--shade-yellow,#ffda62);stroke-width:2.5px;stroke-linejoin:round}#mouth-dynamics-settings .mouth-curve-marker{fill:var(--shade-green);pointer-events:none}#mouth-dynamics-settings .mouth-curve-handle{fill:var(--shade-dark);stroke:var(--shade-white);stroke-width:2.5px;cursor:grab}#mouth-dynamics-settings .mouth-curve-handle:hover,#mouth-dynamics-settings .mouth-curve-handle:focus-visible{fill:var(--shade-yellow,#ffda62);outline:none}#mouth-dynamics-settings .mouth-curve-handle:focus-visible{stroke-width:4px}#mouth-dynamics-settings .mouth-curve-handle:active{cursor:grabbing}#mouth-dynamics-settings .mouth-curve-handle.fixed{fill:var(--shade-white);stroke:none;cursor:default;pointer-events:none}#mouth-dynamics-settings .mouth-curve-actions{flex-wrap:wrap;gap:.5rem;margin:.75rem 0;display:flex}#mouth-dynamics-settings .mouth-curve-actions button{min-height:44px}#mouth-dynamics-settings #mouth-curve-status{min-height:1.5em;color:var(--muted);font-size:.9rem;display:block}html:has(#control-panel-head:is(.open,.controls-list-folder-open,:focus-within)) #feedback,html:has(#folder-head:target) #feedback{visibility:hidden}html:has(#control-panel-head:is(.open,.controls-list-folder-open,:focus-within),#folder-head:target) #settings{will-change:auto;z-index:1300;animation:none;transform:none}html:has(#control-panel-head:is(.open,.controls-list-folder-open,:focus-within),#folder-head:target) #control-panel{z-index:1300}#control-panel-head.head-dismissed:not(.controls-list-folder-open) #folder-head{visibility:hidden;opacity:0;pointer-events:none;animation:none}#control-panel-head.head-dismissed:not(.controls-list-folder-open) #folder-head *{visibility:hidden;pointer-events:none}@property --swing{syntax:"<number>";inherits:false;initial-value:0}@property --lift{syntax:"<number>";inherits:false;initial-value:0}@keyframes HeadPreviewSwing{0%{--swing:-1}to{--swing:1}}@keyframes HeadPreviewLift{0%,20%{--lift:0}60%,to{--lift:1}}#head-movement-settings .head-preview{pointer-events:none;width:100%;height:auto;display:block;position:static;overflow:visible}#head-movement-settings .head-preview-skull{fill:color-mix(in srgb, var(--shade-white) 8%, transparent);stroke:var(--shade-white);stroke-width:2.5px}#head-movement-settings .head-preview-features{fill:var(--shade-white)}#head-movement-settings .head-preview-features path{fill:none;stroke:var(--shade-white);stroke-width:2.5px;stroke-linecap:round}#head-movement-settings .head-preview-guide{stroke:var(--shade-green);stroke-width:1.5px;stroke-dasharray:4 4;opacity:.8}#head-movement-settings .head-lean{grid-template-columns:7rem minmax(0,1fr);align-items:center;gap:.5rem 1.5rem;display:grid}#head-movement-settings .head-lean>p{grid-column:1/-1}#head-movement-settings .head-preview-lean .head-preview-head{transform-box:view-box;transform-origin:60px 84px;rotate:calc(var(--swing) * var(--head-note-range,90) * .5deg);animation:1.6s ease-in-out infinite alternate HeadPreviewSwing}#head-movement-settings .head-preview-nod .head-preview-features{translate:0 calc(var(--swing) * var(--head-vertical-range,90) * .12px);animation:1.6s ease-in-out infinite alternate HeadPreviewSwing}#head-movement-settings .head-preview-centre .head-preview-guide{translate:0 calc(var(--head-vertical-offset,10) * -.4px)}#head-movement-settings .head-preview-centre .head-preview-features{translate:0 calc(var(--lift) * var(--head-vertical-offset,10) * -.4px);animation:2.4s ease-in-out infinite alternate HeadPreviewLift}#head-movement-settings .head-movement-mixer{border-top:1px solid var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-block-start:1.5rem;padding-block-start:1.25rem;display:grid}#control-panel #head-movement-settings .head-channel{border:0;grid-template-rows:auto auto minmax(160px,1fr) auto auto auto;grid-template-areas:"legend""preview""fader""controls""label""output";justify-items:center;gap:.5rem;margin:0;padding:.5rem}#control-panel #head-movement-settings .head-channel>legend{text-align:center;grid-area:legend;margin:0;font-size:1.1rem}#control-panel #head-movement-settings .head-channel>.head-preview{grid-area:preview;max-inline-size:7rem}#control-panel #head-movement-settings .head-channel>label{color:var(--muted);text-align:center;grid-area:label;font-size:.85rem;font-weight:400}#control-panel #head-movement-settings .head-channel>output{color:inherit;font-variant-numeric:tabular-nums;grid-area:output;font-weight:900}#control-panel #head-movement-settings .head-channel>input[type=range].vertical{grid-area:fader;justify-self:center;width:100%;max-width:5rem;height:100%;min-height:160px}@media (prefers-reduced-motion:reduce){#head-movement-settings :is(.head-preview-head,.head-preview-features){--swing:1;--lift:1;animation:none}}.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()}.interface.loaded :is(.theme-va,.theme-rix,.theme-purplestars,.theme-lib,.theme-rs,.theme-emf,.theme-ieee,.theme-massig) #link-about:after{visibility:hidden}.interface.loaded :is(.theme-va,.theme-rix,.theme-purplestars,.theme-lib,.theme-rs,.theme-emf,.theme-ieee,.theme-massig) #foot{visibility:visible;z-index:1;color:var(--shade-yellow)}.interface.loaded :is(.theme-va,.theme-rix,.theme-purplestars,.theme-lib,.theme-rs,.theme-emf,.theme-ieee,.theme-massig) #foot .link-pages{display:none}.interface.loaded :is(.theme-va,.theme-rix,.theme-purplestars,.theme-lib,.theme-rs,.theme-emf,.theme-ieee,.theme-massig) #foot .link-copyright:before{filter:invert()}.interface.loaded .theme-va #link-about{background-image:url(va.dc116806.svg)}.interface.loaded .theme-rix #link-about{background-image:url(rix.0037ef92.svg)}.interface.loaded .theme-purplestars #link-about{background-image:url(purple-stars.f3f2a8bc.svg)}.interface.loaded .theme-lib #link-about{background-image:url("Digital Inclusion Logo - Primary - RGB (medium).0d44b112.png")}.interface.loaded .theme-rs #link-about{background-image:url(royal_society-crest.1663f3f8.svg)}.interface.loaded .theme-emf #link-about{background-image:url(emf.ce7f05c4.svg)}.interface.loaded .theme-ieee #link-about{background-image:url(ieee-logo.dcf516f2.svg)}.interface.loaded .theme-massig #link-about,.interface.loaded .theme-wac #link-about{background-image:url(massig.df21beff.svg)}.interface.loaded .theme-wac #link-about{filter:invert();background-color:#0000;background-image:url(massig.df21beff.svg)}.interface.loaded .theme-wac #link-about:after{visibility:hidden}.interface.loaded .theme-wac #foot{visibility:visible;z-index:1;color:var(--shade-yellow)}.interface.loaded .theme-wac #foot .link-pages{display:none}.interface.loaded .theme-wac #foot .link-copyright:before{filter:invert()}:is(span).hide-text{color:#0000;width:0;position:absolute;overflow:hidden}: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}ul.stacked li{vertical-align:middle;display:inline-block}:is(button,a).button-close,:is(#control-panel,#midi-cc-dialog,#command-palette,#fund,dialog,.audio-player) :is(button,a).button-close{--bg:none;box-sizing:border-box;background:var(--shade-dark,#181818);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--shade-white,white);text-shadow:none;box-shadow:none;opacity:1;z-index:5;cursor:pointer;pointer-events:auto;border:1px solid;border-radius:.4rem;flex:0 0 44px;align-self:start;margin:0;padding:0;font-size:0;animation:none;display:inline-flex;position:relative;inset:auto}:is(button,a).button-close:before,:is(button,a).button-close:after,:is(#control-panel,#midi-cc-dialog,#command-palette,#fund,dialog,.audio-player) :is(button,a).button-close:before,:is(#control-panel,#midi-cc-dialog,#command-palette,#fund,dialog,.audio-player) :is(button,a).button-close:after{content:"";opacity:1;filter:none;pointer-events:none;background:currentColor;border:0;width:22px;height:2px;margin:0;padding:0;display:block;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(45deg)}:is(button,a).button-close:after,:is(#control-panel,#midi-cc-dialog,#command-palette,#fund,dialog,.audio-player) :is(button,a).button-close:after{transform:translate(-50%,-50%)rotate(-45deg)}:is(button,a).button-close:hover,:is(#control-panel,#midi-cc-dialog,#command-palette,#fund,dialog,.audio-player) :is(button,a).button-close:hover{background:var(--shade-brand,#752575)}:is(button,a).button-close:focus-visible,:is(#control-panel,#midi-cc-dialog,#command-palette,#fund,dialog,.audio-player) :is(button,a).button-close:focus-visible{outline:3px solid var(--shade-yellow,#ffda62);outline-offset:3px}:is(#midi-cc-dialog,#command-palette,#fund,dialog) :is(button,a).button-close{position:absolute;inset:.5rem .5rem auto auto}:is(#errors,dialog).fatal .button-close,dialog:has(.button-close):after{display:none}.button-close[hidden]{display:none!important}#control-panel .folder-content>a.button-close{position:absolute;inset:.5rem .5rem auto auto}#accessibility-tab,#accessibility-panel,#button-accessibility,#transport,#control-panel-record,#record-panel,#controls-list-recording,.transport-session-controls,#session-replay-progress{display:none!important}