.styles_header__udZKm{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--space-4);min-height:64px;margin:0 auto var(--space-4);padding:0 var(--space-4);background:var(--color-bg);border-bottom:1px solid var(--color-border)}.styles_brand___gfuv{--logo-w:220px;order:1;display:flex;align-items:baseline;column-gap:var(--space-2)}.styles_logo__6zrBN{order:1;line-height:0}.styles_logo__6zrBN a{display:inline-block;border-radius:var(--radius-md)}.styles_logo__6zrBN img{width:var(--logo-w);height:auto}.styles_heading__98agg{order:2;position:relative;top:calc(var(--logo-w)*-29/600);margin:0;color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:0;line-height:1}.styles_nav__ll5RB{order:2;align-self:stretch;display:flex;gap:var(--space-1);margin-left:auto}.styles_navbox__ZZzyb{position:relative;display:inline-flex;align-items:center;min-height:var(--target-min);padding:0 var(--space-4);color:var(--color-text-muted);font-family:var(--font-title);font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:-.01em;text-decoration:none;white-space:nowrap;transition:color var(--motion-fast) var(--motion-ease)}.styles_navbox__ZZzyb:after{content:"";position:absolute;left:var(--space-2);right:var(--space-2);bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--tab-color);transition:height var(--motion-fast) var(--motion-ease)}.styles_navbox__ZZzyb:visited{color:var(--color-text-muted)}.styles_navbox__ZZzyb:hover{color:var(--color-text)}.styles_navbox__ZZzyb:hover:after{height:6px}.styles_navbox__ZZzyb:focus-visible{outline-offset:-3px;box-shadow:inset 0 0 0 6px var(--color-focus-inner);border-radius:var(--radius-md)}.styles_navboxSelected__wGnpy,.styles_navboxSelected__wGnpy:hover,.styles_navboxSelected__wGnpy:visited{color:var(--color-text);font-weight:var(--weight-heavy)}.styles_navboxSelected__wGnpy:after,.styles_navboxSelected__wGnpy:hover:after,.styles_navboxSelected__wGnpy:visited:after{height:8px}.styles_navbox__ZZzyb[data-tool=chords]{--tab-color:var(--color-tool-chords)}.styles_navbox__ZZzyb[data-tool=scales]{--tab-color:var(--color-tool-scales)}.styles_navbox__ZZzyb[data-tool=rolls]{--tab-color:var(--color-tool-rolls)}.styles_navbox__ZZzyb[data-tool=builder]{--tab-color:var(--color-tool-builder)}.styles_navbox__ZZzyb[data-tool=tuner]{--tab-color:var(--color-tool-tuner)}.styles_navboxText__erPnk{text-transform:capitalize}.styles_linkText__RAKR2{height:1px;width:1px;position:absolute;overflow:hidden;top:-20px}@media only screen and (max-width:1023px){.styles_brand___gfuv{--logo-w:186px}.styles_navbox__ZZzyb{padding:0 var(--space-3)}}@media only screen and (max-width:767px){.styles_brand___gfuv{--logo-w:170px}.styles_heading__98agg{display:none}}@media only screen and (max-width:639px){.styles_header__udZKm{min-height:0;padding-top:var(--space-2)}.styles_brand___gfuv{--logo-w:164px}.styles_nav__ll5RB{width:calc(100% + 2*var(--space-4));margin:var(--space-1) calc(-1*var(--space-4)) 0;padding:0 var(--space-1);gap:0;overflow-x:auto;scrollbar-width:none}.styles_nav__ll5RB::-webkit-scrollbar{display:none}.styles_nav__ll5RB>:first-child{margin-left:auto}.styles_nav__ll5RB>:last-child{margin-right:auto}.styles_navbox__ZZzyb{flex:none;min-height:var(--control-height-lg);padding:0 10px;font-size:var(--text-md)}.styles_navbox__ZZzyb:after{left:6px;right:6px;bottom:0}}@media only screen and (max-width:379px){.styles_navbox__ZZzyb{padding:0 7px;font-size:15px}.styles_navbox__ZZzyb:after{left:4px;right:4px}}@media only screen and (max-width:339px){.styles_navbox__ZZzyb{padding:0 6px;font-size:14px}}.styles_footer__v_hzj{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4);margin-top:var(--space-8);padding:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm)}.styles_privacy__LZI3Q{display:inline-flex;align-items:center;min-height:var(--target-min);font-weight:var(--weight-medium)}.styles_button__KA1RX,.styles_privacy__LZI3Q,.styles_privacy__LZI3Q:visited{color:var(--color-text)}.styles_button__KA1RX{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:var(--target-min);min-height:var(--control-height-md);margin:0;padding:0 var(--control-pad-md);background:var(--color-surface-strong);border:0;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--control-text-md);font-weight:var(--weight-medium);line-height:1;white-space:nowrap;cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}@media(hover:hover){.styles_button__KA1RX:hover{background:var(--color-border)}}.styles_button__KA1RX.styles_widthAuto__L46TY{min-width:0;min-height:var(--control-height-sm);padding:0 var(--control-pad-sm);font-size:var(--control-text-sm)}.styles_buttonSelected__jFAIL,.styles_buttonSelected__jFAIL:hover{color:var(--color-on-brand);background:var(--color-brand)}.styles_keyVariant__fTOYO{width:var(--key-size);min-width:0;height:var(--key-size);min-height:0;padding:0;border-radius:var(--radius-md);font-size:calc(var(--control-text-md) + 2px)}.styles_splitFirst__E3Oqw,.styles_splitSecond__2igDz{position:absolute;inset:0;font-size:calc(var(--control-text-sm) + 2px)}.styles_splitFirst__E3Oqw:focus-visible,.styles_splitSecond__2igDz:focus-visible{outline:none;box-shadow:none}.styles_splitFirst__E3Oqw:focus-visible:not(.styles_buttonSelected__jFAIL),.styles_splitSecond__2igDz:focus-visible:not(.styles_buttonSelected__jFAIL){background:var(--color-focus-inner)}.styles_splitFirst__E3Oqw{-webkit-clip-path:polygon(0 0,100% 0,0 100%);clip-path:polygon(0 0,100% 0,0 100%);justify-content:flex-start;align-items:flex-start;padding:7px 0 0 8px}.styles_splitSecond__2igDz{-webkit-clip-path:polygon(100% 0,100% 100%,0 100%);clip-path:polygon(100% 0,100% 100%,0 100%);justify-content:flex-end;align-items:flex-end;padding:0 8px 7px 0}.styles_split__tjtJX{position:relative;display:inline-block;width:var(--key-size);height:var(--key-size);border-radius:var(--radius-md);overflow:hidden}.styles_split__tjtJX:has(:focus-visible){outline:3px solid var(--color-focus-outer);outline-offset:2px;box-shadow:0 0 0 2px var(--color-focus-inner)}.styles_divider__KtRKA{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom right,transparent calc(50% - .75px),var(--color-text-muted) 50%,transparent calc(50% + .75px))}.styles_noteFlat__cFMMm,.styles_noteSharp__NhXQR{font-size:.8em;display:inline-block;position:relative;top:-4px}.styles_keys__lrZWI{display:flex;flex-wrap:nowrap;gap:var(--control-gap);overflow-x:auto;padding:3px 3px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}.styles_keys__lrZWI[data-scroll-end=true]{-webkit-mask-image:none;mask-image:none}.styles_keys__lrZWI::-webkit-scrollbar{display:none}.styles_keys__lrZWI>*{flex:none}.styles_keys__lrZWI>:first-child{margin-left:auto}.styles_keys__lrZWI>:last-child{margin-right:auto}.styles_keys__lrZWI{--key-size:52px;margin-bottom:var(--space-1)}.styles_hintWrapper__YEMa2{position:absolute;z-index:10;top:50%;left:100%;margin-left:var(--space-1);transform:translateY(-50%);font-family:var(--font-body);font-size:var(--control-text-sm);font-weight:var(--weight-regular);letter-spacing:0;line-height:1}.styles_hintToggle__NiPEc{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:50%;background:none;color:var(--color-text-muted);cursor:pointer}.styles_hintToggle__NiPEc svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.styles_hintToggle__NiPEc svg circle:last-child{fill:currentColor}@media(hover:hover){.styles_hintToggle__NiPEc:hover{color:var(--color-brand)}}.styles_hintToggle__NiPEc[aria-expanded=true]{color:var(--color-brand)}.styles_hintToggle__NiPEc:focus-visible{outline:3px solid var(--color-focus-outer);outline-offset:2px;box-shadow:0 0 0 2px var(--color-focus-inner)}.styles_hintBubble__9bBk6{position:absolute;z-index:10;top:calc(100% + var(--space-1));left:50%;transform:translateX(-50%);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);box-shadow:var(--shadow-2);white-space:nowrap}.styles_hintButton__erNsK{min-height:var(--control-height-sm);padding:0 var(--space-2);border:0;background:none;color:var(--color-brand);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.styles_hintButton__erNsK:focus-visible{outline:3px solid var(--color-focus-outer);outline-offset:2px;box-shadow:0 0 0 2px var(--color-focus-inner)}.styles_types__6g1WI{display:flex;flex-wrap:nowrap;gap:var(--control-gap);overflow-x:auto;padding:3px 3px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}.styles_types__6g1WI[data-scroll-end=true]{-webkit-mask-image:none;mask-image:none}.styles_types__6g1WI::-webkit-scrollbar{display:none}.styles_types__6g1WI>*{flex:none}.styles_types__6g1WI>:first-child{margin-left:auto}.styles_types__6g1WI>:last-child{margin-right:auto}.styles_groups__IB7pA>.styles_types__6g1WI+.styles_types__6g1WI{margin-top:var(--space-1)}.styles_wrapper__pOQOD{display:flex;justify-content:center;gap:var(--space-2)}.styles_button__Vmeok{display:inline-flex;align-items:center;gap:var(--space-2);min-width:124px;min-height:48px;padding:0 22px;justify-content:center;color:var(--color-on-brand);background:var(--color-brand);border:0;border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-md);font-weight:var(--weight-bold);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease)}.styles_button__Vmeok:hover{background:var(--color-brand-strong)}.styles_button__Vmeok[hidden]{display:none}.styles_stop__mmcBz{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0;padding:0;color:var(--color-brand);background:var(--color-bg);border:2px solid var(--color-brand-border);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease),opacity var(--motion-fast) var(--motion-ease)}@media(hover:hover){.styles_stop__mmcBz:hover:not(:disabled){background:var(--color-brand-subtle)}}.styles_stop__mmcBz:disabled{cursor:default;opacity:.4}.styles_stop__mmcBz .styles_icon__eqNbW{width:16px;height:16px}.styles_icon__eqNbW{display:block;width:18px;height:18px;fill:currentColor}.styles_segmented__azIom{--pad:3px;position:relative;display:inline-grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding:var(--pad);border-radius:var(--radius-md);background:var(--color-surface-strong)}.styles_indicator__8xiZe{position:absolute;top:var(--pad);bottom:var(--pad);left:var(--pad);width:calc((100% - 2*var(--pad))/var(--count));border-radius:calc(var(--radius-md) - var(--pad));background:var(--color-brand);transform:translateX(calc(var(--index) * 100%));transition:transform var(--motion-base) var(--motion-ease)}.styles_segment__2teKD{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:calc(var(--control-height-md) - 2*var(--pad));margin:0;padding:0 var(--control-pad-md);border:0;border-radius:calc(var(--radius-md) - var(--pad));background:rgba(0,0,0,0);color:var(--color-text);font-family:var(--font-body);font-size:var(--control-text-sm);font-weight:var(--weight-medium);line-height:1;white-space:nowrap;cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease),color var(--motion-base) var(--motion-ease)}@media(hover:hover){.styles_segment__2teKD:hover:not(.styles_segmentSelected__nfTYT){background:var(--color-border)}}.styles_segment__2teKD:focus-visible{outline:3px solid var(--color-focus-outer);outline-offset:2px;box-shadow:0 0 0 2px var(--color-focus-inner)}.styles_segmentSelected__nfTYT{color:var(--color-on-brand)}.styles_controls__76WIH{margin-bottom:25px}.styles_playback__UmXfe{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3) var(--space-8);max-width:560px;margin:var(--space-5) auto 0;padding:var(--space-5) var(--space-4) 0;border-top:1px solid var(--color-border)}@media only screen and (max-width:639px){.styles_playback__UmXfe{column-gap:var(--space-4)}}.styles_tuning__8EoL8{position:relative}.styles_tuning__8EoL8:after{content:"";position:absolute;top:50%;right:16px;width:7px;height:7px;margin-top:-6px;border:solid var(--color-brand);border-width:0 2px 2px 0;transform:rotate(45deg);pointer-events:none}.styles_tuning__8EoL8 select{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:var(--target-min);padding:0 var(--space-10) 0 var(--space-4);border:2px solid var(--color-brand-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--control-text-md);font-weight:var(--weight-medium);cursor:pointer}@media(hover:hover){.styles_tuning__8EoL8 select:hover{background:var(--color-brand-subtle)}}.styles_positionControl__AClcN{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-md)}.styles_step___mXyJ{display:inline-flex;align-items:center;justify-content:center;width:var(--target-min);height:var(--target-min);margin:0;padding:0;border:2px solid var(--color-brand-border);border-radius:50%;background:var(--color-bg);color:var(--color-brand);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(hover:hover){.styles_step___mXyJ:hover{background:var(--color-brand-subtle)}}.styles_chevron__mMDEm{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.75;stroke-linecap:round;stroke-linejoin:round}.styles_numbers__b_iK_{width:8.5em;text-align:center;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.styles_positionCurrent__6MG7A,.styles_positionTotal__z0zrU{color:var(--color-text);font-weight:var(--weight-bold)}.styles_fretboard__m8PMU{--peg-w:44px;--peg-h:34px;--row-h:40px;--mark:32px;--plate-x:calc(var(--space-1) + var(--peg-w) + 1px);--post:8px;--open-x:4px;--plate-w:calc(var(--mark) + 5px);--head-w:calc(var(--plate-x) + var(--plate-w));--fret-w:44px;--neck-min:672px;--gutter:var(--space-4);--note:var(--color-accent);--neck:var(--color-instrument);--wire:color-mix(in srgb,var(--color-instrument-light) 45%,transparent);--string-line:color-mix(in srgb,var(--color-instrument-light) 75%,transparent);--nut:var(--color-surface-strong);--open-area:var(--color-instrument-open);--open-string:color-mix(in srgb,var(--color-instrument-detail) 55%,transparent);position:relative;width:100%;margin:var(--space-2) auto var(--space-8)}.chords .styles_fretboard__m8PMU{--note:var(--color-tool-chords)}.scales .styles_fretboard__m8PMU{--note:var(--color-tool-scales)}.rolls .styles_fretboard__m8PMU{--note:var(--color-tool-rolls)}.builder .styles_fretboard__m8PMU{--note:var(--color-tool-builder)}.styles_toolName__EzEwh{margin:0 var(--gutter) var(--space-3);text-align:center}.styles_toolNamePrimary__4Mtv_{font-family:var(--font-title);font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-title);line-height:var(--leading-tight)}.styles_toolNameText__wFMSO{position:relative}.styles_toolNameSecondary__mm3HS{display:block;margin:var(--space-1) 0 0;color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--weight-regular);letter-spacing:0;line-height:var(--leading-snug)}.styles_viewport__JOYOz{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.styles_board__upscN{width:max-content;min-width:100%;box-sizing:border-box;padding:0 var(--gutter) var(--space-4) 0}.styles_numbers__UPbB_,.styles_string__2op0h{display:flex}.styles_head__3HOD8{position:-webkit-sticky;position:sticky;left:0;z-index:4;flex:none;display:flex;align-items:center;width:var(--head-w);background:var(--color-bg)}.styles_head__3HOD8:before{content:"";position:absolute;z-index:1;top:50%;left:calc(var(--space-1) + var(--peg-w));right:0;height:2px;margin-top:-1px;background:var(--open-string)}.styles_plate__Or8w1{position:absolute;top:0;bottom:0;left:var(--plate-x);right:0;background:var(--open-area)}.styles_string__2op0h:nth-child(5) .styles_plate__Or8w1{border-top-left-radius:var(--radius-lg)}.styles_string__2op0h:nth-child(2) .styles_plate__Or8w1{border-bottom-left-radius:var(--radius-lg)}.styles_drone__OgRm6 .styles_head__3HOD8:before,.styles_numbers__UPbB_ .styles_head__3HOD8:before{display:none}.styles_neckArea__paG2o{position:relative;flex:1 0 var(--neck-min)}.styles_inlay__BNiYm,.styles_neckArea__paG2o>*{--x:calc(var(--start) * 100%);--w:calc(var(--width) * 100%)}.styles_numbers__UPbB_{height:var(--space-6)}.styles_fretNumber__S7aHJ{position:absolute;bottom:var(--space-1);left:var(--x);width:var(--w);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1;text-align:center}.styles_strings__EG7ri{position:relative;display:flex;flex-direction:column-reverse}.styles_string__2op0h{height:var(--row-h)}.styles_dronePeg__o_b9j,.styles_stringName__1wjYu{position:relative;z-index:2;display:flex;flex:none;align-items:center;color:var(--color-on-brand);font-size:15px;font-weight:var(--weight-bold);line-height:1}.styles_pegShape__GjSCT{position:absolute;inset:0;width:100%;height:100%}.styles_pegShape__GjSCT path{fill:var(--color-instrument-detail)}.styles_pegNote__P3xsN{position:relative;text-align:center}.styles_stringName__1wjYu{width:var(--peg-w);height:var(--peg-h);margin-left:var(--space-1)}.styles_dronePeg__o_b9j .styles_pegNote__P3xsN,.styles_stringName__1wjYu .styles_pegNote__P3xsN{width:75%}.styles_dronePeg__o_b9j:after,.styles_stringName__1wjYu:after{content:"";position:absolute;top:50%;left:100%;box-sizing:border-box;width:var(--post);height:var(--post);margin:calc(var(--post)/-2) 0 0 calc(var(--post)/-2 + 1px);border:2px solid var(--color-instrument-detail);border-radius:50%;background:var(--color-instrument-light)}.styles_drone__OgRm6 .styles_stringName__1wjYu{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.styles_fret__C0zuC{position:absolute;top:0;left:var(--x);width:var(--w);height:100%;background:var(--neck);box-shadow:inset -2px 0 0 var(--wire)}.styles_fret__C0zuC:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:var(--string-line)}.styles_string__2op0h:not(.styles_drone__OgRm6) .styles_nutCell__QNEDo:after{content:"";position:absolute;top:0;bottom:0;left:0;width:6px;background:var(--nut)}.styles_fret__C0zuC[data-fret="15"]{box-shadow:none}.styles_string__2op0h:nth-child(5) .styles_fret__C0zuC[data-fret="15"]{border-top-right-radius:var(--radius-md)}.styles_drone__OgRm6 .styles_fret__C0zuC[data-fret="15"]{border-bottom-right-radius:var(--radius-md)}.styles_openCell__h_hwS{position:absolute;top:0;left:calc(var(--plate-x) + var(--open-x));right:0;height:100%}.styles_fretboard__m8PMU{--tab-w:var(--plate-w)}.styles_droneTab__VSOBD{position:absolute;top:0;left:calc(var(--x) + var(--w) - var(--tab-w));width:var(--tab-w);height:100%;border-radius:0 0 0 var(--radius-lg);background:var(--open-area)}.styles_droneTab__VSOBD:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;margin-top:-1px;background:var(--open-string)}.styles_droneOpenCell__xSbOT{position:absolute;top:0;left:calc(var(--x) + var(--w) - var(--tab-w) + var(--open-x));width:calc(var(--tab-w) - var(--open-x));height:100%}.styles_droneStep__zH6hZ{position:absolute;top:0;left:calc(var(--x) + var(--w) - var(--tab-w) - 18px);width:18px;height:18px;background:radial-gradient(circle at 0 100%,transparent 17.5px,var(--open-area) 18px)}.styles_dronePeg__o_b9j{position:absolute;top:calc((var(--row-h) - var(--peg-h))/2);left:calc(var(--x) + var(--w) - var(--tab-w) - var(--peg-w) - 1px);width:var(--peg-w);height:var(--peg-h)}.styles_inlays__yNf41{position:absolute;z-index:1;top:0;left:var(--head-w);right:0;height:calc(4*var(--row-h));pointer-events:none}.styles_inlay__BNiYm{position:absolute;top:50%;left:calc(var(--x) + var(--w)/2)}.styles_inlay__BNiYm:after,.styles_inlay__BNiYm:before{content:"";position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;background:color-mix(in srgb,var(--color-instrument-light) 55%,transparent);transform:rotate(45deg)}.styles_inlay__BNiYm:after{display:none}.styles_inlayDouble__E_cgw:before{top:calc(-1*var(--row-h))}.styles_inlayDouble__E_cgw:after{display:block;top:var(--row-h)}.styles_mark__JmkXv{position:absolute;z-index:2;top:50%;left:50%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--mark);height:var(--mark);margin:calc(var(--mark)/-2) 0 0 calc(var(--mark)/-2);border-radius:50%;background:var(--note);color:var(--color-on-accent);font-size:15px;font-weight:var(--weight-bold);line-height:1;opacity:0;transition:opacity var(--motion-base) var(--motion-ease)}.styles_cellOn__dJH0y .styles_mark__JmkXv{opacity:1}.styles_degree__PuSbB{font-size:14px;letter-spacing:-.04em;white-space:nowrap}.styles_markRoot__2GGCI{border:3px solid var(--color-bg)}.styles_markOpen__hQJbj{background-image:linear-gradient(135deg,transparent 25%,rgba(0,0,0,.08) 0,rgba(0,0,0,.08) 50%,transparent 0,transparent 75%,rgba(0,0,0,.08) 0);background-size:8px 8px}.styles_markMute__lTLy8{background:rgba(0,0,0,0)}.styles_markMute__lTLy8:after,.styles_markMute__lTLy8:before{content:"";position:absolute;width:16px;height:3px;border-radius:2px;background:var(--color-text);transform:rotate(45deg)}.styles_markMute__lTLy8:after{transform:rotate(-45deg)}.styles_markPlaying__7gw_R{border:3px solid var(--color-text);background:var(--color-playing);color:var(--color-on-playing)}.styles_interactive__MjP2L .styles_fret__C0zuC,.styles_interactive__MjP2L .styles_openCell__h_hwS{cursor:pointer}@media(hover:hover){.styles_interactive__MjP2L .styles_fret__C0zuC:hover .styles_mark__JmkXv,.styles_interactive__MjP2L .styles_openCell__h_hwS:hover .styles_mark__JmkXv{opacity:.65}.styles_interactive__MjP2L .styles_cellOn__dJH0y:hover .styles_mark__JmkXv{opacity:1}}.styles_cellButton__7_vt6{margin:0;padding:0;border:0;font:inherit;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.styles_cellButton__7_vt6.styles_droneOpenCell__xSbOT,.styles_cellButton__7_vt6.styles_openCell__h_hwS{background:rgba(0,0,0,0)}.styles_cellButton__7_vt6:focus-visible{z-index:5;outline:3px solid var(--color-focus-inner);outline-offset:-3px;box-shadow:inset 0 0 0 5px var(--color-focus-outer)}.styles_srOnly__unLmn{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.styles_leftHanded__iPWnf .styles_fretNumber__S7aHJ,.styles_leftHanded__iPWnf .styles_mark__JmkXv,.styles_leftHanded__iPWnf .styles_pegNote__P3xsN,.styles_leftHanded__iPWnf .styles_viewport__JOYOz{transform:scaleX(-1)}.styles_swipeHint__Nk_s1{display:none;margin:0 var(--gutter);color:var(--color-text-muted);font-size:var(--text-sm)}.styles_toolbar__J4SQv{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin:var(--space-2) var(--gutter) 0}.styles_toolbarGroup__byTng{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.styles_legend__6jyae{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin:var(--space-4) var(--gutter) 0;padding:0;color:var(--color-text-muted);font-size:var(--text-sm);list-style:none}.styles_legendInToolbar__UeVLB{margin:0}.styles_legendItem__p8CW5{display:flex;align-items:center;gap:var(--space-2)}.styles_legendMark__FnU1j{position:relative;display:inline-block;box-sizing:border-box;width:14px;height:14px;border-radius:50%;background:var(--note)}.styles_legend-root__hZCW4{border:2px solid var(--color-bg);box-shadow:0 0 0 2px var(--color-instrument)}.styles_legend-mute__s1NHN{background:rgba(0,0,0,0)}.styles_legend-mute__s1NHN:after,.styles_legend-mute__s1NHN:before{content:"";position:absolute;top:50%;left:0;width:14px;height:2px;margin-top:-1px;background:var(--color-text);transform:rotate(45deg)}.styles_legend-mute__s1NHN:after{transform:rotate(-45deg)}.styles_legend-open__8pViA{background-image:linear-gradient(135deg,transparent 25%,rgba(0,0,0,.08) 0,rgba(0,0,0,.08) 50%,transparent 0,transparent 75%,rgba(0,0,0,.08) 0);background-size:5px 5px}.styles_legend-playing__1hygB{border:2px solid var(--color-text);background:var(--color-playing)}@media only screen and (max-width:1023px){.styles_fretboard__m8PMU{--mark:30px;--neck-min:624px}}@media only screen and (max-width:767px){.styles_fretboard__m8PMU{--fret-w:47px;--peg-w:38px;--peg-h:30px;--mark:32px}.styles_neckArea__paG2o{flex:0 0 calc(15*var(--fret-w))}.styles_inlay__BNiYm,.styles_neckArea__paG2o>*{--x:calc((var(--fret) - 1) * var(--fret-w));--w:var(--fret-w)}.styles_swipeHint__Nk_s1{display:block}.styles_toolNamePrimary__4Mtv_{font-size:var(--text-2xl)}.styles_toolNameSecondary__mm3HS{font-size:var(--text-md)}}.styles_pageContent__zVNM7{max-width:700px;margin:0 auto;padding:0 var(--space-5) var(--space-10)}.styles_pageContent__zVNM7:before{content:"";display:block;margin-bottom:var(--space-6);border-top:1px solid var(--color-border)}.styles_section__SoWX7{margin:var(--space-8) 0}.styles_sectionHeading__a6Vx5{margin:0 0 var(--space-3);font-family:var(--font-title);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-title);line-height:var(--leading-snug)}.styles_explanation__NNzm8{margin:0;color:var(--color-text);font-size:var(--text-md);line-height:var(--leading-normal)}.styles_linkList__kvof4{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0;margin:0;list-style:none}.styles_linkButton__3T5tb,.styles_linkItem__vSr8b a{display:inline-flex;align-items:center;min-height:var(--control-height-sm);padding:0 var(--space-3);color:var(--color-brand);background:var(--color-brand-subtle);border:1px solid var(--color-brand-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--control-text-sm);font-weight:var(--weight-semibold);text-decoration:none;cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}.styles_linkButton__3T5tb:hover,.styles_linkItem__vSr8b a:hover{color:var(--color-on-brand);background:var(--color-brand)}.styles_linkItemNoLink__jdMaR{display:inline-flex;align-items:center;min-height:32px;padding:0 var(--space-3);color:var(--color-text-muted);background:rgba(0,0,0,0);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--control-text-sm);font-weight:var(--weight-medium)}.styles_intervals__YR_44{margin:var(--space-1) 0 0;color:var(--color-text);font-size:var(--text-md);line-height:var(--leading-normal)}.styles_noWrap__JYDR9{white-space:nowrap}.styles_explanation__NNzm8+.styles_explanation__NNzm8{margin-top:var(--space-3)}.styles_tuningList__Qzz8Q{display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin:var(--space-3) 0 0;padding:0;list-style:none;font-size:var(--text-md);line-height:var(--leading-normal)}.styles_tuningNotes__GEBC3{color:var(--color-text-muted)}.styles_leaderboard___Z7rM{max-width:728px;margin:0 auto}.styles_leaderboard___Z7rM ins.adsbygoogle[data-ad-status=unfilled]{display:none!important}.styles_leaderboard___Z7rM ins.adsbygoogle:not(:has(iframe[width])){height:0!important;overflow:hidden}.styles_leaderboard___Z7rM ins.adsbygoogle iframe{border:0}.styles_leaderboard___Z7rM:has(ins.adsbygoogle[data-ad-status=filled] iframe[width]){margin:var(--space-4) auto var(--space-6)}@media print{.styles_leaderboard___Z7rM{display:none}}