.mallet-route-page-module__6HHRma__article{gap:clamp(2rem,5vw,4rem);width:min(100%,78rem);margin-inline:auto;padding:clamp(1.25rem,3vw,2.5rem) clamp(1rem,4vw,4rem) clamp(4rem,8vw,7rem);display:grid}.mallet-route-page-module__6HHRma__opening{gap:.85rem;max-width:68rem;display:grid}.mallet-route-page-module__6HHRma__breadcrumb{margin-block-end:.35rem}.mallet-route-page-module__6HHRma__opening h1{letter-spacing:-.05em;text-wrap:balance;max-width:20ch;margin:0;font-size:clamp(2.35rem,6vw,4.4rem);font-weight:650;line-height:.98}.mallet-route-page-module__6HHRma__lede{max-width:66ch;color:var(--ink-soft);font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.55}.mallet-route-page-module__6HHRma__stage{min-width:0;scroll-margin-block-start:1rem}.mallet-route-page-module__6HHRma__island{display:contents}.mallet-route-page-module__6HHRma__guide{gap:clamp(1.5rem,3vw,2.5rem);display:grid}.mallet-route-page-module__6HHRma__guidePair{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.mallet-route-page-module__6HHRma__guide section,.mallet-route-page-module__6HHRma__related{background:var(--paper-bright);border:1px solid var(--line);border-radius:1.5rem;align-content:start;gap:.8rem;padding:clamp(1.5rem,3vw,2.25rem);display:grid}.mallet-route-page-module__6HHRma__guide h2,.mallet-route-page-module__6HHRma__related h2,.mallet-route-page-module__6HHRma__sources h2{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(1.4rem,2.5vw,1.95rem);font-weight:650;line-height:1.12}.mallet-route-page-module__6HHRma__guide p,.mallet-route-page-module__6HHRma__related p,.mallet-route-page-module__6HHRma__sources p{color:var(--ink-soft);line-height:1.65}.mallet-route-page-module__6HHRma__guide p,.mallet-route-page-module__6HHRma__sources p{max-width:68ch}.mallet-route-page-module__6HHRma__detail{color:var(--ink-muted);font-size:.92rem}.mallet-route-page-module__6HHRma__steps{color:var(--ink-soft);gap:.6rem;margin:0;padding-inline-start:1.35rem;line-height:1.6;list-style:decimal;display:grid}.mallet-route-page-module__6HHRma__compare a{width:fit-content;min-height:2.75rem;color:var(--accent-dark);align-items:center;font-weight:700;text-decoration:underline;display:inline-flex}.mallet-route-page-module__6HHRma__compare a:hover{color:var(--ink)}.mallet-route-page-module__6HHRma__compare a:active{transform:translateY(1px)}.mallet-route-page-module__6HHRma__faqGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2rem;display:grid}.mallet-route-page-module__6HHRma__faqGrid details{border-top:1px solid var(--line);padding-block:.9rem}.mallet-route-page-module__6HHRma__faqGrid summary{cursor:pointer;align-items:center;min-height:2.75rem;font-weight:650;display:flex}.mallet-route-page-module__6HHRma__faqGrid summary:hover{color:var(--accent-dark)}.mallet-route-page-module__6HHRma__faqGrid summary:active{transform:translateY(1px)}.mallet-route-page-module__6HHRma__faqGrid p{color:var(--ink-soft);margin-block-start:.6rem;line-height:1.65}.mallet-route-page-module__6HHRma__sources{border-top:1px solid var(--line);gap:.9rem;padding-block-start:clamp(1.5rem,3vw,2.25rem);display:grid}.mallet-route-page-module__6HHRma__provenance{color:var(--ink-muted);flex-wrap:wrap;gap:.35rem 1.5rem;font-size:.9rem;display:flex}.mallet-route-page-module__6HHRma__sources ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 2rem;margin:0;padding:0;list-style:none;display:grid}.mallet-route-page-module__6HHRma__sources li{border-top:1px solid var(--line);padding-block:.9rem}.mallet-route-page-module__6HHRma__sources li a{align-items:center;min-height:2.75rem;font-weight:650;text-decoration:underline;display:inline-flex}.mallet-route-page-module__6HHRma__sources li a:hover{color:var(--accent-dark)}.mallet-route-page-module__6HHRma__sources li p{margin-block-start:.35rem;font-size:.9rem}.mallet-route-page-module__6HHRma__related{background:var(--paper-deep);border-color:#0000}.mallet-route-page-module__6HHRma__related p{max-width:66ch}.mallet-route-page-module__6HHRma__relatedLinks{flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}.mallet-route-page-module__6HHRma__relatedLinks a{min-height:2.75rem;color:var(--accent-dark);align-items:center;font-weight:700;text-decoration:underline;display:inline-flex}.mallet-route-page-module__6HHRma__relatedLinks a:hover{color:var(--ink)}.mallet-route-page-module__6HHRma__relatedLinks a:active{transform:translateY(1px)}@media (max-width:56rem){.mallet-route-page-module__6HHRma__faqGrid,.mallet-route-page-module__6HHRma__sources ul{grid-template-columns:1fr}}@media (max-width:46rem){.mallet-route-page-module__6HHRma__article{gap:1.5rem;padding-inline:.75rem}.mallet-route-page-module__6HHRma__guidePair{grid-template-columns:1fr}.mallet-route-page-module__6HHRma__guide section,.mallet-route-page-module__6HHRma__related{border-radius:1rem}}@media (max-height:26.25rem) and (orientation:landscape) and (max-width:61.25rem){.mallet-route-page-module__6HHRma__article{padding:.5rem max(.5rem, env(safe-area-inset-right)) 2rem max(.5rem, env(safe-area-inset-left));gap:.65rem}.mallet-route-page-module__6HHRma__opening{gap:.25rem}.mallet-route-page-module__6HHRma__breadcrumb,.mallet-route-page-module__6HHRma__opening .mallet-route-page-module__6HHRma__lede{display:none}.mallet-route-page-module__6HHRma__opening h1{max-width:none;font-size:clamp(1.35rem,4vw,1.8rem);line-height:1}.mallet-route-page-module__6HHRma__opening .eyebrow{font-size:.65rem}}.mallet-route-page-module__6HHRma__stageReserve{background:var(--paper-deep);block-size:clamp(20rem,44vw,26rem);color:var(--ink-muted);text-align:center;border-radius:clamp(1rem,3vw,1.65rem);align-content:center;justify-items:center;gap:.4rem;display:grid}
.mallet-instrument-module__rU4kfq__instrument{--mallet-cue-surface:#f0dfc4;--mallet-ink:#162232;--mallet-muted:#5a6472;color:var(--mallet-ink);gap:clamp(.7rem,2vw,1.1rem);inline-size:100%;min-inline-size:0;display:grid}@supports (color:lab(0% 0 0)){.mallet-instrument-module__rU4kfq__instrument{--mallet-cue-surface:lab(89.6347% 3.1701 15.2811);--mallet-ink:lab(12.8515% -1.38016 -12.3067);--mallet-muted:lab(41.9331% -1.71967 -9.02084)}}.mallet-instrument-module__rU4kfq__controls{grid-template-columns:minmax(6rem,.65fr) minmax(0,1.2fr) minmax(0,1.2fr);align-items:end;gap:.65rem;display:grid}.mallet-instrument-module__rU4kfq__field{gap:.34rem;min-inline-size:0;display:grid}.mallet-instrument-module__rU4kfq__fieldLabel{color:var(--mallet-muted);letter-spacing:.045em;font-size:.76rem;font-weight:720}.mallet-instrument-module__rU4kfq__select{appearance:none;color:var(--mallet-ink);font:inherit;background:linear-gradient(45deg,#0000 50%,currentColor 50%) calc(100% - 1rem) 52%/5px 5px no-repeat,linear-gradient(135deg,currentColor 50%,#0000 50%) calc(100% - .7rem) 52%/5px 5px no-repeat,#fefcf6;border:1px solid #cfc7b5;border:1px solid lab(80.3776% .712007 9.64769);border-radius:.72rem;min-block-size:44px;inline-size:100%;min-inline-size:0;max-inline-size:100%;padding-inline:.85rem 2rem;font-size:.9rem;font-weight:650;box-shadow:inset 0 1px #ffffffe6,0 2px 8px #44382d14;box-shadow:inset 0 1px lab(100% 0 0/.9),0 2px 8px lab(24.5632% 3.9441 9.01803/.08)}.mallet-instrument-module__rU4kfq__select:focus-visible,.mallet-instrument-module__rU4kfq__bar:focus-visible,.mallet-instrument-module__rU4kfq__viewport:focus-visible{outline-offset:3px;outline:3px solid #00b2be8c;outline:3px solid lab(65.412% -45.6093 -20.8493/.55)}.mallet-instrument-module__rU4kfq__viewportShell{min-inline-size:0;position:relative}.mallet-instrument-module__rU4kfq__viewportShell:before,.mallet-instrument-module__rU4kfq__viewportShell:after{content:"";opacity:0;pointer-events:none;z-index:5;block-size:calc(100% - 1.85rem);inline-size:clamp(2rem,10vw,3.6rem);transition:opacity .14s ease-out;position:absolute;inset-block-start:0}.mallet-instrument-module__rU4kfq__viewportShell:before{background:linear-gradient(90deg, var(--mallet-cue-surface), transparent);inset-inline-start:0}.mallet-instrument-module__rU4kfq__viewportShell:after{background:linear-gradient(90deg, transparent, var(--mallet-cue-surface));inset-inline-end:0}.mallet-instrument-module__rU4kfq__viewportShell[data-overflow=true][data-at-start=false]:before,.mallet-instrument-module__rU4kfq__viewportShell[data-overflow=true][data-at-end=false]:after{opacity:.82}.mallet-instrument-module__rU4kfq__viewport{overscroll-behavior-inline:contain;scrollbar-color:oklch(70% .035 80) transparent;scrollbar-width:thin;border-radius:clamp(1rem,3vw,1.65rem);inline-size:100%;padding-block-end:.3rem;scroll-padding-inline:1rem;overflow-x:auto}.mallet-instrument-module__rU4kfq__scrollCue{color:var(--mallet-muted);text-align:center;justify-content:center;align-items:center;gap:.42rem;min-block-size:1.2rem;margin:.34rem 0 0;font-size:.78rem;font-weight:680;line-height:1.25;display:flex}.mallet-instrument-module__rU4kfq__scrollCue[hidden]{display:none}.mallet-instrument-module__rU4kfq__scrollCue span{color:#005359;color:lab(31.3068% -30.2386 -13.8269);font-size:1rem}.mallet-instrument-module__rU4kfq__frame{background:linear-gradient(145deg,#fbf1dd,#e9d4b7);background:linear-gradient(145deg,lab(95.4635% .955582 10.7866),lab(86.1283% 4.42627 17.0602));border:1px solid #c9b092;border:1px solid lab(73.3294% 5.94023 18.8429);border-radius:clamp(1rem,3vw,1.55rem);min-inline-size:max(100%,31rem);padding:clamp(.8rem,2.5vw,1.35rem);position:relative;box-shadow:inset 0 2px #ffffffc7,inset 0 -8px 18px #63463221,0 18px 45px #513e3124;box-shadow:inset 0 2px lab(100% 0 0/.78),inset 0 -8px 18px lab(32.5122% 10.7701 16.861/.13),0 18px 45px lab(27.9444% 7.36108 11.5574/.14)}.mallet-instrument-module__rU4kfq__railTop,.mallet-instrument-module__rU4kfq__railBottom{z-index:1;background:linear-gradient(90deg,#543d29,#a28768,#4a3625);background:linear-gradient(90deg,lab(27.9676% 8.03298 16.5736),lab(58.2093% 7.42832 20.8043),lab(24.4936% 7.29838 14.536));border-radius:999px;block-size:.58rem;position:absolute;inset-inline:1.2rem;box-shadow:inset 0 1px #f0dfc48c,0 3px 7px #2e1d103d;box-shadow:inset 0 1px lab(89.653% 2.70718 15.381/.55),0 3px 7px lab(12.8678% 7.21622 12.0983/.24)}.mallet-instrument-module__rU4kfq__railTop{inset-block-start:1.55rem}.mallet-instrument-module__rU4kfq__railBottom{inset-block-end:1.45rem}.mallet-instrument-module__rU4kfq__bars{z-index:3;align-items:start;gap:clamp(.24rem,.75vw,.55rem);block-size:clamp(14rem,34vw,20rem);inline-size:100%;padding:1.45rem .35rem 1.35rem;display:grid;position:relative}.mallet-instrument-module__rU4kfq__bar{color:#101e2d;color:lab(10.5705% -2.26305 -11.9521);cursor:pointer;font:inherit;touch-action:none;transform-origin:50% 15%;-webkit-user-select:none;user-select:none;background:linear-gradient(100deg,#9ba6af,#e8f0f4 47%,#8694a1);background:linear-gradient(100deg,lab(67.5447% -2.87148 -5.89888),lab(94.2275% -1.88583 -3.12207) 47%,lab(60.5593% -3.22688 -8.52044));border:1px solid #6b7987;border:1px solid lab(50.1156% -3.41186 -9.16973);border-radius:.56rem;flex-direction:column;justify-content:space-between;align-self:start;align-items:center;min-block-size:44px;min-inline-size:44px;padding:.8rem .18rem .62rem;font-weight:780;transition:filter 90ms ease-out,box-shadow 90ms ease-out,transform 90ms cubic-bezier(.2,.8,.2,1);display:flex;position:relative;box-shadow:inset 2px 0 2px #ffffffb3,inset -3px 0 5px #21303c2e,0 6px #4a5e6d,0 9px 13px #17232d33;box-shadow:inset 2px 0 2px lab(100% 0 0/.7),inset -3px 0 5px lab(18.7717% -3.32032 -10.0198/.18),0 6px lab(38.5273% -4.7313 -11.4847),0 9px 13px lab(12.9764% -2.76691 -8.34982/.2)}.mallet-instrument-module__rU4kfq__bar:before,.mallet-instrument-module__rU4kfq__bar:after{content:"";background:#232f3a57;background:lab(18.7827% -2.89398 -8.39018/.34);border-radius:50%;block-size:.42rem;inline-size:.42rem;position:absolute;inset-inline-start:50%;transform:translate(-50%);box-shadow:inset 0 1px 1px #ffffff73;box-shadow:inset 0 1px 1px lab(100% 0 0/.45)}.mallet-instrument-module__rU4kfq__bar:before{inset-block-start:.34rem}.mallet-instrument-module__rU4kfq__bar:after{inset-block-end:.34rem}.mallet-instrument-module__rU4kfq__bar:hover{filter:brightness(1.035)saturate(1.03)}.mallet-instrument-module__rU4kfq__bar[data-pressed=true]{filter:brightness(.93);transform:translateY(5px)scale(.988);box-shadow:inset 2px 2px 7px #15232f3d,0 2px #3c505f,0 4px 7px #17232d24;box-shadow:inset 2px 2px 7px lab(12.9625% -3.13316 -9.96698/.24),0 2px lab(32.7229% -4.64155 -11.4536),0 4px 7px lab(12.9764% -2.76691 -8.34982/.14)}.mallet-instrument-module__rU4kfq__barLabel{text-align:center;margin-block-start:.35rem;font-size:clamp(.82rem,2vw,1.02rem);line-height:1.08}.mallet-instrument-module__rU4kfq__shortcut{color:#222f3c;color:lab(18.7325% -2.45664 -10.3756);font-variant-numeric:tabular-nums;background:#f8f5ec;background:lab(96.5757% .138491 4.59331);border:1px solid #c0b6a2;border:1px solid lab(74.593% .925273 11.6343);border-radius:.38rem;min-inline-size:1.35rem;padding:.28rem .22rem;font-size:.75rem;font-weight:720;line-height:1}.mallet-instrument-module__rU4kfq__instrument[data-instrument=xylophone] .mallet-instrument-module__rU4kfq__frame{background:linear-gradient(150deg,#71422a,#422114);background:linear-gradient(150deg,lab(33.4165% 19.1481 23.5613),lab(17.2471% 15.0292 15.8823));border-color:#492517;border-color:lab(19.5298% 16.4201 17.3936);box-shadow:inset 0 2px #dca97675,inset 0 -10px 20px #1e080347,0 18px 45px #4e2f2233;box-shadow:inset 0 2px lab(73.135% 15.1483 33.6978/.46),inset 0 -10px 20px lab(4.22789% 8.54426 5.17432/.28),0 18px 45px lab(23.124% 12.9307 14.7613/.2)}.mallet-instrument-module__rU4kfq__instrument[data-instrument=xylophone]{--mallet-cue-surface:#452417}@supports (color:lab(0% 0 0)){.mallet-instrument-module__rU4kfq__instrument[data-instrument=xylophone]{--mallet-cue-surface:lab(18.4094% 14.992 15.7858)}}.mallet-instrument-module__rU4kfq__instrument[data-instrument=xylophone] .mallet-instrument-module__rU4kfq__scrollCue{color:#664334;color:lab(32.3793% 14.1071 16.0333)}.mallet-instrument-module__rU4kfq__instrument[data-instrument=xylophone] .mallet-instrument-module__rU4kfq__railTop,.mallet-instrument-module__rU4kfq__instrument[data-instrument=xylophone] .mallet-instrument-module__rU4kfq__railBottom{background:linear-gradient(90deg,#2f150d,#7f5133,#250f08);background:linear-gradient(90deg,lab(10.328% 12.8293 10.4975),lab(39.3253% 16.9611 25.8596),lab(6.93698% 11.1995 7.29404))}.mallet-instrument-module__rU4kfq__instrument[data-instrument=xylophone] .mallet-instrument-module__rU4kfq__bar{color:#fff7eb;color:lab(97.7292% 1.08659 6.81949);background:linear-gradient(92deg,#531d0b38,#0000 15% 78%,#3d120840),linear-gradient(176deg,#d87d4c,#9f4e33);background:linear-gradient(92deg,lab(19.2571% 24.7719 24.016/.22),#0000 15% 78%,lab(12.3907% 20.8861 15.9678/.25)),linear-gradient(176deg,lab(62.0816% 33.0277 42.3781),lab(43.4208% 32.7398 31.9867));border-color:#642d1c;border-color:lab(26.2384% 24.477 23.2613);box-shadow:inset 2px 0 2px #ffcc9e73,inset -3px 0 5px #310e063d,0 6px #4f2013,0 9px 12px #15040252;box-shadow:inset 2px 0 2px lab(85.873% 15.7475 32.6721/.45),inset -3px 0 5px lab(8.9999% 17.8749 11.5828/.24),0 6px lab(19.3319% 22.025 19.6975),0 9px 12px lab(2.34404% 5.30308 2.81394/.32)}.mallet-instrument-module__rU4kfq__resonator{pointer-events:none;z-index:-1;background:linear-gradient(90deg,#352c20,#b6a688,#2e2419);background:linear-gradient(90deg,lab(18.8149% 2.67428 9.70174),lab(68.8025% 2.47771 17.6381),lab(15.3038% 3.41783 9.50823));border-radius:0 0 999px 999px;inline-size:42%;position:absolute;inset-block-start:0;inset-inline-start:50%;transform:translate(-50%);box-shadow:inset 0 2px 3px #ffffff59,0 4px 8px #1a070352;box-shadow:inset 0 2px 3px lab(100% 0 0/.35),0 4px 8px lab(3.53586% 6.6046 4.00849/.32)}.mallet-instrument-module__rU4kfq__instrument[data-color-mode=pitch-class] .mallet-instrument-module__rU4kfq__bar[data-pitch-class="0"]{background-color:#f9786a;background-color:lab(66.017% 49.3666 32.1152);background-image:linear-gradient(100deg,#de4f44,#ffada1,#cb473d);background-image:linear-gradient(100deg,lab(54.1873% 56.0062 38.114),lab(79.1852% 36.6125 23.0414),lab(49.642% 52.9116 36.0903))}.mallet-instrument-module__rU4kfq__instrument[data-color-mode=pitch-class] .mallet-instrument-module__rU4kfq__bar[data-pitch-class="1"]{background-color:#ff9555;background-color:lab(72.3706% 39.8822 55.2932);background-image:linear-gradient(100deg,#e46a00,#ffc39f,#d16100);background-image:linear-gradient(100deg,lab(59.3937% 46.3636 71.9601),lab(84.2818% 28.6891 38.3026),lab(54.8164% 43.8177 68.3229))}.mallet-instrument-module__rU4kfq__instrument[data-color-mode=pitch-class] .mallet-instrument-module__rU4kfq__bar[data-pitch-class="2"]{background-color:#ffbd39;background-color:lab(81.4671% 16.8034 73.1289);background-image:linear-gradient(100deg,#d79700,#ffe0ac,#c88c00);background-image:linear-gradient(100deg,lab(67.409% 21.2366 110.235),lab(90.8532% 8.51378 40.4662),lab(62.7751% 20.0568 103.189))}.mallet-instrument-module__rU4kfq__instrument[data-color-mode=pitch-class] .mallet-instrument-module__rU4kfq__bar[data-pitch-class="3"]{background-color:#d6cc47;background-color:lab(81.1393% -7.66805 64.1944);background-image:linear-gradient(100deg,#ada200,#eee99a,#9d9300);background-image:linear-gradient(100deg,lab(66.039% -6.56411 86.4117),lab(91.3919% -6.65081 39.2437),lab(60.1832% -6.07508 82.7639))}.mallet-instrument-module__rU4kfq__instrument[data-color-mode=pitch-class] .mallet-instrument-module__rU4kfq__bar[data-pitch-class="4"]{background-color:#86cf57;background-color:lab(76.3307% -39.1269 50.5267);background-image:linear-gradient(100deg,#59aa0a,#b8e89e,#4f9900);background-image:linear-gradient(100deg,lab(62.5354% -43.0645 60.9663),lab(87.3546% -25.856 30.7836),lab(56.6227% -40.7346 58.3856))}.mallet-instrument-module__rU4kfq__instrument[data-color-mode=pitch-class] .mallet-instrument-module__rU4kfq__bar[data-pitch-class="5"]{background-color:#40cd9b;background-color:lab(74.0179% -47.8855 13.596);background-image:linear-gradient(100deg,#00a677,#9be8c6,#009266);background-image:linear-gradient(100deg,lab(60.3509% -55.7695 15.6608),lab(86.1233% -30.1696 8.66494),lab(53.2574% -52.4235 14.6979))}.mallet-instrument-module__rU4kfq__instrument[data-color-mode=pitch-class] .mallet-instrument-module__rU4kfq__bar[data-pitch-class="6"]{background-color:#36cccc;background-color:lab(74.5904% -39.249 -11.8179);background-image:linear-gradient(100deg,#00a2a3,#97e9e8,#008e8f);background-image:linear-gradient(100deg,lab(59.7123% -45.8521 -13.6419),lab(86.9328% -26.1287 -7.9751),lab(52.6463% -42.5817 -12.6566))}.mallet-instrument-module__rU4kfq__instrument[data-color-mode=pitch-class] .mallet-instrument-module__rU4kfq__bar[data-pitch-class="7"]{background-color:#00b9e9;background-color:lab(69.1608% -27.682 -36.0435);background-image:linear-gradient(100deg,#0091b9,#8adbfa,#007ea3);background-image:linear-gradient(100deg,lab(55.2016% -28.8321 -40.7254),lab(82.9798% -19.5031 -23.6108),lab(48.1986% -26.6188 -38.1253))}.mallet-instrument-module__rU4kfq__instrument[data-color-mode=pitch-class] .mallet-instrument-module__rU4kfq__bar[data-pitch-class="8"]{background-color:#509dfc;background-color:lab(63.0815% -1.11169 -55.3608);background-image:linear-gradient(100deg,#1175de,#9bc7ff,#0267c7);background-image:linear-gradient(100deg,lab(48.7276% 4.39715 -61.7537),lab(78.7282% -4.55323 -35.3115),lab(42.9635% 4.87658 -58.278))}.mallet-instrument-module__rU4kfq__instrument[data-color-mode=pitch-class] .mallet-instrument-module__rU4kfq__bar[data-pitch-class="9"]{background-color:#968cff;background-color:lab(63.0172% 25.8459 -58.7938);background-image:linear-gradient(100deg,#7361e4,#c0bfff,#6554cd);background-image:linear-gradient(100deg,lab(48.4833% 33.1393 -65.2706),lab(79.2365% 12.0699 -35.2832),lab(42.7795% 31.9748 -61.7993))}.mallet-instrument-module__rU4kfq__instrument[data-color-mode=pitch-class] .mallet-instrument-module__rU4kfq__bar[data-pitch-class="10"]{background-color:#d27de6;background-color:lab(64.9798% 45.8635 -39.5338);background-image:linear-gradient(100deg,#b051c5,#e8b6f3,#9a42ae);background-image:linear-gradient(100deg,lab(50.618% 51.8849 -43.8698),lab(80.0458% 26.5512 -23.6218),lab(43.7856% 49.2835 -41.5122))}.mallet-instrument-module__rU4kfq__instrument[data-color-mode=pitch-class] .mallet-instrument-module__rU4kfq__bar[data-pitch-class="11"]{background-color:#f079b6;background-color:lab(66.5295% 51.4618 -9.9252);background-image:linear-gradient(100deg,#cd4b92,#ffb3d7,#b53c7f);background-image:linear-gradient(100deg,lab(52.3307% 57.2851 -11.1201),lab(81.2632% 32.6822 -6.24009),lab(45.5038% 54.0031 -10.4947))}.mallet-instrument-module__rU4kfq__instrument[data-color-mode=pitch-class] .mallet-instrument-module__rU4kfq__bar{color:#071221;color:lab(5.12993% -.528157 -11.4295)}.mallet-instrument-module__rU4kfq__status{color:#823330;color:lab(32.7928% 34.5717 20.1446);min-block-size:1.2em;font-size:.84rem;font-weight:620}@media (max-width:420px){.mallet-instrument-module__rU4kfq__controls{grid-template-columns:minmax(5.5rem,.55fr) minmax(0,1.45fr)}.mallet-instrument-module__rU4kfq__field:last-child{grid-column:1/-1}.mallet-instrument-module__rU4kfq__bars{block-size:18rem}.mallet-instrument-module__rU4kfq__select{padding-inline:.7rem 1.7rem;font-size:.84rem}}@media (orientation:landscape) and (max-height:420px){.mallet-instrument-module__rU4kfq__instrument{gap:.45rem}.mallet-instrument-module__rU4kfq__field{gap:.12rem}.mallet-instrument-module__rU4kfq__fieldLabel{font-size:.75rem}.mallet-instrument-module__rU4kfq__select{padding-block:.25rem;padding-inline:.65rem 1.6rem;font-size:.8rem}.mallet-instrument-module__rU4kfq__frame{padding-block:.5rem}.mallet-instrument-module__rU4kfq__bars{block-size:10.7rem;padding-block:1rem}.mallet-instrument-module__rU4kfq__railTop{inset-block-start:.85rem}.mallet-instrument-module__rU4kfq__railBottom{inset-block-end:.8rem}}@media (prefers-reduced-motion:reduce){.mallet-instrument-module__rU4kfq__viewportShell:before,.mallet-instrument-module__rU4kfq__viewportShell:after,.mallet-instrument-module__rU4kfq__bar{transition:none}.mallet-instrument-module__rU4kfq__bar[data-pressed=true]{filter:brightness(.84)saturate(1.08);transform:none}}@media (forced-colors:active){.mallet-instrument-module__rU4kfq__bar,.mallet-instrument-module__rU4kfq__select{border:2px solid buttontext}.mallet-instrument-module__rU4kfq__bar[data-pressed=true]{outline:3px solid highlight}}