@import "https://fonts.googleapis.com/css2?family=Poppins:wght@600&family=Inter:ital,wght@0,400;0,500;0,600;1,400&family=Nanum+Pen+Script&family=Roboto+Mono:wght@400&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-orange-800:oklch(47% .157 37.304);--color-orange-900:oklch(40.8% .123 38.172);--color-orange-950:oklch(26.6% .079 36.259);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-yellow-950:oklch(28.6% .066 53.813);--color-lime-50:oklch(98.6% .031 120.757);--color-lime-100:oklch(96.7% .067 122.328);--color-lime-200:oklch(93.8% .127 124.321);--color-lime-300:oklch(89.7% .196 126.665);--color-lime-400:oklch(84.1% .238 128.85);--color-lime-500:oklch(76.8% .233 130.85);--color-lime-600:oklch(64.8% .2 131.684);--color-lime-700:oklch(53.2% .157 131.589);--color-lime-800:oklch(45.3% .124 130.933);--color-lime-900:oklch(40.5% .101 131.063);--color-lime-950:oklch(27.4% .072 132.109);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-green-950:oklch(26.6% .065 152.934);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-teal-50:oklch(98.4% .014 180.72);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-200:oklch(91% .096 180.426);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-400:oklch(77.7% .152 181.912);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-teal-700:oklch(51.1% .096 186.391);--color-teal-800:oklch(43.7% .078 188.216);--color-teal-900:oklch(38.6% .063 188.416);--color-teal-950:oklch(27.7% .046 192.524);--color-cyan-50:oklch(98.4% .019 200.873);--color-cyan-100:oklch(95.6% .045 203.388);--color-cyan-200:oklch(91.7% .08 205.041);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--color-cyan-600:oklch(60.9% .126 221.723);--color-cyan-700:oklch(52% .105 223.128);--color-cyan-800:oklch(45% .085 224.283);--color-cyan-900:oklch(39.8% .07 227.392);--color-cyan-950:oklch(30.2% .056 229.695);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-600:oklch(58.8% .158 241.966);--color-sky-700:oklch(50% .134 242.749);--color-sky-800:oklch(44.3% .11 240.79);--color-sky-900:oklch(39.1% .09 240.876);--color-sky-950:oklch(29.3% .066 243.157);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-800:oklch(39.8% .195 277.366);--color-indigo-900:oklch(35.9% .144 278.697);--color-indigo-950:oklch(25.7% .09 281.288);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-800:oklch(43.2% .232 292.759);--color-violet-900:oklch(38% .189 293.745);--color-violet-950:oklch(28.3% .141 291.089);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-900:oklch(38.1% .176 304.987);--color-purple-950:oklch(29.1% .149 302.717);--color-fuchsia-50:oklch(97.7% .017 320.058);--color-fuchsia-100:oklch(95.2% .037 318.852);--color-fuchsia-200:oklch(90.3% .076 319.62);--color-fuchsia-300:oklch(83.3% .145 321.434);--color-fuchsia-400:oklch(74% .238 322.16);--color-fuchsia-500:oklch(66.7% .295 322.15);--color-fuchsia-600:oklch(59.1% .293 322.896);--color-fuchsia-700:oklch(51.8% .253 323.949);--color-fuchsia-800:oklch(45.2% .211 324.591);--color-fuchsia-900:oklch(40.1% .17 325.612);--color-fuchsia-950:oklch(29.3% .136 325.661);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-200:oklch(89.9% .061 343.231);--color-pink-300:oklch(82.3% .12 346.018);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-pink-700:oklch(52.5% .223 3.958);--color-pink-800:oklch(45.9% .187 3.815);--color-pink-900:oklch(40.8% .153 2.432);--color-pink-950:oklch(28.4% .109 3.907);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-300:oklch(81% .117 11.638);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-800:oklch(45.5% .188 13.697);--color-rose-900:oklch(41% .159 10.272);--color-rose-950:oklch(27.1% .105 12.094);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-stone-50:oklch(98.5% .001 106.423);--color-stone-100:oklch(97% .001 106.424);--color-stone-200:oklch(92.3% .003 48.717);--color-stone-300:oklch(86.9% .005 56.366);--color-stone-400:oklch(70.9% .01 56.259);--color-stone-500:oklch(55.3% .013 58.071);--color-stone-600:oklch(44.4% .011 73.639);--color-stone-700:oklch(37.4% .01 67.558);--color-stone-800:oklch(26.8% .007 34.298);--color-stone-900:oklch(21.6% .006 56.043);--color-stone-950:oklch(14.7% .004 49.25);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-3xl:48rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-2xl:1rem;--radius-4xl:2rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-bg-workspace:var(--color-white);--color-bg-panel:var(--color-gray-50);--color-bg-panel-alt:var(--color-white);--color-bg-sidebar:var(--color-gray-100);--color-bg-card:var(--color-white);--color-bg-overlay:#00000080;--color-bg-popover:var(--color-white);--color-bg-tooltip:var(--color-gray-900);--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-700);--color-text-tertiary:var(--color-gray-500);--color-text-primary-onDark:var(--color-white);--color-text-secondary-onDark:var(--color-gray-300);--color-text-tooltip:var(--color-white);--color-text-error-primary:var(--color-red-700);--color-text-error-secondary:var(--color-red-500);--color-text-success-primary:var(--color-green-700);--color-text-success-secondary:var(--color-green-500);--color-text-link:var(--color-blue-600);--color-text-placeholder:var(--color-gray-400);--color-border-primary:var(--color-gray-300);--color-border-secondary:var(--color-gray-200);--color-border-tertiary:var(--color-gray-100);--color-border-primary-onDark:var(--color-gray-600);--color-border-error:var(--color-red-500);--color-border-success:var(--color-green-500);--color-border-warning:var(--color-yellow-500);--color-border-info:var(--color-blue-500);--color-piano-key-white:var(--color-white);--color-piano-key-black:var(--color-gray-200);--color-piano-key-border:var(--color-gray-400);--color-piano-key-label:var(--color-gray-500);--color-fretboard-nut:var(--color-gray-700);--color-fretboard-fret:var(--color-gray-300);--color-fretboard-string:var(--color-gray-400);--color-fretboard-inlay:var(--color-gray-300);--color-fretboard-label:var(--color-text-tertiary);--color-highlight-selected-chord:var(--color-sky-200);--color-circle-selected-outline:var(--color-gray-900);--color-circle-in-key:var(--color-gray-200);--color-circle-out-of-key:var(--color-white);--color-circle-out-of-key-label:var(--color-gray-500);--color-note-scale-highlight:var(--color-sky-300);--color-note-root-highlight:var(--color-red-500);--color-note-muted-highlight:var(--color-sky-200);--color-note-pressed-highlight:var(--color-amber-400);--color-focus-ring:var(--color-amber-400)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--piano-white-key-width:32px;--piano-white-key-height:150px;--janko-key-width:30px;--janko-row-height:40px;--fretboard-string-spacing:22px;--fretboard-marker-height:12px;--fretboard-min-width:640px;--fretboard-open-string-width:26px}body{background:var(--color-bg-workspace);color:var(--color-text-primary);font-family:Inter,sans-serif}}@layer components{.app-root-container{isolation:isolate;min-height:100vh}.Component--Icon{flex-shrink:0;height:1em;display:inline-block}.Component--Icon:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){--tw-scale-x:calc(100%*-1);scale:var(--tw-scale-x)var(--tw-scale-y)}.Component--IconLoadingFallback{aspect-ratio:1;border-radius:.25rem;flex-shrink:0;height:1em;display:inline-block}.Component--IconLoadingFallback:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){--tw-scale-x:calc(100%*-1);scale:var(--tw-scale-x)var(--tw-scale-y)}.Component--IconLoadingFallback{background:var(--icon-loading-background);animation:var(--icon-loading-animation);background-size:200% 100%}.Component--IconErrorFallback{aspect-ratio:1;flex-shrink:0;height:1em;display:inline-block}.Component--IconErrorFallback:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){--tw-scale-x:calc(100%*-1);scale:var(--tw-scale-x)var(--tw-scale-y)}.Component--IconErrorFallback{background-image:repeating-conic-gradient(#f0a 0% 25%,#1e1e1e 0% 50%);background-size:100% 100%}.icon--lucide [stroke-width="2"],.icon--hugeicons [stroke-width="1.5"]{stroke-width:inherit}:root{--icon-skeleton-background-animated:linear-gradient(90deg,#c8c8c833 25%,#dcdcdc99 50%,#c8c8c833 75%);--icon-skeleton-background-static:#c8c8c833}@media (prefers-reduced-motion:no-preference){[data-motion=system]{--icon-loading-background:var(--icon-skeleton-background-animated);--icon-loading-animation:--icon-loading-shimmer 1.5s infinite}}@media (prefers-reduced-motion:reduce){[data-motion=system]{--icon-loading-background:var(--icon-skeleton-background-static);--icon-loading-animation:--icon-loading-shimmer-reduced-motion 1.5s infinite}}[data-motion=full]{--icon-loading-background:var(--icon-skeleton-background-animated);--icon-loading-animation:--icon-loading-shimmer 1.5s infinite}[data-motion=reduced]{--icon-loading-background:var(--icon-skeleton-background-static);--icon-loading-animation:--icon-loading-shimmer-reduced-motion 1.5s infinite}[data-motion=none]{--icon-loading-background:var(--icon-skeleton-background-static);--icon-loading-animation:none}@keyframes --icon-loading-shimmer-reduced-motion{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes --icon-loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.Component--Button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.1s;-webkit-user-select:none;user-select:none;border-style:var(--tw-border-style);outline-offset:3px;border-width:1px;border-color:#0000;justify-content:center;align-items:center;transition-duration:.1s;display:inline-flex}.Component--Button:focus-visible,.Component--Button.\:focus-visible{outline-style:var(--tw-outline-style);outline-width:3px}.Component--Button:active,.Component--Button.\:active{--tw-translate-y:calc(var(--spacing)*.25);translate:var(--tw-translate-x)var(--tw-translate-y)}.Component--Button>.Component--Icon{height:1.25em}.Component--Button[data-size=small]{gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*2.5);padding-block:calc(var(--spacing)*1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.Component--Button[data-size=medium]{gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.Component--Button[data-size=large]{gap:calc(var(--spacing)*3);padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*3);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.Component--Button[data-shape=pill]{border-radius:2147483647px}.Component--Button[data-shape=box][data-size=small]{border-radius:var(--radius-sm)}.Component--Button[data-shape=box][data-size=medium]{border-radius:var(--radius-md)}.Component--Button[data-shape=box][data-size=large]{border-radius:var(--radius-lg)}.Component--Button[data-variant=solid],.Component--Button[data-variant=outline]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.Component--Button[data-color=brand]{outline-color:var(--color-blue-500)}.Component--Button[data-color=neutral]{outline-color:var(--color-gray-500)}.Component--Button[data-color=danger]{outline-color:var(--color-red-500)}.Component--Button[data-color=onDark]{outline-color:var(--color-gray-100)}.Component--Button[data-variant=solid][data-color=brand]{background-color:var(--color-blue-600);color:var(--color-white)}@media (hover:hover){.Component--Button[data-variant=solid][data-color=brand]:hover{background-color:var(--color-blue-700)}}.Component--Button[data-variant=solid][data-color=brand].\:hover{background-color:var(--color-blue-700)}.Component--Button[data-variant=soft][data-color=brand]{background-color:var(--color-blue-50);color:var(--color-blue-600)}@media (hover:hover){.Component--Button[data-variant=soft][data-color=brand]:hover{background-color:var(--color-blue-100)}}.Component--Button[data-variant=soft][data-color=brand].\:hover{background-color:var(--color-blue-100)}.Component--Button[data-variant=outline][data-color=brand]{border-color:var(--color-blue-600);color:var(--color-blue-600)}@media (hover:hover){.Component--Button[data-variant=outline][data-color=brand]:hover{background-color:var(--color-blue-50)}}.Component--Button[data-variant=outline][data-color=brand].\:hover{background-color:var(--color-blue-50)}.Component--Button[data-variant=ghost][data-color=brand]{color:var(--color-blue-600)}@media (hover:hover){.Component--Button[data-variant=ghost][data-color=brand]:hover{background-color:var(--color-blue-50)}}.Component--Button[data-variant=ghost][data-color=brand].\:hover{background-color:var(--color-blue-50)}.Component--Button[data-variant=solid][data-color=neutral]{background-color:var(--color-gray-600);color:var(--color-white)}@media (hover:hover){.Component--Button[data-variant=solid][data-color=neutral]:hover{background-color:var(--color-gray-700)}}.Component--Button[data-variant=solid][data-color=neutral].\:hover{background-color:var(--color-gray-700)}.Component--Button[data-variant=soft][data-color=neutral]{background-color:var(--color-gray-50);color:var(--color-gray-600)}@media (hover:hover){.Component--Button[data-variant=soft][data-color=neutral]:hover{background-color:var(--color-gray-100)}}.Component--Button[data-variant=soft][data-color=neutral].\:hover{background-color:var(--color-gray-100)}.Component--Button[data-variant=outline][data-color=neutral]{border-color:var(--color-gray-600);color:var(--color-gray-600)}@media (hover:hover){.Component--Button[data-variant=outline][data-color=neutral]:hover{background-color:var(--color-gray-50)}}.Component--Button[data-variant=outline][data-color=neutral].\:hover{background-color:var(--color-gray-50)}.Component--Button[data-variant=ghost][data-color=neutral]{color:var(--color-gray-600)}@media (hover:hover){.Component--Button[data-variant=ghost][data-color=neutral]:hover{background-color:var(--color-gray-50)}}.Component--Button[data-variant=ghost][data-color=neutral].\:hover{background-color:var(--color-gray-50)}.Component--Button[data-variant=solid][data-color=danger]{background-color:var(--color-red-600);color:var(--color-white)}@media (hover:hover){.Component--Button[data-variant=solid][data-color=danger]:hover{background-color:var(--color-red-700)}}.Component--Button[data-variant=solid][data-color=danger].\:hover{background-color:var(--color-red-700)}.Component--Button[data-variant=soft][data-color=danger]{background-color:var(--color-red-50);color:var(--color-red-600)}@media (hover:hover){.Component--Button[data-variant=soft][data-color=danger]:hover{background-color:var(--color-red-100)}}.Component--Button[data-variant=soft][data-color=danger].\:hover{background-color:var(--color-red-100)}.Component--Button[data-variant=outline][data-color=danger]{border-color:var(--color-red-600);color:var(--color-red-600)}@media (hover:hover){.Component--Button[data-variant=outline][data-color=danger]:hover{background-color:var(--color-red-50)}}.Component--Button[data-variant=outline][data-color=danger].\:hover{background-color:var(--color-red-50)}.Component--Button[data-variant=ghost][data-color=danger]{color:var(--color-red-600)}@media (hover:hover){.Component--Button[data-variant=ghost][data-color=danger]:hover{background-color:var(--color-red-50)}}.Component--Button[data-variant=ghost][data-color=danger].\:hover{background-color:var(--color-red-50)}.Component--Button[data-variant=solid][data-color=onDark]{background-color:var(--color-white);color:var(--color-gray-900)}@media (hover:hover){.Component--Button[data-variant=solid][data-color=onDark]:hover{background-color:var(--color-gray-100)}}.Component--Button[data-variant=solid][data-color=onDark].\:hover{background-color:var(--color-gray-100)}.Component--Button[data-variant=soft][data-color=onDark]{background-color:#f3f4f61a}@supports (color:color-mix(in lab, red, red)){.Component--Button[data-variant=soft][data-color=onDark]{background-color:color-mix(in oklab,var(--color-gray-100)10%,transparent)}}.Component--Button[data-variant=soft][data-color=onDark]{color:var(--color-gray-100)}@media (hover:hover){.Component--Button[data-variant=soft][data-color=onDark]:hover{background-color:#f3f4f633}@supports (color:color-mix(in lab, red, red)){.Component--Button[data-variant=soft][data-color=onDark]:hover{background-color:color-mix(in oklab,var(--color-gray-100)20%,transparent)}}}.Component--Button[data-variant=soft][data-color=onDark].\:hover{background-color:#f3f4f633}@supports (color:color-mix(in lab, red, red)){.Component--Button[data-variant=soft][data-color=onDark].\:hover{background-color:color-mix(in oklab,var(--color-gray-100)20%,transparent)}}.Component--Button[data-variant=outline][data-color=onDark]{border-color:var(--color-white);color:var(--color-white)}@media (hover:hover){.Component--Button[data-variant=outline][data-color=onDark]:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.Component--Button[data-variant=outline][data-color=onDark]:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}}.Component--Button[data-variant=outline][data-color=onDark].\:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.Component--Button[data-variant=outline][data-color=onDark].\:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.Component--Button[data-variant=ghost][data-color=onDark]{color:var(--color-white)}@media (hover:hover){.Component--Button[data-variant=ghost][data-color=onDark]:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.Component--Button[data-variant=ghost][data-color=onDark]:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}}.Component--Button[data-variant=ghost][data-color=onDark].\:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.Component--Button[data-variant=ghost][data-color=onDark].\:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.Component--Button[aria-disabled=true]{cursor:not-allowed}.Component--Button[aria-disabled=true]:active,.Component--Button[aria-disabled=true].\:active{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.Component--Button[data-variant=solid][aria-disabled=true]{background-color:var(--color-gray-300);color:var(--color-gray-500);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media (hover:hover){.Component--Button[data-variant=solid][aria-disabled=true]:hover{background-color:var(--color-gray-300)}}.Component--Button[data-variant=solid][aria-disabled=true].\:hover{background-color:var(--color-gray-300)}.Component--Button[data-variant=soft][aria-disabled=true]{background-color:var(--color-gray-100);color:var(--color-gray-400);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media (hover:hover){.Component--Button[data-variant=soft][aria-disabled=true]:hover{background-color:var(--color-gray-100)}}.Component--Button[data-variant=soft][aria-disabled=true].\:hover{background-color:var(--color-gray-100)}.Component--Button[data-variant=outline][aria-disabled=true]{border-color:var(--color-gray-300);color:var(--color-gray-400);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media (hover:hover){.Component--Button[data-variant=outline][aria-disabled=true]:hover{background-color:#0000}}.Component--Button[data-variant=outline][aria-disabled=true].\:hover{background-color:#0000}.Component--Button[data-variant=ghost][aria-disabled=true]{color:var(--color-gray-400);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media (hover:hover){.Component--Button[data-variant=ghost][aria-disabled=true]:hover{background-color:#0000}}.Component--Button[data-variant=ghost][aria-disabled=true].\:hover{background-color:#0000}.Component--IconButton{padding:calc(var(--spacing)*0);justify-content:center;align-items:center;display:inline-flex}.Component--IconButton[data-size=small]{height:calc(var(--spacing)*8);width:calc(var(--spacing)*8)}.Component--IconButton[data-size=medium]{height:calc(var(--spacing)*10);width:calc(var(--spacing)*10)}.Component--IconButton[data-size=large]{height:calc(var(--spacing)*12);width:calc(var(--spacing)*12)}.Component--IconButton[data-shape=pill]{border-radius:2147483647px}.Component--IconButton[data-shape=box][data-size=small]{border-radius:var(--radius-sm)}.Component--IconButton[data-shape=box][data-size=medium]{border-radius:var(--radius-md)}.Component--IconButton[data-shape=box][data-size=large]{border-radius:var(--radius-lg)}.Component--Menu__trigger{align-items:center;gap:calc(var(--spacing)*1.5);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-600);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1.5);border-radius:.25rem;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:22px;display:inline-flex}@media (width<=48rem){.Component--Menu__trigger{font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:22px}}.Component--Menu__trigger{color:var(--color-gray-600)}@media (hover:hover){.Component--Menu__trigger:hover{background-color:var(--color-gray-50)}}.Component--Menu__trigger.\:hover{background-color:var(--color-gray-50)}.Component--Menu__trigger:focus-visible,.Component--Menu__trigger.\:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px}.Component--Menu{min-width:calc(var(--spacing)*44);border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border-secondary);background-color:var(--color-bg-popover);padding:calc(var(--spacing)*1);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transform-origin:var(--transform-origin)}.Component--Menu__item{cursor:default;align-items:center;gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1.5);border-radius:.25rem;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:22px;display:flex}@media (width<=48rem){.Component--Menu__item{letter-spacing:.28px;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:22px}}.Component--Menu__item{color:var(--color-text-primary);-webkit-user-select:none;user-select:none}.Component--Menu__item[data-disabled]{color:var(--color-text-tertiary)}.Component--Menu__item[data-highlighted]{background-color:var(--color-gray-100)}.Component--Menu__indicator{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4);color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.Component--Menu__separator{margin-block:calc(var(--spacing)*1);background-color:var(--color-border-secondary);height:1px}.Component--Menu__group+.Component--Menu__group{margin-top:calc(var(--spacing)*1);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-border-secondary);padding-top:calc(var(--spacing)*1)}.Component--Menu__group-label{padding-inline:calc(var(--spacing)*2);padding-top:calc(var(--spacing)*1.5);padding-bottom:calc(var(--spacing)*.5);letter-spacing:1.2px;text-transform:uppercase;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}@media (width<=48rem){.Component--Menu__group-label{letter-spacing:1.2px;text-transform:uppercase;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:18px}}.Component--Menu__group-label{color:var(--color-text-tertiary)}.Component--Tooltip{border-radius:var(--radius-md);background-color:var(--color-bg-tooltip);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);color:var(--color-text-tooltip);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transform-origin:var(--transform-origin)}.Component--Tooltip__arrow{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2);background-color:var(--color-bg-tooltip);rotate:45deg}.Component--Tooltip__arrow[data-side=bottom]{top:calc(var(--spacing)*-1)}.Component--Tooltip__arrow[data-side=top]{bottom:calc(var(--spacing)*-1)}.Component--Tooltip__arrow[data-side=left]{right:calc(var(--spacing)*-1)}.Component--Tooltip__arrow[data-side=right]{left:calc(var(--spacing)*-1)}.Component--LinkButton{text-underline-offset:2px}.Component--LinkButton:focus-visible,.Component--LinkButton.\:focus-visible{text-decoration-line:underline}.Component--LinkButton[data-shape=pill]{border-radius:2147483647px}.Component--LinkButton[data-shape=box][data-size=small]{border-radius:var(--radius-sm)}.Component--LinkButton[data-size=medium][data-shape=box]{border-radius:var(--radius-md)}.Component--LinkButton[data-size=large][data-shape=box]{border-radius:var(--radius-lg)}.Component--ToggleButton{position:relative}.Component--ToggleButton[data-color=neutral]{outline-color:var(--color-gray-500)}.Component--ToggleButton[data-color=onDark]{outline-color:var(--color-gray-100)}.Component--ToggleButton>.Component--ToggleButton__stateIndicator{pointer-events:none;inset-inline-end:calc(var(--spacing)*-1);top:calc(var(--spacing)*-1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1em;color:currentColor;border-radius:2147483647px;line-height:1em;display:none;position:absolute}@supports (color:color-mix(in lab, red, red)){.Component--ToggleButton>.Component--ToggleButton__stateIndicator{color:color-mix(in oklab,currentcolor 50%,transparent)}}[data-differentiate-without-color=true] .Component--ToggleButton[data-pressed]>.Component--ToggleButton__stateIndicator{display:block}@media (forced-colors:active){[data-differentiate-without-color=false] .Component--ToggleButton[data-pressed]>.Component--ToggleButton__stateIndicator{display:block}}.Component--ToggleButton[data-variant=soft][data-color=neutral]{background-color:var(--color-gray-50);color:var(--color-gray-600)}@media (hover:hover){.Component--ToggleButton[data-variant=soft][data-color=neutral]:hover{background-color:var(--color-gray-100)}}.Component--ToggleButton[data-variant=soft][data-color=neutral].\:hover{background-color:var(--color-gray-100)}.Component--ToggleButton[data-variant=soft][data-color=neutral][aria-pressed=true]{background-color:var(--color-gray-200)}@media (hover:hover){.Component--ToggleButton[data-variant=soft][data-color=neutral][aria-pressed=true]:hover{background-color:var(--color-gray-300)}}.Component--ToggleButton[data-variant=soft][data-color=neutral][aria-pressed=true].\:hover{background-color:var(--color-gray-300)}.Component--ToggleButton[data-variant=soft][data-color=onDark]{background-color:#f3f4f61a}@supports (color:color-mix(in lab, red, red)){.Component--ToggleButton[data-variant=soft][data-color=onDark]{background-color:color-mix(in oklab,var(--color-gray-100)10%,transparent)}}.Component--ToggleButton[data-variant=soft][data-color=onDark]{color:var(--color-gray-100)}@media (hover:hover){.Component--ToggleButton[data-variant=soft][data-color=onDark]:hover{background-color:#f3f4f633}@supports (color:color-mix(in lab, red, red)){.Component--ToggleButton[data-variant=soft][data-color=onDark]:hover{background-color:color-mix(in oklab,var(--color-gray-100)20%,transparent)}}}.Component--ToggleButton[data-variant=soft][data-color=onDark].\:hover{background-color:#f3f4f633}@supports (color:color-mix(in lab, red, red)){.Component--ToggleButton[data-variant=soft][data-color=onDark].\:hover{background-color:color-mix(in oklab,var(--color-gray-100)20%,transparent)}}.Component--ToggleButton[data-variant=soft][data-color=onDark][aria-pressed=true]{background-color:#f3f4f640}@supports (color:color-mix(in lab, red, red)){.Component--ToggleButton[data-variant=soft][data-color=onDark][aria-pressed=true]{background-color:color-mix(in oklab,var(--color-gray-100)25%,transparent)}}@media (hover:hover){.Component--ToggleButton[data-variant=soft][data-color=onDark][aria-pressed=true]:hover{background-color:#f3f4f64d}@supports (color:color-mix(in lab, red, red)){.Component--ToggleButton[data-variant=soft][data-color=onDark][aria-pressed=true]:hover{background-color:color-mix(in oklab,var(--color-gray-100)30%,transparent)}}}.Component--ToggleButton[data-variant=soft][data-color=onDark][aria-pressed=true].\:hover{background-color:#f3f4f64d}@supports (color:color-mix(in lab, red, red)){.Component--ToggleButton[data-variant=soft][data-color=onDark][aria-pressed=true].\:hover{background-color:color-mix(in oklab,var(--color-gray-100)30%,transparent)}}.Component--ToggleButton[data-variant=outline][data-color=neutral]{border-color:var(--color-gray-600);color:var(--color-gray-600)}@media (hover:hover){.Component--ToggleButton[data-variant=outline][data-color=neutral]:hover{background-color:var(--color-gray-50)}}.Component--ToggleButton[data-variant=outline][data-color=neutral].\:hover{background-color:var(--color-gray-50)}.Component--ToggleButton[data-variant=outline][data-color=neutral][aria-pressed=true]{background-color:var(--color-gray-100)}@media (hover:hover){.Component--ToggleButton[data-variant=outline][data-color=neutral][aria-pressed=true]:hover{background-color:var(--color-gray-200)}}.Component--ToggleButton[data-variant=outline][data-color=neutral][aria-pressed=true].\:hover{background-color:var(--color-gray-200)}.Component--ToggleButton[data-variant=outline][data-color=onDark]{border-color:var(--color-white);color:var(--color-white)}@media (hover:hover){.Component--ToggleButton[data-variant=outline][data-color=onDark]:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.Component--ToggleButton[data-variant=outline][data-color=onDark]:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}}.Component--ToggleButton[data-variant=outline][data-color=onDark].\:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.Component--ToggleButton[data-variant=outline][data-color=onDark].\:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.Component--ToggleButton[data-variant=outline][data-color=onDark][aria-pressed=true]{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.Component--ToggleButton[data-variant=outline][data-color=onDark][aria-pressed=true]{background-color:color-mix(in oklab,var(--color-white)15%,transparent)}}@media (hover:hover){.Component--ToggleButton[data-variant=outline][data-color=onDark][aria-pressed=true]:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.Component--ToggleButton[data-variant=outline][data-color=onDark][aria-pressed=true]:hover{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}}.Component--ToggleButton[data-variant=outline][data-color=onDark][aria-pressed=true].\:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.Component--ToggleButton[data-variant=outline][data-color=onDark][aria-pressed=true].\:hover{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.Component--ToggleButton[data-variant=ghost][data-color=neutral]{color:var(--color-gray-600)}@media (hover:hover){.Component--ToggleButton[data-variant=ghost][data-color=neutral]:hover{background-color:var(--color-gray-50)}}.Component--ToggleButton[data-variant=ghost][data-color=neutral].\:hover{background-color:var(--color-gray-50)}.Component--ToggleButton[data-variant=ghost][data-color=neutral][aria-pressed=true]{background-color:var(--color-gray-100);color:var(--color-gray-700)}@media (hover:hover){.Component--ToggleButton[data-variant=ghost][data-color=neutral][aria-pressed=true]:hover{background-color:var(--color-gray-200)}}.Component--ToggleButton[data-variant=ghost][data-color=neutral][aria-pressed=true].\:hover{background-color:var(--color-gray-200)}.Component--ToggleButton[data-variant=ghost][data-color=onDark]{color:var(--color-white)}@media (hover:hover){.Component--ToggleButton[data-variant=ghost][data-color=onDark]:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.Component--ToggleButton[data-variant=ghost][data-color=onDark]:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}}.Component--ToggleButton[data-variant=ghost][data-color=onDark].\:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.Component--ToggleButton[data-variant=ghost][data-color=onDark].\:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.Component--ToggleButton[data-variant=ghost][data-color=onDark][aria-pressed=true]{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.Component--ToggleButton[data-variant=ghost][data-color=onDark][aria-pressed=true]{background-color:color-mix(in oklab,var(--color-white)15%,transparent)}}@media (hover:hover){.Component--ToggleButton[data-variant=ghost][data-color=onDark][aria-pressed=true]:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.Component--ToggleButton[data-variant=ghost][data-color=onDark][aria-pressed=true]:hover{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}}.Component--ToggleButton[data-variant=ghost][data-color=onDark][aria-pressed=true].\:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.Component--ToggleButton[data-variant=ghost][data-color=onDark][aria-pressed=true].\:hover{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.Component--ToggleButton[aria-disabled=true]{cursor:not-allowed}.Component--ToggleButton[aria-disabled=true]:active,.Component--ToggleButton[aria-disabled=true].\:active{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.Component--ToggleButton[data-variant=soft][aria-disabled=true]{background-color:var(--color-gray-100);color:var(--color-gray-400);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media (hover:hover){.Component--ToggleButton[data-variant=soft][aria-disabled=true]:hover{background-color:var(--color-gray-100)}}.Component--ToggleButton[data-variant=soft][aria-disabled=true].\:hover{background-color:var(--color-gray-100)}.Component--ToggleButton[data-variant=outline][aria-disabled=true]{border-color:var(--color-gray-300);color:var(--color-gray-400);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media (hover:hover){.Component--ToggleButton[data-variant=outline][aria-disabled=true]:hover{background-color:#0000}}.Component--ToggleButton[data-variant=outline][aria-disabled=true].\:hover{background-color:#0000}.Component--ToggleButton[data-variant=ghost][aria-disabled=true]{color:var(--color-gray-400);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media (hover:hover){.Component--ToggleButton[data-variant=ghost][aria-disabled=true]:hover{background-color:#0000}}.Component--ToggleButton[data-variant=ghost][aria-disabled=true].\:hover{background-color:#0000}.Component--EmptyState{border:1px dashed var(--color-border-secondary);background:var(--color-bg-card);text-align:center;text-wrap:balance;border-radius:.75rem;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:.75rem;width:100%;min-width:0;padding:1.5rem;display:flex}.Component--EmptyState__media{background:#f8f9fb;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;margin-bottom:.25rem;display:flex}@supports (color:color-mix(in lab, red, red)){.Component--EmptyState__media{background:color-mix(in oklch,var(--color-bg-panel)88%,var(--color-border-tertiary))}}.Component--EmptyState__media{color:var(--color-text-primary)}.Component--EmptyState__title{font-size:var(--text-sm);letter-spacing:-.01em;color:var(--color-text-primary);margin:0;font-weight:600;line-height:1.3}.Component--EmptyState__description{max-width:36ch;font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.45}.Component--EmptyState__filters,.Component--EmptyState__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.625rem;width:100%;display:flex}.Component--EmptyState__actions{margin-top:.25rem}.Component--EmptyState[data-variant=inline]{border-style:solid;border-color:var(--color-border-tertiary);background:0 0;border-radius:.5rem;padding:1rem}.Component--EmptyState[data-variant=list-item]{text-align:left;flex-direction:row;justify-content:flex-start;padding:.75rem 1rem}.Component--EmptyState[data-variant=list-item] .Component--EmptyState__media{margin-bottom:0;margin-right:.25rem}.Component--EmptyState[data-variant=list-item] .Component--EmptyState__actions{justify-content:flex-start}.Component--EmptyState[data-variant=sidebar]{text-align:left;justify-content:flex-start;align-items:flex-start}.Component--EmptyState[data-variant=sidebar] .Component--EmptyState__actions,.Component--EmptyState[data-variant=sidebar] .Component--EmptyState__filters{justify-content:flex-start}.editor-text-bold{font-weight:700}.editor-text-italic{font-style:italic}.editor-text-underline{text-decoration:underline}.editor-text-strikethrough{text-decoration:line-through}.editor-text-underline-strikethrough{text-decoration:underline line-through}.editor-text-code{font-family:var(--ff-mono);background-color:var(--color-slate-100);border:1px solid var(--color-slate-300);border-radius:4px;padding:.2em .4em}.editor-text-highlight{background-color:var(--color-yellow-100);border-radius:4px;padding:.2em .4em}.editor-link{color:#0065ff;cursor:pointer;text-decoration:underline;transition:opacity .2s}.editor-link:hover{opacity:.8;color:#0052cc}.editor-link:focus{outline-offset:2px;outline:2px solid #0747a6}.editor-contenteditable ul{margin:0 0 0 8px;padding:0;list-style-type:disc}.editor-contenteditable ul ul{list-style-type:circle}.editor-contenteditable ul ul ul{list-style-type:square}.editor-contenteditable li:empty{list-style-type:none}.editor-contenteditable li:empty:before{content:none}:is(.editor-contenteditable li:has(>ul:only-child),.editor-contenteditable li:has(>ol:only-child)){list-style-type:none}.editor-contenteditable ol{margin:0 0 0 8px;padding:0;list-style-type:decimal}.editor-contenteditable ol ol{list-style-type:lower-alpha}.editor-contenteditable ol ol ol{list-style-type:lower-roman}.editor-contenteditable li{margin:0 16px;padding:4px 0}.editor-autocomplete{opacity:.5;filter:grayscale()}}@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-4{top:calc(var(--spacing)*4)}.top-9{top:calc(var(--spacing)*9)}.top-14{top:calc(var(--spacing)*14)}.right-4{right:calc(var(--spacing)*4)}.right-9{right:calc(var(--spacing)*9)}.right-14{right:calc(var(--spacing)*14)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-\[5\]{z-index:5}.col-span-2{grid-column:span 2/span 2}.row-span-2{grid-row:span 2/span 2}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-2{margin:calc(var(--spacing)*2)}.mx-px{margin-inline:1px}.my-2{margin-block:calc(var(--spacing)*2)}.my-8{margin-block:calc(var(--spacing)*8)}.ms-auto{margin-inline-start:auto}.mr-2{margin-right:calc(var(--spacing)*2)}.-mb-px{margin-bottom:-1px}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.box-border{box-sizing:border-box}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.list-item{display:list-item}.table{display:table}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.size-1{width:calc(var(--spacing)*1);height:calc(var(--spacing)*1)}.size-1\.5{width:calc(var(--spacing)*1.5);height:calc(var(--spacing)*1.5)}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.h-4{height:calc(var(--spacing)*4)}.h-16{height:calc(var(--spacing)*16)}.h-24{height:calc(var(--spacing)*24)}.h-\[0\.5em\]{height:.5em}.h-\[1em\]{height:1em}.h-auto{height:auto}.h-full{height:100%}.min-h-6{min-height:calc(var(--spacing)*6)}.min-h-screen{min-height:100vh}.w-12{width:calc(var(--spacing)*12)}.w-24{width:calc(var(--spacing)*24)}.w-36{width:calc(var(--spacing)*36)}.w-48{width:calc(var(--spacing)*48)}.w-64{width:calc(var(--spacing)*64)}.w-96{width:calc(var(--spacing)*96)}.w-\[3px\]{width:3px}.w-\[320px\]{width:320px}.w-\[448px\]{width:448px}.w-\[576px\]{width:576px}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-1\/2{max-width:50%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-\[1392px\]{max-width:1392px}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-10{min-width:calc(var(--spacing)*10)}.min-w-12{min-width:calc(var(--spacing)*12)}.min-w-16{min-width:calc(var(--spacing)*16)}.min-w-\[12rem\]{min-width:12rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-x{resize:horizontal}.columns-\[19rem\]{columns:19rem}.break-inside-avoid{break-inside:avoid}.break-after-column{break-after:column}.auto-cols-\[1fr\]{grid-auto-columns:1fr}.grid-flow-col{grid-auto-flow:column}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(8rem\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-px{gap:1px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing)*3)}.gap-y-0\.5{row-gap:calc(var(--spacing)*.5)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-tr-2xl{border-top-right-radius:var(--radius-2xl)}.rounded-tr-4xl{border-top-right-radius:var(--radius-4xl)}.rounded-tr-sm{border-top-right-radius:var(--radius-sm)}.rounded-b-\[3px\]{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-t-4{border-top-style:var(--tw-border-style);border-top-width:4px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-r-4{border-right-style:var(--tw-border-style);border-right-width:4px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-border-primary{border-color:var(--color-border-primary)}.border-border-secondary{border-color:var(--color-border-secondary)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-neutral-50\/50{border-color:#fafafa80}@supports (color:color-mix(in lab, red, red)){.border-neutral-50\/50{border-color:color-mix(in oklab,var(--color-neutral-50)50%,transparent)}}.border-neutral-600\/20{border-color:#52525233}@supports (color:color-mix(in lab, red, red)){.border-neutral-600\/20{border-color:color-mix(in oklab,var(--color-neutral-600)20%,transparent)}}.border-piano-key-border{border-color:var(--color-piano-key-border)}.border-stone-100{border-color:var(--color-stone-100)}.border-stone-200{border-color:var(--color-stone-200)}.border-stone-300{border-color:var(--color-stone-300)}.border-text-primary{border-color:var(--color-text-primary)}.border-transparent{border-color:#0000}.bg-bg-card{background-color:var(--color-bg-card)}.bg-bg-panel{background-color:var(--color-bg-panel)}.bg-black{background-color:var(--color-black)}.bg-border-secondary{background-color:var(--color-border-secondary)}.bg-current{background-color:currentColor}.bg-fretboard-fret{background-color:var(--color-fretboard-fret)}.bg-fretboard-inlay{background-color:var(--color-fretboard-inlay)}.bg-fretboard-nut{background-color:var(--color-fretboard-nut)}.bg-fretboard-string{background-color:var(--color-fretboard-string)}.bg-green-100\/90{background-color:#dcfce7e6}@supports (color:color-mix(in lab, red, red)){.bg-green-100\/90{background-color:color-mix(in oklab,var(--color-green-100)90%,transparent)}}.bg-highlight-selected-chord{background-color:var(--color-highlight-selected-chord)}.bg-lime-100\/90{background-color:#ecfccae6}@supports (color:color-mix(in lab, red, red)){.bg-lime-100\/90{background-color:color-mix(in oklab,var(--color-lime-100)90%,transparent)}}.bg-note-muted-highlight{background-color:var(--color-note-muted-highlight)}.bg-note-root-highlight{background-color:var(--color-note-root-highlight)}.bg-note-scale-highlight{background-color:var(--color-note-scale-highlight)}.bg-piano-key-black{background-color:var(--color-piano-key-black)}.bg-piano-key-border{background-color:var(--color-piano-key-border)}.bg-piano-key-white{background-color:var(--color-piano-key-white)}.bg-red-100\/90{background-color:#ffe2e2e6}@supports (color:color-mix(in lab, red, red)){.bg-red-100\/90{background-color:color-mix(in oklab,var(--color-red-100)90%,transparent)}}.bg-stone-50{background-color:var(--color-stone-50)}.bg-white{background-color:var(--color-white)}.bg-yellow-100\/90{background-color:#fef9c2e6}@supports (color:color-mix(in lab, red, red)){.bg-yellow-100\/90{background-color:color-mix(in oklab,var(--color-yellow-100)90%,transparent)}}.fill-bg-panel{fill:var(--color-bg-panel)}.fill-bg-panel-alt{fill:var(--color-bg-panel-alt)}.fill-bg-sidebar{fill:var(--color-bg-sidebar)}.fill-circle-in-key{fill:var(--color-circle-in-key)}.fill-circle-out-of-key{fill:var(--color-circle-out-of-key)}.fill-circle-out-of-key-label{fill:var(--color-circle-out-of-key-label)}.fill-none{fill:none}.fill-note-root-highlight{fill:var(--color-note-root-highlight)}.fill-note-scale-highlight{fill:var(--color-note-scale-highlight)}.fill-text-primary{fill:var(--color-text-primary)}.fill-text-secondary{fill:var(--color-text-secondary)}.fill-white{fill:var(--color-white)}.stroke-border-secondary{stroke:var(--color-border-secondary)}.stroke-circle-in-key{stroke:var(--color-circle-in-key)}.stroke-circle-selected-outline{stroke:var(--color-circle-selected-outline)}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-px{padding:1px}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-12{padding-block:calc(var(--spacing)*12)}.pr-3{padding-right:calc(var(--spacing)*3)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-1\.5{padding-bottom:calc(var(--spacing)*1.5)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.align-bottom{vertical-align:bottom}.label-caps{letter-spacing:1.2px;text-transform:uppercase;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}@media (width<=48rem){.label-caps{letter-spacing:1.2px;text-transform:uppercase;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:18px}}.display-xxl{letter-spacing:-.72px;font-family:Poppins;font-size:36px;font-style:normal;font-weight:600;line-height:48px}@media (width<=48rem){.display-xxl{letter-spacing:-.64px;font-family:Poppins;font-size:32px;font-style:normal;font-weight:600;line-height:44px}}.heading-xxl{letter-spacing:-.72px;font-family:Inter;font-size:36px;font-style:normal;font-weight:600;line-height:48px}@media (width<=48rem){.heading-xxl{letter-spacing:-.64px;font-family:Inter;font-size:32px;font-style:normal;font-weight:600;line-height:44px}}.body-short-02{font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:22px}@media (width<=48rem){.body-short-02{letter-spacing:.28px;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:22px}}.body-short-03{letter-spacing:.24px;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:16px}@media (width<=48rem){.body-short-03{font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}}.display-xxxl{letter-spacing:-1.08px;font-family:Poppins;font-size:54px;font-style:normal;font-weight:600;line-height:64px}.heading-xxxl{letter-spacing:-1.08px;font-family:Inter;font-size:54px;font-style:normal;font-weight:600;line-height:64px}.italic-02{letter-spacing:.24px;font-family:Inter;font-size:12px;font-style:italic;font-weight:400;line-height:16px}.body-long-01{font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:26px}@media (width<=48rem){.body-long-01{font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:26px}}.body-long-02{font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:24px}@media (width<=48rem){.body-long-02{font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:24px}}.body-short-01{font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:24px}@media (width<=48rem){.body-short-01{font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:24px}}.display-l{font-family:Poppins;font-size:24px;font-style:normal;font-weight:600;line-height:36px}@media (width<=48rem){.display-l{font-family:Poppins;font-size:24px;font-style:normal;font-weight:600;line-height:32px}}.display-m{font-family:Poppins;font-size:22px;font-style:normal;font-weight:600;line-height:30px}@media (width<=48rem){.display-m{font-family:Poppins;font-size:18px;font-style:normal;font-weight:600;line-height:26px}}.display-s{font-family:Poppins;font-size:18px;font-style:normal;font-weight:600;line-height:26px}@media (width<=48rem){.display-s{font-family:Poppins;font-size:16px;font-style:normal;font-weight:600;line-height:22px}}.display-xl{font-family:Poppins;font-size:28px;font-style:normal;font-weight:600;line-height:38px}@media (width<=48rem){.display-xl{font-family:Poppins;font-size:26px;font-style:normal;font-weight:600;line-height:34px}}.display-xs{font-family:Poppins;font-size:16px;font-style:normal;font-weight:600;line-height:24px}@media (width<=48rem){.display-xs{font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:20px}}.heading-l{font-family:Inter;font-size:24px;font-style:normal;font-weight:600;line-height:36px}@media (width<=48rem){.heading-l{font-family:Inter;font-size:22px;font-style:normal;font-weight:600;line-height:30px}}.heading-m{font-family:Inter;font-size:22px;font-style:normal;font-weight:600;line-height:30px}@media (width<=48rem){.heading-m{font-family:Inter;font-size:18px;font-style:normal;font-weight:600;line-height:26px}}.heading-s{font-family:Inter;font-size:18px;font-style:normal;font-weight:600;line-height:26px}@media (width<=48rem){.heading-s{font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:22px}}.heading-xl{font-family:Inter;font-size:28px;font-style:normal;font-weight:600;line-height:38px}@media (width<=48rem){.heading-xl{font-family:Inter;font-size:26px;font-style:normal;font-weight:600;line-height:34px}}.heading-xs{font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}@media (width<=48rem){.heading-xs{font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:20px}}.helper-text-01{font-family:Nanum Pen Script;font-size:24px;font-style:normal;font-weight:400;line-height:24px}@media (width<=48rem){.helper-text-01{font-family:Nanum Pen Script;font-size:22px;font-style:normal;font-weight:400;line-height:26px}}.label-01{font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:24px}@media (width<=48rem){.label-01{font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:24px}}.label-02{font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:22px}@media (width<=48rem){.label-02{font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:22px}}.code-01{font-family:Roboto Mono;font-size:14px;font-style:normal;font-weight:400;line-height:24px}.code-02{font-family:Roboto Mono;font-size:12px;font-style:normal;font-weight:400;line-height:22px}.display-xxs{font-family:Poppins;font-size:14px;font-style:normal;font-weight:600;line-height:18px}.heading-xxs{font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:18px}.italic-01{font-family:Inter;font-size:14px;font-style:italic;font-weight:400;line-height:22px}.label-03{font-family:Inter;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.font-mono{font-family:var(--font-mono)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8px\]{font-size:8px}.text-\[10px\]{font-size:10px}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.\[text-overflow\:\'\'\]{text-overflow:""}.whitespace-nowrap{white-space:nowrap}.text-fretboard-label{color:var(--color-fretboard-label)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-green-900{color:var(--color-green-900)}.text-lime-900{color:var(--color-lime-900)}.text-piano-key-label{color:var(--color-piano-key-label)}.text-pink-500{color:var(--color-pink-500)}.text-red-900{color:var(--color-red-900)}.text-stone-400{color:var(--color-stone-400)}.text-stone-500{color:var(--color-stone-500)}.text-stone-600{color:var(--color-stone-600)}.text-stone-700{color:var(--color-stone-700)}.text-text-placeholder{color:var(--color-text-placeholder)}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.text-text-tertiary{color:var(--color-text-tertiary)}.text-white{color:var(--color-white)}.text-yellow-900{color:var(--color-yellow-900)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.opacity-80{opacity:.8}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.\[content-visibility\:auto\]{content-visibility:auto}.not-first\:mt-16:not(:first-child){margin-top:calc(var(--spacing)*16)}.group-focus-visible\:outline-2:is(:where(.group):focus-visible *),.group-focus-visible\:outline-2:is(:where(.group).\:focus-visible *){outline-style:var(--tw-outline-style);outline-width:2px}.group-focus-visible\:outline-offset-1:is(:where(.group):focus-visible *),.group-focus-visible\:outline-offset-1:is(:where(.group).\:focus-visible *){outline-offset:1px}.group-focus-visible\:outline-focus-ring:is(:where(.group):focus-visible *),.group-focus-visible\:outline-focus-ring:is(:where(.group).\:focus-visible *){outline-color:var(--color-focus-ring)}.last\:hidden:last-child{display:none}@media (hover:hover){.hover\:bg-bg-panel:hover{background-color:var(--color-bg-panel)}}.hover\:bg-bg-panel.\:hover{background-color:var(--color-bg-panel)}@media (hover:hover){.hover\:bg-highlight-selected-chord:hover{background-color:var(--color-highlight-selected-chord)}}.hover\:bg-highlight-selected-chord.\:hover{background-color:var(--color-highlight-selected-chord)}@media (hover:hover){.hover\:bg-stone-50:hover{background-color:var(--color-stone-50)}}.hover\:bg-stone-50.\:hover{background-color:var(--color-stone-50)}.focus-visible\:bg-red-300:focus-visible,.focus-visible\:bg-red-300.\:focus-visible{background-color:var(--color-red-300)}.focus-visible\:outline-2:focus-visible,.focus-visible\:outline-2.\:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible,.focus-visible\:outline-offset-2.\:focus-visible{outline-offset:2px}.focus-visible\:outline-offset-\[-2px\]:focus-visible,.focus-visible\:outline-offset-\[-2px\].\:focus-visible{outline-offset:-2px}.focus-visible\:outline-focus-ring:focus-visible,.focus-visible\:outline-focus-ring.\:focus-visible{outline-color:var(--color-focus-ring)}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[orientation\=vertical\]\:self-stretch[data-orientation=vertical]{align-self:stretch}@media (width>=64rem){.lg\:block{display:block}}@media (forced-colors:active){.forced-colors\:bg-\[ButtonBorder\]{background-color:buttonborder}}:is([data-inspected-pitch-class="0"] [data-pitch-class="0"],[data-inspected-pitch-class="1"] [data-pitch-class="1"],[data-inspected-pitch-class="2"] [data-pitch-class="2"],[data-inspected-pitch-class="3"] [data-pitch-class="3"],[data-inspected-pitch-class="4"] [data-pitch-class="4"],[data-inspected-pitch-class="5"] [data-pitch-class="5"],[data-inspected-pitch-class="6"] [data-pitch-class="6"],[data-inspected-pitch-class="7"] [data-pitch-class="7"],[data-inspected-pitch-class="8"] [data-pitch-class="8"],[data-inspected-pitch-class="9"] [data-pitch-class="9"],[data-inspected-pitch-class="10"] [data-pitch-class="10"],[data-inspected-pitch-class="11"] [data-pitch-class="11"]) [data-position-label]{outline:2px solid var(--color-note-pressed-highlight);outline-offset:2px}:is([data-inspected-midi="21"] [data-midi="21"],[data-inspected-midi="22"] [data-midi="22"],[data-inspected-midi="23"] [data-midi="23"],[data-inspected-midi="24"] [data-midi="24"],[data-inspected-midi="25"] [data-midi="25"],[data-inspected-midi="26"] [data-midi="26"],[data-inspected-midi="27"] [data-midi="27"],[data-inspected-midi="28"] [data-midi="28"],[data-inspected-midi="29"] [data-midi="29"],[data-inspected-midi="30"] [data-midi="30"],[data-inspected-midi="31"] [data-midi="31"],[data-inspected-midi="32"] [data-midi="32"],[data-inspected-midi="33"] [data-midi="33"],[data-inspected-midi="34"] [data-midi="34"],[data-inspected-midi="35"] [data-midi="35"],[data-inspected-midi="36"] [data-midi="36"],[data-inspected-midi="37"] [data-midi="37"],[data-inspected-midi="38"] [data-midi="38"],[data-inspected-midi="39"] [data-midi="39"],[data-inspected-midi="40"] [data-midi="40"],[data-inspected-midi="41"] [data-midi="41"],[data-inspected-midi="42"] [data-midi="42"],[data-inspected-midi="43"] [data-midi="43"],[data-inspected-midi="44"] [data-midi="44"],[data-inspected-midi="45"] [data-midi="45"],[data-inspected-midi="46"] [data-midi="46"],[data-inspected-midi="47"] [data-midi="47"],[data-inspected-midi="48"] [data-midi="48"],[data-inspected-midi="49"] [data-midi="49"],[data-inspected-midi="50"] [data-midi="50"],[data-inspected-midi="51"] [data-midi="51"],[data-inspected-midi="52"] [data-midi="52"],[data-inspected-midi="53"] [data-midi="53"],[data-inspected-midi="54"] [data-midi="54"],[data-inspected-midi="55"] [data-midi="55"],[data-inspected-midi="56"] [data-midi="56"],[data-inspected-midi="57"] [data-midi="57"],[data-inspected-midi="58"] [data-midi="58"],[data-inspected-midi="59"] [data-midi="59"],[data-inspected-midi="60"] [data-midi="60"],[data-inspected-midi="61"] [data-midi="61"],[data-inspected-midi="62"] [data-midi="62"],[data-inspected-midi="63"] [data-midi="63"],[data-inspected-midi="64"] [data-midi="64"],[data-inspected-midi="65"] [data-midi="65"],[data-inspected-midi="66"] [data-midi="66"],[data-inspected-midi="67"] [data-midi="67"],[data-inspected-midi="68"] [data-midi="68"],[data-inspected-midi="69"] [data-midi="69"],[data-inspected-midi="70"] [data-midi="70"],[data-inspected-midi="71"] [data-midi="71"],[data-inspected-midi="72"] [data-midi="72"],[data-inspected-midi="73"] [data-midi="73"],[data-inspected-midi="74"] [data-midi="74"],[data-inspected-midi="75"] [data-midi="75"],[data-inspected-midi="76"] [data-midi="76"],[data-inspected-midi="77"] [data-midi="77"],[data-inspected-midi="78"] [data-midi="78"],[data-inspected-midi="79"] [data-midi="79"],[data-inspected-midi="80"] [data-midi="80"],[data-inspected-midi="81"] [data-midi="81"],[data-inspected-midi="82"] [data-midi="82"],[data-inspected-midi="83"] [data-midi="83"],[data-inspected-midi="84"] [data-midi="84"],[data-inspected-midi="85"] [data-midi="85"],[data-inspected-midi="86"] [data-midi="86"],[data-inspected-midi="87"] [data-midi="87"],[data-inspected-midi="88"] [data-midi="88"],[data-inspected-midi="89"] [data-midi="89"],[data-inspected-midi="90"] [data-midi="90"],[data-inspected-midi="91"] [data-midi="91"],[data-inspected-midi="92"] [data-midi="92"],[data-inspected-midi="93"] [data-midi="93"],[data-inspected-midi="94"] [data-midi="94"],[data-inspected-midi="95"] [data-midi="95"],[data-inspected-midi="96"] [data-midi="96"],[data-inspected-midi="97"] [data-midi="97"],[data-inspected-midi="98"] [data-midi="98"],[data-inspected-midi="99"] [data-midi="99"],[data-inspected-midi="100"] [data-midi="100"],[data-inspected-midi="101"] [data-midi="101"],[data-inspected-midi="102"] [data-midi="102"],[data-inspected-midi="103"] [data-midi="103"],[data-inspected-midi="104"] [data-midi="104"],[data-inspected-midi="105"] [data-midi="105"],[data-inspected-midi="106"] [data-midi="106"],[data-inspected-midi="107"] [data-midi="107"],[data-inspected-midi="108"] [data-midi="108"]) [data-position-label]{background-color:var(--color-note-pressed-highlight);color:var(--color-gray-900);font-size:0}:is([data-inspected-midi="21"] [data-midi="21"],[data-inspected-midi="22"] [data-midi="22"],[data-inspected-midi="23"] [data-midi="23"],[data-inspected-midi="24"] [data-midi="24"],[data-inspected-midi="25"] [data-midi="25"],[data-inspected-midi="26"] [data-midi="26"],[data-inspected-midi="27"] [data-midi="27"],[data-inspected-midi="28"] [data-midi="28"],[data-inspected-midi="29"] [data-midi="29"],[data-inspected-midi="30"] [data-midi="30"],[data-inspected-midi="31"] [data-midi="31"],[data-inspected-midi="32"] [data-midi="32"],[data-inspected-midi="33"] [data-midi="33"],[data-inspected-midi="34"] [data-midi="34"],[data-inspected-midi="35"] [data-midi="35"],[data-inspected-midi="36"] [data-midi="36"],[data-inspected-midi="37"] [data-midi="37"],[data-inspected-midi="38"] [data-midi="38"],[data-inspected-midi="39"] [data-midi="39"],[data-inspected-midi="40"] [data-midi="40"],[data-inspected-midi="41"] [data-midi="41"],[data-inspected-midi="42"] [data-midi="42"],[data-inspected-midi="43"] [data-midi="43"],[data-inspected-midi="44"] [data-midi="44"],[data-inspected-midi="45"] [data-midi="45"],[data-inspected-midi="46"] [data-midi="46"],[data-inspected-midi="47"] [data-midi="47"],[data-inspected-midi="48"] [data-midi="48"],[data-inspected-midi="49"] [data-midi="49"],[data-inspected-midi="50"] [data-midi="50"],[data-inspected-midi="51"] [data-midi="51"],[data-inspected-midi="52"] [data-midi="52"],[data-inspected-midi="53"] [data-midi="53"],[data-inspected-midi="54"] [data-midi="54"],[data-inspected-midi="55"] [data-midi="55"],[data-inspected-midi="56"] [data-midi="56"],[data-inspected-midi="57"] [data-midi="57"],[data-inspected-midi="58"] [data-midi="58"],[data-inspected-midi="59"] [data-midi="59"],[data-inspected-midi="60"] [data-midi="60"],[data-inspected-midi="61"] [data-midi="61"],[data-inspected-midi="62"] [data-midi="62"],[data-inspected-midi="63"] [data-midi="63"],[data-inspected-midi="64"] [data-midi="64"],[data-inspected-midi="65"] [data-midi="65"],[data-inspected-midi="66"] [data-midi="66"],[data-inspected-midi="67"] [data-midi="67"],[data-inspected-midi="68"] [data-midi="68"],[data-inspected-midi="69"] [data-midi="69"],[data-inspected-midi="70"] [data-midi="70"],[data-inspected-midi="71"] [data-midi="71"],[data-inspected-midi="72"] [data-midi="72"],[data-inspected-midi="73"] [data-midi="73"],[data-inspected-midi="74"] [data-midi="74"],[data-inspected-midi="75"] [data-midi="75"],[data-inspected-midi="76"] [data-midi="76"],[data-inspected-midi="77"] [data-midi="77"],[data-inspected-midi="78"] [data-midi="78"],[data-inspected-midi="79"] [data-midi="79"],[data-inspected-midi="80"] [data-midi="80"],[data-inspected-midi="81"] [data-midi="81"],[data-inspected-midi="82"] [data-midi="82"],[data-inspected-midi="83"] [data-midi="83"],[data-inspected-midi="84"] [data-midi="84"],[data-inspected-midi="85"] [data-midi="85"],[data-inspected-midi="86"] [data-midi="86"],[data-inspected-midi="87"] [data-midi="87"],[data-inspected-midi="88"] [data-midi="88"],[data-inspected-midi="89"] [data-midi="89"],[data-inspected-midi="90"] [data-midi="90"],[data-inspected-midi="91"] [data-midi="91"],[data-inspected-midi="92"] [data-midi="92"],[data-inspected-midi="93"] [data-midi="93"],[data-inspected-midi="94"] [data-midi="94"],[data-inspected-midi="95"] [data-midi="95"],[data-inspected-midi="96"] [data-midi="96"],[data-inspected-midi="97"] [data-midi="97"],[data-inspected-midi="98"] [data-midi="98"],[data-inspected-midi="99"] [data-midi="99"],[data-inspected-midi="100"] [data-midi="100"],[data-inspected-midi="101"] [data-midi="101"],[data-inspected-midi="102"] [data-midi="102"],[data-inspected-midi="103"] [data-midi="103"],[data-inspected-midi="104"] [data-midi="104"],[data-inspected-midi="105"] [data-midi="105"],[data-inspected-midi="106"] [data-midi="106"],[data-inspected-midi="107"] [data-midi="107"],[data-inspected-midi="108"] [data-midi="108"]) [data-position-label]>span{display:none}:is([data-inspected-midi="21"] [data-midi="21"],[data-inspected-midi="22"] [data-midi="22"],[data-inspected-midi="23"] [data-midi="23"],[data-inspected-midi="24"] [data-midi="24"],[data-inspected-midi="25"] [data-midi="25"],[data-inspected-midi="26"] [data-midi="26"],[data-inspected-midi="27"] [data-midi="27"],[data-inspected-midi="28"] [data-midi="28"],[data-inspected-midi="29"] [data-midi="29"],[data-inspected-midi="30"] [data-midi="30"],[data-inspected-midi="31"] [data-midi="31"],[data-inspected-midi="32"] [data-midi="32"],[data-inspected-midi="33"] [data-midi="33"],[data-inspected-midi="34"] [data-midi="34"],[data-inspected-midi="35"] [data-midi="35"],[data-inspected-midi="36"] [data-midi="36"],[data-inspected-midi="37"] [data-midi="37"],[data-inspected-midi="38"] [data-midi="38"],[data-inspected-midi="39"] [data-midi="39"],[data-inspected-midi="40"] [data-midi="40"],[data-inspected-midi="41"] [data-midi="41"],[data-inspected-midi="42"] [data-midi="42"],[data-inspected-midi="43"] [data-midi="43"],[data-inspected-midi="44"] [data-midi="44"],[data-inspected-midi="45"] [data-midi="45"],[data-inspected-midi="46"] [data-midi="46"],[data-inspected-midi="47"] [data-midi="47"],[data-inspected-midi="48"] [data-midi="48"],[data-inspected-midi="49"] [data-midi="49"],[data-inspected-midi="50"] [data-midi="50"],[data-inspected-midi="51"] [data-midi="51"],[data-inspected-midi="52"] [data-midi="52"],[data-inspected-midi="53"] [data-midi="53"],[data-inspected-midi="54"] [data-midi="54"],[data-inspected-midi="55"] [data-midi="55"],[data-inspected-midi="56"] [data-midi="56"],[data-inspected-midi="57"] [data-midi="57"],[data-inspected-midi="58"] [data-midi="58"],[data-inspected-midi="59"] [data-midi="59"],[data-inspected-midi="60"] [data-midi="60"],[data-inspected-midi="61"] [data-midi="61"],[data-inspected-midi="62"] [data-midi="62"],[data-inspected-midi="63"] [data-midi="63"],[data-inspected-midi="64"] [data-midi="64"],[data-inspected-midi="65"] [data-midi="65"],[data-inspected-midi="66"] [data-midi="66"],[data-inspected-midi="67"] [data-midi="67"],[data-inspected-midi="68"] [data-midi="68"],[data-inspected-midi="69"] [data-midi="69"],[data-inspected-midi="70"] [data-midi="70"],[data-inspected-midi="71"] [data-midi="71"],[data-inspected-midi="72"] [data-midi="72"],[data-inspected-midi="73"] [data-midi="73"],[data-inspected-midi="74"] [data-midi="74"],[data-inspected-midi="75"] [data-midi="75"],[data-inspected-midi="76"] [data-midi="76"],[data-inspected-midi="77"] [data-midi="77"],[data-inspected-midi="78"] [data-midi="78"],[data-inspected-midi="79"] [data-midi="79"],[data-inspected-midi="80"] [data-midi="80"],[data-inspected-midi="81"] [data-midi="81"],[data-inspected-midi="82"] [data-midi="82"],[data-inspected-midi="83"] [data-midi="83"],[data-inspected-midi="84"] [data-midi="84"],[data-inspected-midi="85"] [data-midi="85"],[data-inspected-midi="86"] [data-midi="86"],[data-inspected-midi="87"] [data-midi="87"],[data-inspected-midi="88"] [data-midi="88"],[data-inspected-midi="89"] [data-midi="89"],[data-inspected-midi="90"] [data-midi="90"],[data-inspected-midi="91"] [data-midi="91"],[data-inspected-midi="92"] [data-midi="92"],[data-inspected-midi="93"] [data-midi="93"],[data-inspected-midi="94"] [data-midi="94"],[data-inspected-midi="95"] [data-midi="95"],[data-inspected-midi="96"] [data-midi="96"],[data-inspected-midi="97"] [data-midi="97"],[data-inspected-midi="98"] [data-midi="98"],[data-inspected-midi="99"] [data-midi="99"],[data-inspected-midi="100"] [data-midi="100"],[data-inspected-midi="101"] [data-midi="101"],[data-inspected-midi="102"] [data-midi="102"],[data-inspected-midi="103"] [data-midi="103"],[data-inspected-midi="104"] [data-midi="104"],[data-inspected-midi="105"] [data-midi="105"],[data-inspected-midi="106"] [data-midi="106"],[data-inspected-midi="107"] [data-midi="107"],[data-inspected-midi="108"] [data-midi="108"]) [data-position-label]:after{content:attr(data-pitch-name);font-size:8px;font-weight:600;line-height:1}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-duration{syntax:"*";inherits:false}