.vp[data-astro-cid-ukzmjmdw]{--vp-white-top:#fbfaf7;--vp-white-bottom:#eeece6;--vp-white-edge:#b4b1a8;--vp-white-text:#3a3a36;--vp-black-top:#3a3a3d;--vp-black-bottom:#121214;--vp-black-text:#e9e9ec;--vp-case:#1d1e21;--vp-felt:#8c1d2a}:root[data-theme=dark] .vp[data-astro-cid-ukzmjmdw]{--vp-white-top:#e8e6df;--vp-white-bottom:#d6d3ca;--vp-white-edge:#8f8b80;--vp-case:#0b0c0e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .vp[data-astro-cid-ukzmjmdw]{--vp-white-top:#e8e6df;--vp-white-bottom:#d6d3ca;--vp-white-edge:#8f8b80;--vp-case:#0b0c0e}}.vp-stage[data-astro-cid-ukzmjmdw]{gap:.8rem;min-width:0;display:grid}.vp-bar[data-astro-cid-ukzmjmdw]{flex-wrap:wrap;align-items:flex-end;gap:.75rem 1.4rem;display:flex}.vp-bar[data-astro-cid-ukzmjmdw] .field[data-astro-cid-ukzmjmdw]{margin:0}.vp-sound[data-astro-cid-ukzmjmdw]{flex:15rem;gap:.35rem;min-width:12rem;display:grid}.vp-status[data-astro-cid-ukzmjmdw]{margin:0;font-size:.95rem;font-weight:650}.vp-progress[data-astro-cid-ukzmjmdw]{max-width:18rem}.vp-sound[data-astro-cid-ukzmjmdw] [data-astro-cid-ukzmjmdw][data-action=retry]{justify-self:start}.vp-volume[data-astro-cid-ukzmjmdw]{min-width:9rem}.vp-toggles[data-astro-cid-ukzmjmdw]{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;display:flex}.vp-sustain[data-astro-cid-ukzmjmdw][aria-pressed=true]{background:var(--cat);border-color:var(--cat);color:var(--primary-text)}.vp-sustain[data-astro-cid-ukzmjmdw].is-held{box-shadow:inset 0 0 0 2px var(--cat)}.vp-octave__row[data-astro-cid-ukzmjmdw]{align-items:center;gap:.3rem;display:flex}.vp-octave__range[data-astro-cid-ukzmjmdw]{text-align:center;min-width:6.5rem;font-weight:700}.vp-showkeys[data-astro-cid-ukzmjmdw],.vp-room[data-astro-cid-ukzmjmdw],.vp-reset[data-astro-cid-ukzmjmdw]{align-self:center}.vp-bar--view[data-astro-cid-ukzmjmdw]{padding-top:.2rem}.vp-scroller[data-astro-cid-ukzmjmdw]{overscroll-behavior-x:contain;background:var(--vp-case);border-radius:var(--radius);box-shadow:inset 0 2px 0 var(--vp-felt);scrollbar-width:thin;padding:.55rem .45rem .45rem;overflow:auto hidden}.vp-keys[data-astro-cid-ukzmjmdw]{--vp-w:26px;--vp-bw:calc(var(--vp-w) * .6);--vp-h:clamp(8.5rem, calc(var(--vp-w) * 6.2), 15rem);z-index:0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;width:max-content;margin:0 auto;display:flex;position:relative}.vp-slot[data-astro-cid-ukzmjmdw]{flex:0 0 var(--vp-w);width:var(--vp-w);height:var(--vp-h);position:relative}.vp-key[data-astro-cid-ukzmjmdw]{appearance:none;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none;border:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:.15rem;margin:0;padding:0 0 .35rem;display:flex;overflow:hidden}.vp-key[data-astro-cid-ukzmjmdw]:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;z-index:3}.vp-key--white[data-astro-cid-ukzmjmdw]{z-index:1;width:100%;height:100%;color:var(--vp-white-text);background:linear-gradient(180deg, var(--vp-white-top), var(--vp-white-bottom));border:1px solid var(--vp-white-edge);border-top:0;border-radius:0 0 5px 5px;position:relative;box-shadow:inset 0 -6px #00000012}.vp-key--black[data-astro-cid-ukzmjmdw]{z-index:2;width:var(--vp-bw);height:63%;color:var(--vp-black-text);background:linear-gradient(180deg, var(--vp-black-top), var(--vp-black-bottom) 88%);border-radius:0 0 4px 4px;padding-bottom:.45rem;position:absolute;top:0;box-shadow:inset 0 -5px #ffffff14,0 2px 3px #00000073}.vp-key--lean-l[data-astro-cid-ukzmjmdw]{left:calc(100% - var(--vp-bw) * .62)}.vp-key--lean-r[data-astro-cid-ukzmjmdw]{left:calc(100% - var(--vp-bw) * .38)}.vp-key--lean-c[data-astro-cid-ukzmjmdw]{left:calc(100% - var(--vp-bw) * .5)}.vp-key--white[data-astro-cid-ukzmjmdw].is-mark{background:linear-gradient(180deg, color-mix(in srgb, var(--cat) 26%, var(--vp-white-top)), color-mix(in srgb, var(--cat) 34%, var(--vp-white-bottom)))}.vp-key--black[data-astro-cid-ukzmjmdw].is-mark{background:linear-gradient(180deg, color-mix(in srgb, var(--cat) 55%, var(--vp-black-top)), color-mix(in srgb, var(--cat) 45%, var(--vp-black-bottom)) 88%)}.vp-key[data-astro-cid-ukzmjmdw].is-root:before{content:"";background:var(--cat);width:.5rem;height:.5rem;box-shadow:0 0 0 2px var(--vp-white-top);border-radius:50%;margin-left:-.25rem;position:absolute;top:.45rem;left:50%}.vp-key--white[data-astro-cid-ukzmjmdw].is-down{background:linear-gradient(180deg, color-mix(in srgb, var(--signal) 40%, var(--vp-white-top)), color-mix(in srgb, var(--signal) 55%, var(--vp-white-bottom)));box-shadow:inset 0 -2px #0000001a,inset 0 3px 6px #0000001f}.vp-key--black[data-astro-cid-ukzmjmdw].is-down{background:linear-gradient(180deg, color-mix(in srgb, var(--signal) 70%, var(--vp-black-top)), color-mix(in srgb, var(--signal) 55%, var(--vp-black-bottom)) 92%);height:62%}.vp-key__kbd[data-astro-cid-ukzmjmdw],.vp-key__name[data-astro-cid-ukzmjmdw]{pointer-events:none;font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;max-width:100%;line-height:1.05}.vp-key__kbd[data-astro-cid-ukzmjmdw]{font-family:var(--font-mono);opacity:.7;border:1px solid;border-radius:3px;padding:.05rem .18rem;font-size:.68rem;font-weight:700}.vp-key__kbd[data-astro-cid-ukzmjmdw]:empty,.vp-key__name[data-astro-cid-ukzmjmdw]:empty{display:none}.vp-key__name[data-astro-cid-ukzmjmdw]{font-size:.7rem;font-weight:650}.vp-key--black[data-astro-cid-ukzmjmdw] .vp-key__name[data-astro-cid-ukzmjmdw],.vp-key--black[data-astro-cid-ukzmjmdw] .vp-key__kbd[data-astro-cid-ukzmjmdw]{font-size:.6rem}.vp-keys[data-astro-cid-ukzmjmdw].is-tight .vp-key--black[data-astro-cid-ukzmjmdw] .vp-key__name[data-astro-cid-ukzmjmdw],.vp-keys[data-astro-cid-ukzmjmdw].is-tiny .vp-key--black[data-astro-cid-ukzmjmdw] .vp-key__kbd[data-astro-cid-ukzmjmdw]{display:none}.vp-keys[data-astro-cid-ukzmjmdw].is-tight .vp-key--black[data-astro-cid-ukzmjmdw] .vp-key__kbd[data-astro-cid-ukzmjmdw]{padding:0 .1rem}.vp-keys[data-astro-cid-ukzmjmdw].is-tiny .vp-key__name[data-astro-cid-ukzmjmdw],.vp-keys[data-astro-cid-ukzmjmdw].is-tiny .vp-key__kbd[data-astro-cid-ukzmjmdw]{font-size:.56rem}.vp-keys[data-astro-cid-ukzmjmdw].is-tiny .vp-key__kbd[data-astro-cid-ukzmjmdw]{border:0;padding:0}.vp-key__name[data-astro-cid-ukzmjmdw][data-dots="1"]:before,.vp-key__name[data-astro-cid-ukzmjmdw][data-dots="2"]:before{content:"•";line-height:.6;display:block}.vp-key__name[data-astro-cid-ukzmjmdw][data-dots="2"]:before{content:"••"}.vp-key__name[data-astro-cid-ukzmjmdw][data-dots="-1"]:after,.vp-key__name[data-astro-cid-ukzmjmdw][data-dots="-2"]:after{content:"•";line-height:.6;display:block}.vp-key__name[data-astro-cid-ukzmjmdw][data-dots="-2"]:after{content:"••"}.vp-key[data-astro-cid-ukzmjmdw].is-c4 .vp-key__name[data-astro-cid-ukzmjmdw]{text-underline-offset:2px;text-decoration:underline}.vp-nav[data-astro-cid-ukzmjmdw]{align-items:center;gap:.5rem;display:none}.vp-nav[data-astro-cid-ukzmjmdw] input[data-astro-cid-ukzmjmdw]{flex:1;min-width:0}.vp-nav[data-astro-cid-ukzmjmdw].is-on{display:flex}.vp-held[data-astro-cid-ukzmjmdw]{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;min-height:2.6rem;padding:.5rem .75rem;display:flex}.vp-held__label[data-astro-cid-ukzmjmdw]{text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);font-size:.75rem;font-weight:700}.vp-held__name[data-astro-cid-ukzmjmdw]{font-size:1.05rem;font-weight:750}.vp-stage[data-astro-cid-ukzmjmdw] .hint[data-astro-cid-ukzmjmdw] kbd[data-astro-cid-ukzmjmdw]{font-size:.78em}.vp-panes[data-astro-cid-ukzmjmdw]{gap:1rem}.vp-learn[data-astro-cid-ukzmjmdw],.vp-rec[data-astro-cid-ukzmjmdw],.vp-midi[data-astro-cid-ukzmjmdw]{align-content:start;gap:.75rem;min-width:0;display:grid}.vp-learn[data-astro-cid-ukzmjmdw] .panel__title[data-astro-cid-ukzmjmdw],.vp-rec[data-astro-cid-ukzmjmdw] .panel__title[data-astro-cid-ukzmjmdw],.vp-midi[data-astro-cid-ukzmjmdw] .panel__title[data-astro-cid-ukzmjmdw]{margin:0}.vp-learn__pick[data-astro-cid-ukzmjmdw][hidden],.vp-learn__out[data-astro-cid-ukzmjmdw][hidden]{display:none}.vp-learn__out[data-astro-cid-ukzmjmdw]{border-radius:var(--radius);background:var(--surface-2);gap:.35rem;padding:.7rem .8rem;display:grid}.vp-learn__out[data-astro-cid-ukzmjmdw] p[data-astro-cid-ukzmjmdw]{margin:0}.vp-learn__title[data-astro-cid-ukzmjmdw]{font-weight:750}.vp-learn__notes[data-astro-cid-ukzmjmdw]{letter-spacing:.02em;font-size:1.2rem;font-weight:700}.vp-learn__out[data-astro-cid-ukzmjmdw] .btn[data-astro-cid-ukzmjmdw]{justify-self:start}.vp-rec__state[data-astro-cid-ukzmjmdw]{margin:0;font-weight:650}.vp-rec__state[data-astro-cid-ukzmjmdw].is-live:before{content:"";background:var(--danger);vertical-align:.05em;border-radius:50%;width:.65rem;height:.65rem;margin-right:.45rem;display:inline-block}.vp-rec__buttons[data-astro-cid-ukzmjmdw]{flex-wrap:wrap;gap:.5rem;display:flex}.vp-midi__list[data-astro-cid-ukzmjmdw]{margin:0;padding-left:1.1rem}.vp-midi__list[data-astro-cid-ukzmjmdw]:empty{display:none}.vp-midi[data-astro-cid-ukzmjmdw] .btn[data-astro-cid-ukzmjmdw]{justify-self:start}.vp-credit[data-astro-cid-ukzmjmdw]{margin:0}@media (max-width:480px){.vp-bar[data-astro-cid-ukzmjmdw]{gap:.65rem 1rem}.vp-sound[data-astro-cid-ukzmjmdw]{flex-basis:100%}}@media (prefers-reduced-motion:no-preference){.vp-key[data-astro-cid-ukzmjmdw]{transition:background-color 60ms linear}}