.Instrument_svg__6V9B0{display:block;overflow:hidden;max-width:100%;height:auto;font-family:var(--font-rounded);font-size:17px}.Instrument_svg__6V9B0[data-spill]{overflow:visible}.Instrument_board__I9YFE{fill:var(--instrument-fill)}.Instrument_line__zPKlX{fill:var(--paper)}.Instrument_marker__nkTTh{fill:var(--gray);font-weight:400;text-anchor:middle;dominant-baseline:central}.Instrument_slab__wmV_5{fill:var(--paper)}.Instrument_key__cT7gn{fill:var(--instrument-fill);stroke:var(--paper)}.Instrument_keyBlack__wJPhi{fill:var(--panel)}.Instrument_partFill__IV5fE{fill:var(--instrument-fill)}.Instrument_partShadow__HZ31W{fill:none;stroke:var(--paper);stroke-width:6px;filter:blur(4.4px)}.Instrument_glyph__ZgpCD{fill:var(--c,var(--ink));font-weight:900;text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round;transition:fill .35s ease-in-out}.Instrument_glyphOuter__1q6kp{stroke:var(--c);stroke-width:9px}.Instrument_note___TwSv{transform:translate(var(--dx,0),var(--dy,0)) scale(var(--s,1));transition:opacity .35s ease-in-out,transform .35s ease-in-out}.Instrument_note___TwSv[data-state=shrunk]{--s:0.6}.Instrument_note___TwSv[data-root] .Instrument_glyphOuter__1q6kp{stroke:var(--note-0)}.Instrument_shapeNode__gfwSt{fill:var(--c)}.Instrument_shapeBand__ahaR5{fill:var(--gray);opacity:.3}.Instrument_shapeLine__JtMHR{stroke:var(--shape,var(--gray));opacity:.3}.Instrument_shape__tHype[data-colored] .Instrument_shapeLine__JtMHR{opacity:.55}.Instrument_shape__tHype[data-colored] .Instrument_barre__tVZ6Q{fill:var(--shape);opacity:.2}.Instrument_barre__tVZ6Q{fill:var(--gray);opacity:.25}.Instrument_halo__6UELI{fill:var(--c);opacity:.3}.Instrument_note___TwSv[data-state=target] .Instrument_halo__6UELI{opacity:.15;animation:Instrument_haloIn__U2KST .5s cubic-bezier(.2,1.3,.4,1) both,Instrument_haloCool__GVQ7z var(--tail,3s) linear .5s forwards}.Instrument_note___TwSv[data-state=target] .Instrument_pop__u_0VZ{animation:Instrument_pop__u_0VZ .5s cubic-bezier(.2,1.3,.4,1) both}.Instrument_keyNote__g2jQy[data-state=target] .Instrument_cool__wDFyg,.Instrument_note___TwSv[data-state=target] .Instrument_cool__wDFyg{animation:Instrument_cool__wDFyg var(--tail,3s) linear .5s both}@keyframes Instrument_pop__u_0VZ{0%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes Instrument_cool__wDFyg{0%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes Instrument_haloIn__U2KST{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:.6}}@keyframes Instrument_haloCool__GVQ7z{0%{opacity:.6}to{opacity:.15}}.Instrument_ripple__Ow_Ym{fill:var(--c,var(--target));transform-box:fill-box;transform-origin:center;animation:Instrument_ripple__Ow_Ym .75s ease-out forwards;pointer-events:none}.Instrument_ripple__Ow_Ym[data-kind=correct]{fill:var(--correct)}.Instrument_keyRipple__M42K2{fill:var(--c,var(--target));transform-box:fill-box;transform-origin:center;animation:Instrument_keyRipple__M42K2 .5s ease-out forwards;pointer-events:none}.Instrument_keyRipple__M42K2[data-kind=correct]{fill:var(--correct)}@keyframes Instrument_keyRipple__M42K2{0%{transform:scale(1);opacity:.9}to{transform:scale(0,var(--sy,3));opacity:0}}@keyframes Instrument_ripple__Ow_Ym{0%{transform:scale(1);opacity:.9}to{transform:scale(4);opacity:0}}.Instrument_keyNote__g2jQy{transform:translate(var(--dx,0),var(--dy,0));transition:opacity .35s ease-in-out,transform .35s ease-in-out}.Instrument_keyTint__vK_ZJ{fill:var(--c);transition:fill .35s ease-in-out}.Instrument_disc__OywZM{fill:var(--c,var(--gray))}.Instrument_keyNote__g2jQy[data-state=faded],.Instrument_note___TwSv[data-state=faded]{opacity:.5}.Instrument_keyNote__g2jQy[data-state=hidden],.Instrument_note___TwSv[data-state=hidden]{opacity:0}.Instrument_keyNote__g2jQy[data-state=target] .Instrument_keyTint__vK_ZJ{filter:drop-shadow(0 0 3px var(--c));animation:Instrument_keyCool__rXd6Y var(--tail,3s) linear forwards}@keyframes Instrument_keyCool__rXd6Y{0%{filter:drop-shadow(0 0 8px var(--c)) drop-shadow(0 0 16px var(--c))}to{filter:drop-shadow(0 0 3px var(--c))}}.Instrument_keyNote__g2jQy[data-state=target] .Instrument_pop__u_0VZ{animation:Instrument_pop__u_0VZ .5s cubic-bezier(.2,1.3,.4,1) both}@media (prefers-reduced-motion:reduce){.Instrument_glyph__ZgpCD,.Instrument_keyNote__g2jQy,.Instrument_keyTint__vK_ZJ,.Instrument_note___TwSv{transition:none}.Instrument_cool__wDFyg,.Instrument_halo__6UELI,.Instrument_keyRipple__M42K2,.Instrument_keyTint__vK_ZJ,.Instrument_pop__u_0VZ,.Instrument_ripple__Ow_Ym{animation-duration:.01s}}