.guitar-container{display:block;border-radius:1em;overflow:hidden;padding:5px 1.5em;background-color:transparent;--edge-height:2.565em}.guitar,.guitar-container{position:relative;overflow-x:hidden}.guitar{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;box-sizing:border-box;width:900px;max-width:100%;overflow-y:hidden;overscroll-behavior-x:none;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation}@media (pointer:coarse) and (min-width:768px){.guitar{touch-action:none}}.guitar{scrollbar-width:none;-ms-overflow-style:none}.guitar::-webkit-scrollbar{width:0;height:0;display:none}.guitar *,.guitar :after,.guitar :before{box-sizing:border-box}.guitar .frets{display:flex;position:relative}.guitar .frets .fret{width:var(--fret-width,40px);flex-shrink:0;position:relative}.guitar .frets .fret.nut{width:calc(var(--fret-width, 40px) * .8)}.guitar .frets .fret.mute{width:calc(var(--fret-width, 40px) * .5);position:absolute;top:0;left:0}.guitar .strings{display:flex;flex-direction:column;justify-content:center;position:relative;min-height:8.55em;z-index:30}.guitar .strings .string{margin:0;padding:0;border:none}.guitar .strings .string .fret{display:flex;align-items:center}.guitar .strings .string .fret label{font-size:1em;width:100%;height:2.84821875em;display:flex;align-items:center;justify-content:center;margin:0}.guitar .strings .string .fret .actual-string{transition:opacity .1s ease-in-out;content:"";width:2000px;height:.65em;position:absolute;left:0}.guitar .strings .string .fret input:not(:disabled){height:100%;width:100%}.guitar .strings .string .fret input:not(:disabled),.guitar .strings .string .fret input:not(:disabled)~.finger{cursor:pointer}.guitar .strings .string .fret input{position:absolute;margin:0;opacity:0}.guitar .strings .string .fret.mute input:checked~.finger{opacity:0}.guitar .strings .string .fret.mute input:focus~.finger,.guitar .strings .string .fret.mute:hover input:checked~.finger{opacity:.5}.guitar .fretboard{position:absolute;left:0;right:0;top:0;bottom:0;border:2px solid var(--fretboard-color,#8b4513);border-left:0}.guitar .fretboard,.guitar.lefty .fretboard{border-top:2px solid var(--edge-color,#333333);border-bottom:2px solid var(--edge-color,#333333)}.guitar.lefty .fretboard{border-left:2px solid var(--fretboard-color,#8b4513);border-right:0}.string-label{position:absolute;left:-30px;top:50%;transform:translateY(-50%);font-size:14px;font-weight:700;color:var(--string-label-color,#8b5a3c);background:var(--string-label-bg,rgba(255,255,255,.9));padding:2px 6px;border-radius:3px;z-index:10}.guitar.lefty .string-label{left:auto;right:-30px}.guitar-headstock{border-radius:0 .5em .5em 0;background-image:none!important}.guitar.lefty .guitar-headstock{border-radius:.5em 0 0 .5em}.guitar.guitar-3d .string-label{left:-60px}.guitar.lefty.guitar-3d .string-label{left:auto;right:-60px}.guitar .fretboard .fret{display:flex;flex-direction:row-reverse;align-items:center;justify-content:end;background:var(--fretboard-texture,var(--fretboard-color,#8B4513))}.guitar .fretboard .fret.nut{background-color:transparent;border-left:none;border-right:var(--nut-line-width,18px) solid var(--nut-color,#f5f5dc)}.guitar.lefty .fretboard .fret.nut{background-color:transparent;border-right:none;border-left:var(--nut-line-width,18px) solid var(--nut-color,#f5f5dc)}.guitar .fretboard .fret.nut:before{display:none}.guitar .fretboard .fret .marker{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center}.guitar .finger{transition:opacity .1s ease-in-out;background:var(--finger-bg-color,#f8f8f8);width:2em;height:2em;border-radius:50%;padding:0;border:2px solid #333333;border-bottom:.2em solid var(--finger-border-color,#ccc);box-shadow:0 1px 2px rgba(0,0,0,.16),0 1px 2px rgba(0,0,0,.23);font-weight:700;opacity:0;display:inline-flex;align-items:center;justify-content:center;position:relative}.guitar .strings .string .fret input:checked~.finger{opacity:1}.guitar .strings .string .fret:hover input:not(:disabled):not(:checked)~.finger{opacity:.7}.guitar .strings .string .fret input:focus:not(:disabled)~.finger{box-shadow:0 0 0 .2em var(--focus-ring-color,rgba(66,153,225,.5))}.guitar .strings .string .fret .finger:has([data-highlighted=true]){opacity:1!important}.guitar .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@supports (transform:skewY(5deg)){.guitar.guitar-3d{transform:skewX(-25deg)}.guitar.lefty.guitar-3d{transform:skewX(25deg)}.guitar-edge.guitar-edge-3d{transform:skewX(25deg) translateX(-35px)}.guitar-edge.lefty.guitar-edge-3d{transform:skewX(-25deg) translateX(35px)}}.guitar.lefty{direction:rtl}.guitar.lefty .marker{transform:scaleX(-1)}.guitar.lefty .mute{left:auto;right:0}.guitar .fretboard .fret:not(.nut):before{content:"";position:absolute;top:0;bottom:0;width:.3em;background-color:var(--fret-wire-color,#DAA520);border-right:.15em solid var(--fret-wire-shadow,#b8860b);border-radius:3px;display:inline-block;right:0}.guitar.lefty .fretboard .fret:not(.nut):before{right:auto;left:0;border-right:none;border-left:.15em solid var(--fret-wire-shadow,#b8860b)}.guitar .fretboard .fret:nth-child(2){min-width:var(--fret-width,7.5em);flex-shrink:0}.guitar-edge-container{position:relative;width:100%;height:var(--edge-height);margin-top:-1px;pointer-events:none;z-index:40}@keyframes string-glow-ring{0%,to{box-shadow:0 0 1px currentColor}50%{box-shadow:0 0 2px currentColor}}.guitar .strings .string .fret .actual-string.glowing{animation:string-glow-ring .25s ease-out forwards;color:inherit}.guitar-edge{position:relative;max-width:100%;overflow-x:hidden;overflow-y:hidden;overscroll-behavior-x:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.guitar-edge,.guitar-edge *,.guitar-edge :after,.guitar-edge :before{box-sizing:border-box}.guitar-edge .edge-frets{display:flex;position:relative;height:2.565em;background-color:var(--edge-bar-color,#333333);border-top:1px solid var(--edge-bar-border,#333333);border-bottom:1px solid var(--edge-bar-border,#333333);border-left:0;border-right:0;border-radius:0}.guitar-edge .edge-frets,.guitar.lefty .guitar-edge .edge-frets{margin-left:0;margin-right:0}.guitar-edge .edge-frets .fret.nut:after{content:"";position:absolute;top:0;bottom:0;right:0;width:6px;background-color:var(--marker-color,#999999);display:none}.guitar-edge .edge-frets .fret{width:var(--fret-width,7.5em);flex-shrink:0;position:relative}.guitar-edge .edge-frets .fret.nut{width:calc(var(--fret-width, 7.5em) * .5)}.guitar-edge .edge-frets .fret:nth-child(2){min-width:var(--fret-width,7.5em);flex-shrink:0}.guitar-edge .edge-frets .fret:not(.nut):before{content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background-color:var(--edge-divider-color,#111)}.guitar-edge .edge-frets .edge-fret{width:100%;height:100%;background:transparent;border:none;margin:0;border-radius:0}.guitar-edge .edge-frets .edge-fret--spacer{background:transparent}.guitar-edge .edge-frets .edge-fret:after{content:attr(data-fret-number);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1em;font-weight:700;color:var(--edge-number-color,#ccc);pointer-events:none}