.fp-fretboard-shell[data-fp-fretboard-style=rosewood]{--fp-fretboard-style-wood-image:url(/fretboard-style/rosewood-bg.webp);--fp-fretboard-style-wood-size:cover;--fp-fretboard-style-wood:var(--fp-fretboard-style-wood-image) center center / var(--fp-fretboard-style-wood-size) no-repeat}.fp-fretboard-shell[data-fp-fretboard-style=maple]{--fp-fretboard-style-wood-image:url(/fretboard-style/maple-bg.webp);--fp-fretboard-style-wood-size:cover;--fp-fretboard-style-wood:var(--fp-fretboard-style-wood-image) center center / var(--fp-fretboard-style-wood-size) no-repeat}.fp-fretboard-shell[data-fp-fretboard-style=ebony]{--fp-fretboard-style-wood-image:url(/fretboard-style/EbonyV2BG.webp);--fp-fretboard-style-wood-size:cover;--fp-fretboard-style-wood:var(--fp-fretboard-style-wood-image) center center / var(--fp-fretboard-style-wood-size) no-repeat}.fp-fretboard-shell.fp-fretboard-style--realistic .fp-fretboard-stage{isolation:isolate;position:relative}.fp-fretboard-shell.fp-fretboard-style--realistic{--fp-fretboard-shell-bg:color-mix(in srgb, var(--bg-fretboard) 92%, #fff)}.fp-fretboard-shell.fp-fretboard-style--realistic .fp-fretboard-style-board-body{z-index:0;pointer-events:none;background:var(--fp-fretboard-style-wood);border:0;border-radius:7px;position:absolute;overflow:hidden;box-shadow:0 -4px 6px -2px #00000057,0 4px 6px -3px #0000005c,0 18px 18px -8px #00000080,0 32px 28px -18px #00000057}.fp-fretboard-shell.fp-fretboard-style--realistic .fp-fretboard-style-board-sheen{display:none}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard,.fp-fretboard-shell.fp-fretboard-style--realistic .fp-fretboard-main{z-index:1;position:relative}.fp-fretboard-shell.fp-fretboard-style--realistic .fp-fretboard-scroll{scrollbar-color:#d8e2eb57 #00000047}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard svg{filter:saturate(1.08)contrast(1.04)}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard g.frets line{stroke-linecap:round;filter:drop-shadow(-.8px 0 #ffffff9e)drop-shadow(1px 0 #11182094)drop-shadow(0 0 2px #ffffff38);vector-effect:non-scaling-stroke;opacity:.56;stroke:url(#fp-fretboard-style-fret-steel) #c7d0d8!important;stroke-width:3.2px!important}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard g.frets line:first-child{filter:drop-shadow(-1px 0 #ffffffb3)drop-shadow(1.4px 0 #0000006b);stroke:url(#fp-fretboard-style-nut-bone) #eee7d8!important;stroke-width:6.2px!important}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard g.strings line{stroke-linecap:round;filter:drop-shadow(0 -.5px #ffffffa3)drop-shadow(0 1.2px 1px #02060a80)drop-shadow(0 0 1.5px #fff3);vector-effect:non-scaling-stroke;opacity:.2;stroke:url(#fp-fretboard-style-plain-string) #d9e0e7!important}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard .fp-fretboard-style-fret-detail,.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard .fp-fretboard-style-string-detail{pointer-events:none}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard .fp-fretboard-style-fret-shadow{stroke:#00000052;stroke-linecap:round;stroke-width:5.6px;filter:blur(.28px);opacity:.42;vector-effect:non-scaling-stroke;transform:translate(.18px)}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard .fp-fretboard-style-fret-crown{stroke:url(#fp-fretboard-style-fret-steel) #d5dde4;stroke-linecap:round;stroke-width:3.7px;filter:drop-shadow(-.7px 0 #ffffffc7)drop-shadow(.8px 0 #11182094)drop-shadow(0 0 2px #ffffff3d);vector-effect:non-scaling-stroke}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard .fp-fretboard-style-fret-texture{pointer-events:none;opacity:.94;filter:drop-shadow(-.7px 0 #ffffff80)drop-shadow(.8px 0 #1118207a)drop-shadow(0 0 2px #ffffff2e)}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard .fp-fretboard-style-fret-texture-fallback{fill:url(#fp-fretboard-style-fret-steel) #d5dde4}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard .fp-fretboard-style-fret-texture-image{opacity:1}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard .fp-fretboard-style-nut-shadow{stroke:#00000075;stroke-linecap:round;stroke-width:10px;vector-effect:non-scaling-stroke}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard .fp-fretboard-style-nut-crown{stroke:url(#fp-fretboard-style-nut-bone) #eee7d8;stroke-linecap:round;stroke-width:6.6px;filter:drop-shadow(-1px 0 #ffffffb8)drop-shadow(1.4px 0 #0000006b);vector-effect:non-scaling-stroke}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard .fp-fretboard-style-string-shadow{stroke:#0000009e;stroke-linecap:round;opacity:.55;filter:blur(.5px);vector-effect:non-scaling-stroke}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard .fp-fretboard-style-string-shadow[data-string="1"]{stroke-width:2.25px}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard .fp-fretboard-style-string-shadow[data-string="2"]{stroke-width:2.5px}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard .fp-fretboard-style-string-shadow[data-string="3"]{stroke-width:2.8px}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard .fp-fretboard-style-string-shadow[data-string="4"]{stroke-width:3.55px}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard .fp-fretboard-style-string-shadow[data-string="5"]{stroke-width:4.15px}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard .fp-fretboard-style-string-shadow[data-string="6"]{stroke-width:4.8px}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard .fp-fretboard-style-string-core{stroke:url(#fp-fretboard-style-plain-string) #d9e0e7;stroke-linecap:round;filter:var(--fp-fretboard-style-string-play-glow,drop-shadow(0 0 0 #84c6ff00)) drop-shadow(0 0 .8px #ffffff85) drop-shadow(0 1px .85px #00000080);vector-effect:non-scaling-stroke}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard .fp-fretboard-style-string-core[data-string="1"]{--fp-fretboard-style-string-size:.9px;stroke-width:.9px}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard .fp-fretboard-style-string-core[data-string="2"]{--fp-fretboard-style-string-size:1.15px;stroke-width:1.15px}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard .fp-fretboard-style-wound-string-texture{pointer-events:none;opacity:.95;filter:var(--fp-fretboard-style-string-play-glow,drop-shadow(0 0 0 #84c6ff00)) drop-shadow(0 1.05px .8px #0000007a);overflow:visible}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard .fp-fretboard-style-wound-string-texture>div{background-image:url(/fretboard-style/wound-string.webp);background-position:0;background-repeat:repeat-x;background-size:auto 100%;width:100%;height:100%}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard .fp-fretboard-style-wound-string-texture[data-string="3"]{opacity:.82}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard .fp-fretboard-style-wound-string-texture[data-string="4"]{opacity:.88}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard .fp-fretboard-style-wound-string-texture[data-string="5"]{opacity:.93}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard .fp-fretboard-style-string-highlight{stroke:#ffffffd1;stroke-linecap:round;stroke-width:.45px;opacity:.72;filter:var(--fp-fretboard-style-string-play-glow,drop-shadow(0 0 0 #84c6ff00));vector-effect:non-scaling-stroke}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard .fp-fretboard-style-string-detail [data-string]{transform-box:fill-box;transform-origin:50%}:is(.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard g.fretboard-wrapper:has(g.strings line.string-1.active) .fp-fretboard-style-string-detail [data-string="1"],.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard g.fretboard-wrapper:has(g.strings line.string-2.active) .fp-fretboard-style-string-detail [data-string="2"],.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard g.fretboard-wrapper:has(g.strings line.string-3.active) .fp-fretboard-style-string-detail [data-string="3"],.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard g.fretboard-wrapper:has(g.strings line.string-4.active) .fp-fretboard-style-string-detail [data-string="4"],.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard g.fretboard-wrapper:has(g.strings line.string-5.active) .fp-fretboard-style-string-detail [data-string="5"],.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard g.fretboard-wrapper:has(g.strings line.string-6.active) .fp-fretboard-style-string-detail [data-string="6"]){--fp-fretboard-style-string-play-glow:drop-shadow(0 0 2.8px #87c9ff5c)}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard g.strings line:first-child{stroke-width:1.05px!important}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard g.strings line:nth-child(2){stroke-width:1.35px!important}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard g.strings line:nth-child(3){stroke-width:1.75px!important}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard g.strings line:nth-child(4){stroke-width:2.35px!important}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard g.strings line:nth-child(5){stroke-width:2.9px!important}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard g.strings line:nth-child(6){stroke-width:3.45px!important}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard g.strings line.off{opacity:.3;filter:none}.fp-fretboard-shell[data-fp-fretboard-marker-style=pearl] #fretboard .fp-inlay-dot{fill:url(#fp-fretboard-style-marker-pearl) #e8e5d7;opacity:.5;filter:drop-shadow(0 1px #00000059)drop-shadow(0 0 5px #ffffff47)}.fp-fretboard-shell[data-fp-fretboard-marker-style=abalone] #fretboard .fp-inlay-dot{fill:url(#fp-fretboard-style-marker-abalone) #88d4d4;opacity:.68}.fp-fretboard-shell[data-fp-fretboard-marker-style=clay] #fretboard .fp-inlay-dot{fill:url(#fp-fretboard-style-marker-clay) #9a6440;opacity:.74;filter:drop-shadow(0 1px #ffffff29)drop-shadow(0 1px 2px #00000047)}.fp-fretboard-shell[data-fp-fretboard-marker-style=none] #fretboard .fp-inlay-dot{opacity:0}.fp-fretboard-shell[data-fp-fretboard-style=maple][data-fp-fretboard-marker-style=pearl] #fretboard .fp-inlay-dot{opacity:.4}.fp-fretboard-shell[data-fp-fretboard-style=maple][data-fp-fretboard-marker-style=clay] #fretboard .fp-inlay-dot{opacity:.82}.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard .fp-fretboard-style-string-shadow.is-off,.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard .fp-fretboard-style-string-core.is-off,.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard .fp-fretboard-style-string-highlight.is-off,.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard .fp-fretboard-style-wound-string-texture.is-off{opacity:.22}@media (prefers-reduced-motion:reduce){.fp-fretboard-shell.fp-fretboard-style--realistic #fretboard .fp-fretboard-style-string-detail [data-string]{animation:none!important}}