@import"https://fonts.googleapis.com/css2?family=Figtree:wght@400;700&display=swap";@import"https://fonts.cdnfonts.com/css/04b08";:root{--c-light: #ffffff;--c-dark: #372e38;--c-not-as-dark: #372e3888;--c-primary: #904276;--c-primary-polar: var(--c-light);--c-noot: #ffc2bf;--c-noot-polar: var(--c-dark);--f-primary: "Figtree", sans-serif;--f-monospace: "04b08", monospace, var(--f-primary);--f-monospace: monospace}*{font:inherit;line-height:1;margin:0;padding:0;border:0}*:where(:not(iframe,canvas,img,svg,video,audio,input,textarea,select,option,button,table,caption,tbody,tfoot,thead,tr,th,td):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{-webkit-backspace-visibility:hidden;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}:where(svg,img){max-width:100%;height:auto}html{-webkit-text-size-adjust:100%}*:focus{outline:none;box-shadow:none}:where(a){color:var(--c-primary)}:where(a):is(:hover,:focus){text-decoration:underline}html,body{font-size:100%;font-family:var(--f-primary);line-height:1.75;background:var(--c-noot);accent-color:var(--c-primary);scrollbar-width:thin;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;overflow:hidden}select:not(:focus) option{visibility:hidden;display:none}:where(code,pre,var){font-family:var(--f-monospace);padding:.25em;background:var(--c-noot);color:var(--c-noot-polar);border-radius:.25rem;opacity:.7}:where(code,pre,var) :where(code,pre,var){background:none;padding:0}:where(pre){white-space:pre;display:block;max-width:100%;line-height:1.5;overflow:auto}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-primary);border-radius:.5em;cursor:grab}::-webkit-scrollbar-thumb:active{cursor:grabbing}::-webkit-scrollbar-thumb:hover{background:var(--c-primary-polar)}::-webkit-scrollbar-track-piece{margin-block:.1rem}canvas{touch-action:none!important;z-index:0!important}#root{position:fixed;top:0;left:0;width:100%;height:100%}small,*.small,sup,sub{font-size:.75em}big{font-size:1.25em}a{text-decoration:none;color:var(--c-primary);transition:color .25s ease-in-out}a:is(:hover,:focus){text-decoration:underline}:is(h1,h2,h3,h4,h5,h6){line-height:calc(1em + .25rem);color:var(--c-not-as-dark);margin-bottom:.75em;font-weight:bolder}:is(h1,h2,h3,h4,h5,h6):nth-child(n+2){margin-top:calc(.5em + 1rem)}:is(h1,h2,h3,h4,h5,h6) a:not(:hover):not(:focus){color:inherit;font-weight:inherit;text-decoration:underline}:is(h4,h5,h6,cite){text-transform:uppercase;letter-spacing:.1em;font-weight:800}h1{font-size:2em;color:var(--c-dark)}h2{font-size:1.75em}h3{font-size:1.5em}h4{font-size:1em}h5{font-size:.875em}h6{font-size:.75em}:is(p,ol,ul,blockquote+cite,pre){margin-bottom:.75rem}li{margin-top:.75em;list-style:inherit}li::marker{color:var(--c-secondary);font-weight:900}:is(ol,ul){list-style:revert;padding-left:1em}blockquote{font-family:var(--f-secondary);font-size:2.875em;margin-left:auto;margin-right:auto;text-align:center;line-height:calc(1em + .5rem);opacity:.5;font-weight:900;color:var(--c-fg-alt);max-width:21ch;align-self:center}blockquote:after{content:"";margin:1.875rem auto 0}blockquote+cite{text-align:center;display:block;margin-bottom:4rem;margin-top:-2rem}hr{margin:2em 0;width:10em;border:0;border-top:.125em solid var(--c-primary);max-width:100%}:where(em,i,var){font-style:italic}:where(b,strong){font-weight:bolder}:where(input,select,textarea,button){font:inherit;line-height:inherit;color:inherit}:where(input):is([type=range],[type=checkbox],[type=radio]){height:1em;min-width:1em}:where(input):is([type=range]){min-width:10ch}:is(.button,.button-group){--button-padding-x: 1em;--button-padding-y: .75em;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-decoration:none;border-radius:999em;display:inline-flex;align-items:center;text-align:center;pointer-events:auto;border:1px solid var(--c-not-as-dark);color:var(--c-dark);background:var(--c-light);cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}:is(.button,.button-group).button-blend-in{background:none;border-color:transparent;color:inherit;pointer-events:none}:is(.button,.button-group):where(button,a):is(:hover:not(.button-can-no-hover),:focus-visible,.active){text-decoration:none;border-color:currentColor}:is(.button,.button-group):where(button,a):is(:hover:not(.button-can-no-hover),:focus-visible,.active){color:var(--c-primary-polar);background:var(--c-primary);border-color:transparent}:is(.button,.button-group):where(input,select):is(:hover,:focus-visible){color:var(--c-noot-polar);background:var(--c-noot)}.button{padding:var(--button-padding-y) var(--button-padding-x);text-transform:uppercase;line-height:1.5;font-weight:700;letter-spacing:.1em;max-width:100%;font-size:1em;justify-content:center;transition-duration:.1s;transition-timing-function:ease-in-out;transition-property:padding-inline,color,border-color,background}.button:not(:where(:hover,:focus-visible)).button-palette-outline{background:transparent;color:var(--c-noot-polar);mix-blend-mode:difference}.button.button-icon:is(:hover,:focus-visible,.active) .button-label{padding-left:.25em;max-width:100%}.button.button-icon:not(:is(:hover,:focus-visible,.active)){height:3em;width:3em;padding-inline:.5em}@media (max-width: 767px){.button.button-icon{height:3em;width:3em;padding-inline:.5em}}.button.button-icon .button-label{transition-duration:.1s;transition-timing-function:linear;transition-property:max-width,padding;overflow:hidden;text-overflow:ellipsis;max-width:0%;padding-left:0;white-space:nowrap;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}@media (max-width: 767px){.button.button-icon .button-label{display:none}}.button.button-constrict{padding-inline:.5em}.button:where(label,.label){text-transform:none;letter-spacing:0;color:var(--c-not-as-dark)}.button:where(label,.label)+.button:where(label,.label){padding-left:0}.button:is([disabled]){opacity:.5;cursor:not-allowed}.button-group{width:100%;max-width:max-content;max-height:max-content;position:relative}.button-group:is(.button-group-scroll){overflow-x:scroll;scroll-padding:0;scrollbar-width:none}.button-group:is(.button-group-scroll)::-webkit-scrollbar{display:none}.button-group:is(.button-group-scroll):before,.button-group:is(.button-group-scroll):after,.button-group>:is(.button,.button-group){flex:0 0 auto;align-self:stretch;min-width:0}.button-group:is(.button-group-scroll):before,.button-group:is(.button-group-scroll):after{content:"";pointer-events:none;position:sticky;z-index:2;width:var(--button-padding-x)}.button-group:is(.button-group-scroll):before{left:0;margin-left:calc(var(--button-padding-x) * -1);background:linear-gradient(to right,var(--c-light) 25%,transparent 100%)}.button-group:is(.button-group-scroll):after{right:0;margin-left:calc(var(--button-padding-x) * -1);background:linear-gradient(to left,var(--c-light) 25%,transparent 100%)}.button-group option{letter-spacing:0;text-transform:none}.button-group>:is(.button,.button-group){border-block:0;width:auto;border-left:0}.button-group>:is(.button,.button-group):last-child{border-right:0}.button-group:nth-child(n+2)>.button,.button-group :is(.button,.button-group):nth-child(n+2){border-top-left-radius:0;border-bottom-left-radius:0}.button-group:nth-last-child(n+2)>.button,.button-group :is(.button,.button-group):nth-last-child(n+2){border-top-right-radius:0;border-bottom-right-radius:0}.button-group>.button{border-inline:0}.button-group>.button-group{overflow:unset}.button-group>.button-group:before,.button-group>.button-group:after{content:none}.wrap-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%}.content-icon{display:inline-flex;align-items:flex-end;justify-content:flex-start;height:1em}.content-icon :where(img,svg){width:auto;max-height:100%;height:100%;max-width:none}.button .content-icon{height:1.5em}.disabled{opacity:.5;cursor:not-allowed}.disabled>*{pointer-events:none!important}.blend-in{padding:0;margin:0;border:none;outline:none;font:inherit;line-height:inherit;color:inherit;background:none;height:auto;width:auto;min-height:0;min-width:0}@keyframes overlay-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999999;color:var(--c-noot-polar);padding:.5rem}.overlay.overlay-disabled{opacity:0!important}.overlay.overlay-disabled,.overlay.overlay-disabled *{pointer-events:none!important}.overlay,.overlay-contents{display:flex;flex-direction:column;justify-content:center;align-items:center}.overlay:after,.overlay-contents:after{position:absolute;z-index:-1;content:"";display:block;top:0;left:0;right:0;bottom:0}.overlay-contents{position:static;text-align:center;font-weight:700}.overlay-contents:after{background:radial-gradient(circle at center,var(--c-noot) 10%,transparent 70%),linear-gradient(to bottom,var(--c-noot) -100%,transparent 100%);margin:auto}.overlay:after{opacity:var(--bg-opacity, 1);background:var(--c-noot)}.overlay-opaque{--bg-opacity: .2}.overlay-spinner{width:3em;height:3em;border-width:0;margin-bottom:1em}.overlay-spinner :where(svg,img){display:block}.hide-scrollbar{scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.add-underlay:after{content:"";position:absolute;z-index:-1;background:red;pointer-events:none;top:-100vmin;bottom:-100vmin;left:-100vmin;right:-100vmin;margin:auto;width:100vmin;height:100vmin;background:radial-gradient(circle closest-side at 50% 50%,var(--c-noot) 0%,transparent 100%)}.subtitle{position:fixed;padding:.75em;max-height:max-content;left:0;right:0;bottom:3rem;text-align:center;color:var(--c-primary-polar)}.subtitle:after{content:"";z-index:-1;position:absolute;display:block;top:0;left:0;right:0;bottom:0;opacity:.75;background:var(--c-primary)}.pianoScreen{--f-monospace: "04b08", monospace;background:var(--pianoScreen-background, #5c629c);color:var(--pianoScreen-foreground, #ddffff);font-family:var(--f-monospace);font-weight:bolder;width:200px;height:62px;font-size:16px;line-height:.75;letter-spacing:.01em;display:grid;grid-template-columns:2.5em 1fr 2.375em;grid-template-rows:auto 1fr;overflow:hidden;text-shadow:0 0 1px;box-shadow:inset 0 0 3px #000c}:is(.pianoScreen-item,.pianoScreen-item-pedalStats,.pianoScreen-item-pedalStats-ped){min-width:0}.pianoScreen-Html{z-index:0;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important}.pianoScreen-Html,.pianoScreen-Html *{pointer-events:none!important;transition:none!important}.pianoScreen-item{display:flex;align-items:center;justify-content:center;text-align:center}.pianoScreen-item-voiceIndex{color:var(--pianoScreen-background, #565b95);background:var(--pianoScreen-foreground, #d2f5ff);font-weight:bolder;letter-spacing:.01em}.pianoScreen-item-voiceName{grid-column:span 2;border-bottom:.1em solid;padding-block:.5em;padding-left:.25em;letter-spacing:.1em}.pianoScreen-item-voiceName>span{display:block}.pianoScreen-item-pedalStats{grid-column:span 2;display:grid;grid-template-columns:repeat(3,1fr);gap:.5em;padding:.25em}.pianoScreen-item-pedalStats-ped{font-size:.5em}.pianoScreen-item-pedalStats-ped>span{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%}.pianoScreen-item-pedalStats-ped:after{display:block;border:.3em solid;background-image:linear-gradient(to right,transparent 0%,transparent calc(50% - .1em),currentColor calc(50% - .15em),currentColor calc(50% + .15em),transparent calc(50% + .2em),transparent 100%),linear-gradient(to right,currentColor 0%,currentColor calc(100% * var(--pianoScreen-ped-threshold, 0)),transparent calc(100% * var(--pianoScreen-ped-threshold, 0)));content:"";height:1.5em;margin-inline:auto;margin-top:.5em;box-shadow:inset 0 0 1px,0 0 1px}.pianoScreen-item-playStats{padding:.25em .25em .25em 0;text-align:right;align-items:flex-end;justify-content:flex-end;align-self:end;flex-direction:column;letter-spacing:0}.pianoScreen-item-playStats-stat{display:block}.pianoScreen-item-playStats-stat-demo{font-size:.5em;margin-bottom:.5em}.pianoScreen-item-playStats-stat-demo strong{display:block;font-size:.75em;margin-bottom:.25em}.pianoScreen-item-playStats-stat-transpose{font-size:.5em}.Ui{position:fixed;top:0;bottom:0;left:0;margin:auto;max-width:100%;width:100%;height:100%;padding:1rem;z-index:999;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1em;pointer-events:none;overflow-y:scroll}.Ui .button{font-size:1.125em}.Ui-item{pointer-events:auto}.session-controls{grid-template-columns:auto 1fr;display:flex;align-items:flex-end;gap:.5em;margin-bottom:auto;max-width:100%}.session-controls>:where(*),.session-controls-form>:where(*){min-width:0}.session-controls-wrap{flex:1 1}.session-controls-form{display:grid;display:flex}.session-controls-form>:where(*){flex:0 0 auto}.session-controls-form-control-full{width:100%;flex:0 0 auto}.session-controls-legend{margin-inline:auto;display:grid;text-align:center}.info{--info-padding: 3rem;position:relative;margin-top:auto}@media (max-width: 767px){.info{--info-padding: 1.5rem}}.info-overlay{z-index:-1;--bg-opacity: .5}.info-frame{position:absolute;top:2rem;bottom:2rem;left:0;right:0;margin:auto;width:35em;max-width:calc(100vw - 2rem);height:32em;max-height:calc(100vh - max(4rem,40vh));overflow-y:scroll;background:var(--c-light);color:var(--c-dark);border-radius:.5em;border:1px solid var(--c-not-as-dark)}.info-frame:before,.info-frame:after{content:"";display:block;height:var(--info-padding);position:sticky;left:calc(var(--info-padding) * -1);right:calc(var(--info-padding) * -1);pointer-events:none}.info-frame:before{top:0;background:linear-gradient(to bottom,var(--c-light) 30%,transparent 100%)}.info-frame:after{background:linear-gradient(to top,var(--c-light) 30%,transparent 100%);bottom:0}@media (max-width: 767px){.info-frame{left:5em;max-width:calc(100vw - 6rem);height:auto;top:1rem;bottom:1rem;max-height:calc(100vh - 2rem)}}.info-contents{padding-inline:var(--info-padding)}.info-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.info-utility{font-size:.75em;position:sticky;right:0;margin-right:-1rem;margin-left:auto;top:1rem;margin-top:-2rem;text-align:right;margin-bottom:-2em;text-shadow:0 0 10px var(--c-light)}#loading{transition:all linear .2s;padding-bottom:2rem;align-items:stretch;padding:0}.loading-bar{height:5em;width:70.125em;width:100%;max-width:100%;position:relative;background:transparent;background-color:#0003;font-size:1vw;pointer-events:none;align-self:stretch;margin-bottom:max(2rem,2em);margin-inline:auto;border-radius:.1em}.loading-bar:before{content:"";position:absolute;display:block;bottom:0;left:0;top:0;max-width:100%;width:calc(1em * var(--progress, 0));background-image:repeating-linear-gradient(to right,transparent 0,transparent .5em,var(--c-noot-polar) .5em,var(--c-noot-polar) 1.25em,transparent 1.25em,transparent 1.5em,var(--c-noot-polar) 1.5em,var(--c-noot-polar) 2.25em,transparent 2.25em,transparent 3.5em,var(--c-noot-polar) 3.5em,var(--c-noot-polar) 4.25em,transparent 4.25em,transparent 4.5em,var(--c-noot-polar) 4.5em,var(--c-noot-polar) 5.25em,transparent 5.25em,transparent 5.5em,var(--c-noot-polar) 5.5em,var(--c-noot-polar) 6.25em,transparent 6.25em,transparent 7em),repeating-linear-gradient(to right,transparent 0,transparent .875em,var(--c-noot-polar) .875em,var(--c-noot-polar) 1em),linear-gradient(to bottom,transparent 0%,transparent calc(0% + .25em),var(--c-noot-polar) calc(0% + .25em),var(--c-noot-polar) calc(0% + .375em),var(--c-noot) calc(0% + .375em),var(--c-noot) 90%,transparent 90%,transparent calc(100% - .25em),var(--c-noot-polar) calc(100% - .25em),var(--c-noot-polar) 100%);background-position:0 .125em,0 100%,0 0;background-repeat:repeat-x,repeat-x;background-size:auto 60%,auto calc(100% - .375em),auto 100%}.loading-bar+.button{margin-bottom:-3em}:is(.fader,.port){position:relative}:is(.fader,.port):before,:is(.fader,.port):after{order:-99;content:"";display:block}:is(.fader,.port):before{margin-bottom:1em;outline:.1em solid rgba(252,255,255,.2)}:is(.fader,.port):after{position:absolute}:is(.fader,.port)>.button{background:var(--c-noot);color:var(--c-noot-polar);pointer-events:none;font-weight:700;border-color:transparent;border-radius:.5em;width:100%;font-size:.75em;transition:none}:is(.fader,.port) strong{display:block;font-size:.75em}.fader{--fader-height: min(12em, 20vh);--fader-slit-width: .75em;--fader-slit-border-width: .2em;--fader-lever-width: 2.5em;--fader-lever-height: 1.5em;--fader-offset: calc(var(--fader-height) * (1 - var(--midi-velocity, 0)))}.fader:before{background-color:var(--c-dark);background:var(--c-dark);height:var(--fader-height);width:var(--fader-slit-width);border-width:var(--fader-slit-border-width);border-style:solid;border-image-slice:1;border-image-source:linear-gradient(to top,var(--c-light),var(--c-not-as-dark))}.fader:after{width:var(--fader-lever-width);height:var(--fader-lever-height);border-radius:.5em;top:var(--fader-offset);margin-top:calc(var(--fader-lever-height) * -.5);border-inline:.5em solid rgba(0,0,0,.2);border-block:.375em solid rgba(0,0,0,.3);background:var(--c-primary);box-shadow:0 calc(.3em + .2em * var(--midi-velocity)) 0 -.1em #0000004d}.port{--port-hole-size: 3em}.port:before,.port:after{width:var(--port-hole-size);height:var(--port-hole-size);border-radius:50%}.port:before{top:0;background-color:var(--c-dark);background-image:radial-gradient(circle at 50% 50%,var(--c-dark) 0%,var(--c-dark) 50%,transparent 51%,transparent 100%),linear-gradient(to top,var(--c-light),var(--c-dark))}.port:after{opacity:var(--midi-velocity, 0);background-image:radial-gradient(circle at 50% 45%,rgba(255,255,255,.4) 0%,rgba(255,255,255,.4) 18%,transparent 19%,transparent 100%),radial-gradient(circle at 50% 48%,rgba(255,255,255,.1) 0%,rgba(255,255,255,.1) 32%,transparent 33%,transparent 100%),radial-gradient(circle at 50% 50%,var(--c-primary) 0%,var(--c-primary) 40%,transparent 41%,transparent 100%)}.midiMap{position:fixed;z-index:9;top:3.75em;right:3em;left:3em;margin:auto;font-size:min(20px,2.5vw,1.75vh);padding:2em 1em 1em;border-radius:.9em;z-index:100;max-width:max-content;text-align:center;pointer-events:none}@media (max-width: 767px){.midiMap{font-size:min(20px,2.1vw - .08rem,1.5vh);left:3rem}}.midiMap-inputs{display:grid;justify-content:center;grid-template-columns:repeat(3,auto);gap:3em}.midiMap-inputs-item{pointer-events:none;width:8em;max-width:100%}:is(.midiMap-inputs-item,.midiMap-inputs-item>.button){display:flex;flex-direction:column;align-items:center}.midiMap-inputs-item.fader{order:99}.midiMap-inputs-item.fader{grid-row:span 2}.midiMap-inputs-item-expression{margin-top:-2em;grid-column:1;grid-row:2/span 2}.midiMap-error{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;background:var(--c-noot-polar);color:var(--c-noot);max-height:max-content;max-width:max-content;padding:.75em 1.25em;border-radius:.25em;z-index:1;box-shadow:0 0 20em}.keebMap{--keeb-size: 4.5em;--keeb-gap: .1em;--keeb-span: 4;--keeb-spacer: calc(var(--keeb-size) / var(--keeb-span));position:fixed;z-index:9;top:3.75em;right:3em;left:3em;margin:auto;font-size:min(20px,1.25vw,2.5vh);z-index:100;text-align:center;pointer-events:none}@media (max-width: 767px){.keebMap{font-size:min(20px,1.75vw - .12rem,2.5vh);left:auto;right:3rem}}@media (max-width: 767px) and (max-height: 360px){.keebMap{left:auto;right:3em;top:0}}.keebMap-keys{margin:auto;display:grid;grid-template-columns:repeat(auto-fit,auto);gap:var(--keeb-gap);justify-content:center;margin-inline:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:min(15vh,2rem)}:is(.keebMap-keys,.keebMap-keys-item){min-width:0}.keebMap-keys-item{pointer-events:none;max-width:100%;width:var(--keeb-size);height:var(--keeb-size);background-color:var(--c-noot);border:1px solid var(--c-not-as-dark);position:relative;padding:.01em;line-height:1.25;flex-direction:column;justify-self:end;border-inline:.75em solid rgba(0,0,0,.2);border-top:.375em solid rgba(0,0,0,.3);border-bottom:1em solid rgba(0,0,0,.5);color:var(--c-noot-polar);margin-bottom:var(--keeb-spacer);grid-column:span var(--keeb-span);box-shadow:0 .2em 0 .1em #0000004d;transition:none}.keebMap-keys-item:is(:hover,:focus-visible,.active){border-inline-color:rgba(0,0,0,.3);border-top-color:#0006;border-bottom-color:#0009;box-shadow:0 .1em #0000004d}.keebMap-keys-item:before{position:absolute;width:max-content;letter-spacing:0;text-transform:none;opacity:.5;bottom:100%;left:-.75em;color:var(--c-noot-polar);background:var(--c-noot);border-radius:.1em;padding:.25em .5em;margin-bottom:var(--keeb-spacer)}.keebMap-keys-item,.keebMap-keys-item:after{border-radius:.25em}.keebMap-keys-item:after{content:"";background-color:inherit;display:block;position:absolute;top:-.1em;left:-.1em;bottom:-.1em;right:-.1em;z-index:-1;border:.1em solid rgba(127,127,127,.1);background-image:linear-gradient(to bottom right,transparent 0%,rgba(0,0,0,.2) 100%)}.keebMap-keys-item *,.keebMap-keys-item *:before,.keebMap-keys-item *:after{pointer-events:none}.keebMap-keys-item:is(:focus-visible,.active,:hover:active){transform:translateY(.25em) scale(.99);transform-origin:center bottom;color:var(--c-primary-polar);background:var(--c-primary)}.keebMap-keys-item:is(:focus-visible,.active,:hover:active):before{transform:translateY(-.23em) scale(1.01);transform-origin:center center}.keebMap-keys-item:where(.enabled){box-shadow:0 0 0 .3em var(--c-primary);z-index:1}.keebMap-keys-item:after{content:"";display:block}.keebMap-keys-item :is(span,strong){display:block}.keebMap-keys-item strong{font-size:.6em;letter-spacing:0;text-transform:capitalize;display:block}.keebMap-keys-item-note-white{background-color:var(--c-light);color:var(--c-dark);grid-row:3;z-index:1}.keebMap-keys-item-note-white:nth-child(1 of.keebMap-keys-item-note-white){grid-column:span calc(2 * var(--keeb-span))}.keebMap-keys-item-note-black{background-color:var(--c-dark);color:var(--c-light);grid-row:2;margin-bottom:0}.keebMap-keys-item-note-black:is(:nth-child(5n-2 of.keebMap-keys-item-note-black),:nth-child(5n+1 of.keebMap-keys-item-note-black)){grid-column:span calc(2 * var(--keeb-span))}.keebMap-keys-item-note-black:nth-child(1 of.keebMap-keys-item-note-black){grid-column:span calc(2 * var(--keeb-span) + 2)}.keebMap-keys-item-voice:nth-child(1 of.keebMap-keys-item-voice){margin-left:var(--keeb-spacer);grid-column:span calc(var(--keeb-span) + 1)}.keebMap-keys-item-voice:nth-child(1 of.keebMap-keys-item-voice):before{content:"Voice Presets"}.keebMap-keys-item-ambience:nth-child(1 of.keebMap-keys-item-ambience){grid-column:span calc(6 * var(--keeb-span) + 1)}.keebMap-keys-item-ambience:nth-last-child(1 of.keebMap-keys-item-ambience):before{content:"Ambience";right:-.75em;left:auto}.keebMap-keys-item-demo:before{content:"Demo"}.keebMap-keys-item-pedal{grid-row:4}.keebMap-keys-item-pedal:nth-child(1 of.keebMap-keys-item-pedal){grid-column:span calc(5 * var(--keeb-span) + 2)}.keebMap-keys-item-pedal:nth-child(2 of.keebMap-keys-item-pedal):before{content:"Pedals"}.keebMap-keys-item-pedal:nth-child(2 of.keebMap-keys-item-pedal):before,.keebMap-keys-item-metronome:before{bottom:auto;top:100%;left:-50%;right:-50%;text-align:center;margin-bottom:0;margin-inline:auto;margin-top:1.5em}.keebMap-keys-item-metronome{grid-row:4;grid-column:span calc(var(--keeb-span) + 1)}.keebMap-keys-item-metronome:before{content:"Metronome"}.keebMap-keys-item-transpose-up{grid-row:3;grid-column:span calc(var(--keeb-span) + 1);margin-left:var(--keeb-spacer);top:var(--keeb-spacer)}.keebMap-keys-item-octave-down{grid-column:span calc(3 * var(--keeb-span) + 2)}:is(.keebMap-keys-item-octave,.keebMap-keys-item-transpose-down){grid-row:4}:is(.keebMap-keys-item-octave-up,.keebMap-keys-item-transpose-down){order:99}@media (max-width: 767px){.keebMap-keys-item-note-white:nth-child(1 of.keebMap-keys-item-note-white){grid-column:span calc(1 * var(--keeb-span) + 1)}.keebMap-keys-item-note-black:nth-child(1 of.keebMap-keys-item-note-black){grid-column:span calc(2 * var(--keeb-span) - 1)}.keebMap-keys-item-ambience:nth-child(1 of.keebMap-keys-item-ambience){grid-column:span calc(5 * var(--keeb-span))}.keebMap-keys-item-pedal:nth-child(1 of.keebMap-keys-item-pedal){grid-column:span calc(5 * var(--keeb-span) - 3)}.keebMap-keys-item-transpose-up{grid-row:4;grid-column:span calc(2 * var(--keeb-span) + 2)}.keebMap-keys-item-octave-down{grid-column:span calc(9 * var(--keeb-span))}:is(.keebMap-keys-item-octave,.keebMap-keys-item-transpose-down){grid-row:5}}