:root{--gap-xs:6px;--gap-sm:8px;--gap-md:12px;--gap-lg:16px;--gap-xl:20px;--page-padding:20px;--muted:#666;--muted-2:#444;--accent-root-fill:#ffd166;--accent-root-stroke:#b07a00;--accent-highlight-fill:#ff6b6b;--accent-highlight-stroke:#c53030;--note-fill:#fff;--font-xs:10px;--font-sm:12px;--font-md:13px}.Fretboard-module__FFrKlW__link{color:var(--color-blue-600,#155dfc);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,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s}@supports (color:lab(0% 0 0)){.Fretboard-module__FFrKlW__link{color:var(--color-blue-600,lab(44.0605% 29.0279 -86.0352))}}@media (hover:hover){.Fretboard-module__FFrKlW__link:hover{color:var(--color-blue-800,#193cb8)}@supports (color:lab(0% 0 0)){.Fretboard-module__FFrKlW__link:hover{color:var(--color-blue-800,lab(30.2514% 27.7853 -70.2699))}}}.Fretboard-module__FFrKlW__link-subtle{color:var(--color-slate-600,#45556c);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,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.15s;transition-duration:.15s}@supports (color:lab(0% 0 0)){.Fretboard-module__FFrKlW__link-subtle{color:var(--color-slate-600,lab(35.5623% -1.74978 -15.4316))}}@media (hover:hover){.Fretboard-module__FFrKlW__link-subtle:hover{color:var(--color-slate-900,#0f172b)}@supports (color:lab(0% 0 0)){.Fretboard-module__FFrKlW__link-subtle:hover{color:var(--color-slate-900,lab(7.78673% 1.82345 -15.0537))}}}.Fretboard-module__FFrKlW__link-clean{color:var(--color-blue-600,#155dfc);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,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s}@supports (color:lab(0% 0 0)){.Fretboard-module__FFrKlW__link-clean{color:var(--color-blue-600,lab(44.0605% 29.0279 -86.0352))}}@media (hover:hover){.Fretboard-module__FFrKlW__link-clean:hover{color:var(--color-blue-800,#193cb8)}@supports (color:lab(0% 0 0)){.Fretboard-module__FFrKlW__link-clean:hover{color:var(--color-blue-800,lab(30.2514% 27.7853 -70.2699))}}}.Fretboard-module__FFrKlW__svgRoot{width:100%;height:100%;display:block}.Fretboard-module__FFrKlW__noteGroup{cursor:pointer}.Fretboard-module__FFrKlW__noteCircle{transform-box:fill-box;transform-origin:50%;transition:transform .12s,fill .12s,stroke .12s}.Fretboard-module__FFrKlW__noteGroup:hover .Fretboard-module__FFrKlW__noteCircle{transform:scale(1.12)}.Fretboard-module__FFrKlW__noteText{font-size:var(--font-xs);text-anchor:middle;fill:#111}.Fretboard-module__FFrKlW__svgRoot.Fretboard-module__FFrKlW__compact{width:100%;height:100%}.Fretboard-module__FFrKlW__svgRoot.Fretboard-module__FFrKlW__compact .Fretboard-module__FFrKlW__noteText{font-size:8px}.Fretboard-module__FFrKlW__svgRoot.Fretboard-module__FFrKlW__compact .Fretboard-module__FFrKlW__noteGroup:hover .Fretboard-module__FFrKlW__noteCircle{transform:scale(1.06)}@property --tw-duration{syntax:"*";inherits:false}