.fretboard{margin-bottom:0;margin-top:0;margin-left:0;position:relative;display:flex;width:max-content;height:180px;background-color:#0c0b0b;background-image:url(/res/GloomTabs/GuitarFret.webp);background-repeat:repeat-x;background-position:left center;background-size:auto 100%;padding-top:8px;padding-bottom:8px;transition:margin-left .3s ease}section:nth-child(even) .fretboard{filter:drop-shadow(0 0 30px rgba(159, 29, 34, .664))}section:nth-child(odd) .fretboard{filter:drop-shadow(0 4px 25px rgba(0,0,0, .33))}section:nth-child(odd) .fretboard:first-child{margin-top:35px}section:nth-child(even) .fretboard:first-child{margin-top:120px}section:nth-child(odd) .fretboard:only-child{margin-bottom:35px}section:nth-child(even) .fretboard:only-child{margin-bottom:120px}.fretboardTitle{position:absolute;bottom:calc(100% + 1em);font-family:'Wood Heinz No4 Regular',sans-serif;left:1em}.fretboardTitle.hasmutes{margin-bottom:.5em}.fretboardHead{position:absolute;right:100%;top:50%;height:230%;aspect-ratio:728/518;transform:translateY(-50%);background-image:url(/res/GloomTabs/GuitarHead.webp);background-repeat:no-repeat;background-position:left center;background-size:contain}.fretboardHead.hils{background-image:url(/res/GloomTabs/GuitarHeadHils.webp)}.fretboardHead.d{background-image:url(/res/GloomTabs/GuitarHeadD.webp)}.fretboard:not(:first-child) .fretboardHead{display:none}.fretboardSection{z-index:1;display:grid;grid-template-rows:repeat(6,1fr);align-items:stretch;width:max-content;color:#fff;border-right:3px solid rgb(255,255,255,.1);margin-left:.5em;margin-right:.5em}.fretboardSection.has-chords{display:flex}.fretboardTrack{display:flex;align-items:center;white-space:nowrap;padding-right:1em}.fretboardTrack div{padding:.2em;border-radius:50%;font-family:'Wood Heinz No4 Regular',sans-serif;font-size:1.1em;width:.8em;height:.8em;display:flex;justify-content:center;align-items:flex-end;line-height:.5}.fretboardTrack div:not(:empty){background-color:#0c0b0b}.fretboardTrack div.palm-mute::before{content:"P.M.";position:absolute;top:-25px;font-size:.66em;padding-top:.5em;height:calc(100% - 10px);white-space:nowrap;background-image:repeating-linear-gradient(to bottom,rgba(255,255,255,.1) 0 4px,transparent 4px 8px);background-repeat:no-repeat;background-position:center;background-size:2px calc(100% - 1.2em)}.fretboardTrack:nth-child(5) div.palm-mute::before{height:calc(100% - 35px)}.fretboardTrack:nth-child(4) div.palm-mute::before{height:calc(100% - 65px)}.fretboardTrack:nth-child(3) div.palm-mute::before{height:calc(100% - 95px)}.fretboardTrack:nth-child(2) div.palm-mute::before{height:calc(100% - 122px)}.fretboardTrack:nth-child(1) div.palm-mute::before{height:calc(100% - 146px)}.fretboardSection.playable{cursor:pointer}.fretboardSection.playable:hover{border-radius:.5em;outline:2px dashed rgba(175,29,34,.267);outline-offset:-2px}.fretboardSection.playing{border-radius:.5em;background-color:rgb(255,255,255,.1)}.fretboardSection.playing div{background:0 0}.fretboardSection .chord{width:140px;margin-right:.5em}.fretboardTrackConvert{display:none}@media (max-width:1000px){.fretboard{margin-left:150px;transition:margin-left .3s ease}}@media (max-width:600px){.fretboard{margin-left:50px;transition:margin-left .3s ease}}i[data-audio]{margin-left:.5rem;cursor:pointer;transition:transform .2s ease}i[data-audio]:hover{transform:scale(1.2)}i.fa-cog{margin-left:.5rem;cursor:pointer;transition:transform .2s ease}i.fa-cog:hover{transform:rotate(90deg)}.playback-config-menu{position:absolute;top:100%;left:0;background-color:#0c0b0b;border:1px solid rgba(255,255,255,.2);padding-top:.5em;padding-bottom:.5em;padding-right:.5em;border-radius:.5em;flex-direction:column;gap:.5em;z-index:10;max-width:400px}.playback-config-menu .playback-config-option{display:flex;align-items:flex-start}.playback-config-menu .playback-config-option input[type=checkbox]{margin-top:7px;width:16px;height:16px}.playback-config-menu .playback-config-option input[type=checkbox]{appearance:none;width:40px;height:20px;background-color:#ccc;border-radius:10px;position:relative;cursor:pointer;transition:background-color .2s ease-in-out}.playback-config-menu .playback-config-option input[type=checkbox]::before{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:#fff;border-radius:50%;transition:transform .2s ease-in-out}.playback-config-menu .playback-config-option input[type=checkbox]:checked{background-color:#af1e23}.playback-config-menu .playback-config-option input[type=checkbox]:checked::before{transform:translateX(20px)}.playback-config-menu .playback-config-option label{font-size:.9em}