.midi-status_status__7ZTd6{align-items:center;color:var(--bluey-grey);display:flex;font-size:.8125rem;gap:.5rem}.midi-status_dot__uke56{border-radius:50%;flex-shrink:0;height:.5rem;width:.5rem}.midi-status_dot_connected__icgV3{background-color:#1ad6a0;box-shadow:0 0 0 3px #1ad6a040}.midi-status_dot_idle__cvLt2{background-color:#d3e1ed}.midi-status_dot_pending__1aMme{animation:midi-status_pulse__dY_YP 1.2s ease-in-out infinite;background-color:#fed876}.midi-status_dot_error__jc7Pp{background-color:#e85668}@keyframes midi-status_pulse__dY_YP{0%,to{opacity:1}50%{opacity:.4}}.visual-piano_piano_cont__PVpgV{background-color:#eff2f7;border:2px solid #f6f9fc;border-radius:12px;box-shadow:0 10px 50px 0 #1d3f604d;flex-shrink:0;height:302px;max-width:100%;overflow:visible;position:relative;-webkit-user-select:none;user-select:none;width:770px}.visual-piano_controls__y_hej{gap:8px;left:28px;position:absolute;top:25px}.visual-piano_controls__y_hej,.visual-piano_label_toggle__cU78k{align-items:center;display:flex}.visual-piano_label_toggle__cU78k{background-color:#fff;border:1px solid #f5f5f5;border-radius:5px;height:30px;list-style:none;margin:0;padding:0;width:99px}.visual-piano_label_toggle__cU78k li{align-items:center;border-radius:5px;color:var(--bluey-grey);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;height:100%;justify-content:center;position:relative;transition:background-color .2s,color .2s;width:33px}.visual-piano_label_toggle__cU78k li.visual-piano_active__OpAk9{background-color:var(--aqua);color:#fff}.visual-piano_label_toggle__cU78k li svg{fill:none;height:13px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:13px}.visual-piano_small_piano_nav__ym2dc{display:flex;gap:2px;left:195px;list-style:none;margin:0;padding:0;position:absolute;top:26px}.visual-piano_small_piano_section__mdm2Z{align-items:flex-start;border:1px solid #0000;border-radius:3px;cursor:pointer;display:flex;height:28px;opacity:.4;padding:0 1px;transition:opacity .2s}.visual-piano_small_piano_section__mdm2Z.visual-piano_section_active__1xX0b{background-color:#58dbee14;border-color:#58dbee;opacity:1}.visual-piano_small_white_key__cdBzh{background-color:#fff;border:.6px solid #f6f9fc;border-bottom-left-radius:4px;border-bottom-right-radius:4px;display:inline-block;height:26.5px;position:relative;width:5.6px}.visual-piano_small_piano_section__mdm2Z:not(.visual-piano_section_active__1xX0b) .visual-piano_small_white_key__cdBzh{background-color:#0000001a;border-color:#0000001a}.visual-piano_small_black_key__lqTSP{background-color:#22313f;border-bottom-left-radius:4px;border-bottom-right-radius:4px;display:block;height:15.3px;position:absolute;right:-2.8px;top:0;width:3px;z-index:1}.visual-piano_small_piano_section__mdm2Z:not(.visual-piano_section_active__1xX0b) .visual-piano_small_black_key__lqTSP{background-color:#22313fb3}.visual-piano_large_piano__uwCHv{height:208px;left:0;list-style:none;margin:0;overflow-x:auto;overflow-y:hidden;padding:0;position:absolute;right:0;scrollbar-width:none;top:85px;white-space:nowrap}.visual-piano_large_piano__uwCHv::-webkit-scrollbar{display:none}.visual-piano_white_key__wRwkd{background-color:#fff;border-bottom:4px solid #f6f9fc;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-left:4px solid #f6f9fc;border-right:4px solid #f6f9fc;cursor:pointer;display:inline-block;height:188px;position:relative;touch-action:none;transition:background-color .1s ease,border-color .1s ease;vertical-align:top;width:40px}.visual-piano_white_key__wRwkd.visual-piano_key_active__EwLMw{background-color:#58dbee80;border-bottom-color:#58dbee80;border-left-color:#58dbee80;border-right-color:#58dbee80}.visual-piano_black_key__K8mBd{background-color:#22313f;border-bottom-left-radius:8px;border-bottom-right-radius:8px;cursor:pointer;display:block;height:109px;position:absolute;right:-17px;top:0;touch-action:none;transition:box-shadow .1s ease,background-color .1s ease;width:26px;z-index:1}.visual-piano_black_key__K8mBd.visual-piano_key_active__EwLMw{background-color:#58dbee66;box-shadow:inset 0 0 14px 4px #58dbeef7}.visual-piano_note_label__kt1jm{border-radius:50%;bottom:0;color:#fff;display:block;font-size:12px;height:22px;line-height:22px;transform:translateX(-50%) translateY(-50%);width:22px}.visual-piano_accidental_label__sgqt7,.visual-piano_note_label__kt1jm{font-weight:700;left:50%;pointer-events:none;position:absolute;text-align:center}.visual-piano_accidental_label__sgqt7{bottom:8px;font-size:11px;line-height:1.2;transform:translateX(-50%);white-space:nowrap;z-index:2}.visual-piano_accidental_label__sgqt7 sup{font-size:9px;font-weight:500}.visual-piano_octave_num__lJ_PA{bottom:28px;color:#aec0d1;font-size:12px;font-weight:700;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%)}.visual-piano_color_red__FvhuA{background-color:#e85668}.visual-piano_color_orange__kWl4g{background-color:#f88e2d}.visual-piano_color_yellow__IqL7Z{background-color:#fed876}.visual-piano_color_green__Eq8yg{background-color:#1ad6a0}.visual-piano_color_cyan__Ne_YA{background-color:#58dbee}.visual-piano_color_blue__AN4ix{background-color:#4f9cf7}.visual-piano_color_purple__6rbC5{background-color:#746eff}.visual-piano_text_red__C151P{color:#e85668}.visual-piano_text_orange__fm3fD{color:#f88e2d}.visual-piano_text_yellow__ZneWp{color:#fed876}.visual-piano_text_green___XmXu{color:#58dbee}.visual-piano_text_cyan__9LRtw{color:#5ea4f7}.visual-piano_text_blue__EH6we{color:#4f9cf7}.visual-piano_text_purple__VLGCx{color:#807bff}.visual-piano_fade_left__lJKQO,.visual-piano_fade_right__0Tc58{height:188px;opacity:.3;pointer-events:none;position:absolute;top:85px;width:29px;z-index:10}.visual-piano_fade_right__0Tc58{background:linear-gradient(90deg,#fff0 3%,#fff0 34%,#454545 94%,#656869 98%);right:0}.visual-piano_fade_left__lJKQO{background:linear-gradient(270deg,#fff0 3%,#fff0 34%,#454545 94%,#656869 98%);left:0}@media(max-width:992px){.visual-piano_piano_cont__PVpgV{min-width:0;width:100%}.visual-piano_small_piano_nav__ym2dc{left:auto;right:1rem}}@media(max-width:540px){.visual-piano_piano_cont__PVpgV{height:21rem}.visual-piano_controls__y_hej{left:1rem;top:.75rem}.visual-piano_small_piano_nav__ym2dc{left:1rem;right:auto;top:3.25rem}.visual-piano_fade_left__lJKQO,.visual-piano_fade_right__0Tc58,.visual-piano_large_piano__uwCHv{top:7rem}}.visual-piano_black_key__K8mBd:focus-visible,.visual-piano_label_toggle__cU78k li:focus-visible,.visual-piano_small_piano_section__mdm2Z:focus-visible,.visual-piano_white_key__wRwkd:focus-visible{outline:.1875rem solid var(--aqua);outline-offset:-.1875rem}.virtual-piano_page__w3PsH{color:var(--dark);margin:0 auto;max-width:70rem;padding:8rem 1.25rem 4rem}.virtual-piano_heading__TFCZw{margin-bottom:2rem;text-align:center}.virtual-piano_heading__TFCZw h1{font-size:clamp(2rem,5vw,3.5rem);margin:.5rem 0 1rem}.virtual-piano_heading__TFCZw p{line-height:1.5}.virtual-piano_eyebrow__AEvV8{color:var(--bluey-grey);font-weight:600}.virtual-piano_instrument__F4geK{align-items:center;display:flex;flex-direction:column;gap:1rem;min-width:0}.virtual-piano_toolbar__Fz7bD{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.virtual-piano_button__08BsR,.virtual-piano_primary_button__UTk_c{background:var(--white);border:.0625rem solid var(--bluey-grey);border-radius:.5rem;color:var(--dark);cursor:pointer;font:inherit;min-height:2.75rem;padding:.625rem 1rem}.virtual-piano_button__08BsR:focus-visible,.virtual-piano_primary_button__UTk_c:focus-visible{outline:.1875rem solid var(--aqua);outline-offset:.1875rem}.virtual-piano_button__08BsR:disabled,.virtual-piano_primary_button__UTk_c:disabled{cursor:wait;opacity:.7}.virtual-piano_primary_button__UTk_c{background:var(--aqua);border-color:var(--aqua);font-weight:700}.virtual-piano_credit__a4rCW,.virtual-piano_instructions__HDeGW,.virtual-piano_midi_status__RmdE_,.virtual-piano_status__wx_zD{line-height:1.5;margin:0;max-width:48rem;text-align:center}.virtual-piano_instructions__HDeGW{margin-top:.75rem}.virtual-piano_midi_status__RmdE_{background:var(--pale-grey);border-radius:.5rem;padding:1rem;width:100%}.virtual-piano_credit__a4rCW{color:var(--bluey-grey);font-size:.875rem}@media(max-width:540px){.virtual-piano_page__w3PsH{padding:6rem .75rem 2rem}}.midi-play-along_midi_play_along__dl5kM{background-color:#fff;border:.0625rem solid #eff2f7;border-radius:.875rem;box-shadow:0 .375rem 1.5rem 0 #22313f14;color:var(--slate);display:flex;flex-direction:column;gap:1rem;max-width:820px;padding:1.25rem;width:100%}.midi-play-along_header__KqVmT{align-items:center;border-bottom:.0625rem solid #eff2f7;display:flex;gap:1rem;justify-content:space-between;padding-bottom:.875rem}.midi-play-along_header_left__X9Ow2{display:flex;flex-direction:column;gap:.25rem}.midi-play-along_title__4pDzi{color:var(--dark);font-size:1.0625rem;font-weight:700;letter-spacing:-.025rem}.midi-play-along_role_tag__PcCFk{background-color:#58dbee24;border-radius:.75rem;color:var(--darkAqua);font-size:.625rem;font-weight:700;letter-spacing:.03125rem;padding:.1875rem .5rem;text-transform:uppercase}.midi-play-along_advisory__hIz_f{align-items:center;background-color:#f9fafc;border:.0625rem solid #eff2f7;border-radius:.625rem;color:var(--slate);display:flex;font-size:.8125rem;gap:.625rem;line-height:1.4;padding:.75rem .875rem}.midi-play-along_advisory__hIz_f p{margin:0}.midi-play-along_advisory_icon__5DdDz{color:var(--aqua);flex:0 0 auto;height:1.25rem;width:1.25rem}.midi-play-along_switch_row__6QabD{align-items:center;background-color:#f9fafc;border:.0625rem solid #eff2f7;border-radius:.75rem;display:flex;gap:1rem;justify-content:space-between;padding:.875rem 1rem}.midi-play-along_switch_labels__jDfOd{display:flex;flex-direction:column;gap:.1875rem;min-width:0}.midi-play-along_switch_title__U9tFp{color:var(--dark);font-size:.875rem;font-weight:700;margin:0}.midi-play-along_switch_desc__3IF9J{color:var(--bluey-grey);font-size:.6875rem;line-height:1.3;margin:0}.midi-play-along_switch__DP5ow{background-color:#d3e1ed;border:none;border-radius:999rem;cursor:pointer;flex:0 0 auto;height:1.5rem;padding:0;position:relative;transition:background-color .2s ease;width:2.5rem}.midi-play-along_switch__DP5ow:focus-visible{outline:.125rem solid var(--aqua);outline-offset:.125rem}.midi-play-along_switch_on__K0Z1f{background-color:var(--aqua)}.midi-play-along_knob__3ioOS{background-color:#fff;border-radius:50%;box-shadow:0 .0625rem .1875rem 0 #22313f2e;height:1rem;left:.25rem;position:absolute;top:.25rem;transition:transform .2s ease;width:1rem}.midi-play-along_switch_on__K0Z1f .midi-play-along_knob__3ioOS{transform:translateX(1rem)}.midi-play-along_gate_note__BbbGj{background-color:#fed87629;border:.0625rem solid #fed87673;border-radius:.625rem;color:#a9802f;font-size:.75rem;line-height:1.4;margin:0;padding:.625rem .75rem}.midi-play-along_settings_grid__Ig_Ve{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.midi-play-along_field__prNpB{display:flex;flex-direction:column;gap:.4375rem}.midi-play-along_field_label__g9X44{align-items:center;color:var(--bluey-grey);display:flex;font-size:.75rem;font-weight:600;gap:.375rem;letter-spacing:.03125rem;text-transform:uppercase}.midi-play-along_info_icon__A_XIR{align-items:center;background-color:#e5e9f2;border-radius:50%;color:var(--slate);cursor:help;display:inline-flex;font-size:.625rem;font-style:italic;font-weight:700;height:1rem;justify-content:center;position:relative;text-transform:none;width:1rem}.midi-play-along_info_tooltip__LvcVp{background-color:var(--dark);border:.0625rem solid var(--dark);border-radius:.5rem;bottom:calc(100% + .5rem);box-shadow:0 .5rem 1.5rem 0 #22313f38;color:#fff;font-size:.6875rem;font-style:normal;font-weight:400;left:50%;letter-spacing:normal;line-height:1.4;padding:.5rem .625rem;position:absolute;text-transform:none;transform:translateX(-50%);width:14rem;z-index:20}.midi-play-along_select_wrap__40iVS{flex:1 1 auto;position:relative}.midi-play-along_select_wrap__40iVS:after{border-bottom:.125rem solid var(--bluey-grey);border-right:.125rem solid var(--bluey-grey);content:"";height:.4375rem;pointer-events:none;position:absolute;right:.875rem;top:50%;transform:translateY(-65%) rotate(45deg);width:.4375rem}.midi-play-along_select___fSLq{-webkit-appearance:none;appearance:none;background-color:#fff;border:.0625rem solid #e5e9f2;border-radius:.625rem;color:var(--dark);cursor:pointer;font-size:.875rem;font-weight:500;padding:.6875rem 2.25rem .6875rem .875rem;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.midi-play-along_select___fSLq:hover:not(:disabled){border-color:var(--aqua)}.midi-play-along_select___fSLq:focus-visible{border-color:var(--aqua);box-shadow:0 0 0 .1875rem #58dbee33;outline:none}.midi-play-along_instrument_row__d_tsW{align-items:center;display:flex;gap:.625rem}.midi-play-along_instrument_icon__s95v5{align-items:center;background-color:#58dbee1f;border-radius:.625rem;color:var(--darkAqua);display:flex;flex:0 0 auto;font-size:1.125rem;height:2.625rem;justify-content:center;width:2.625rem}.midi-play-along_attribution__7tH3c{color:var(--bluey-grey);font-size:.6875rem;line-height:1.3;margin:.125rem 0 0}.midi-play-along_piano_container__L0SF2{display:flex;justify-content:center;overflow:hidden;padding-top:.5rem}