#fretboard.svelte-1viv3va{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:50px}#fretboard.svelte-1viv3va .chord:where(.svelte-1viv3va){display:flex;justify-content:center;align-items:center}#fretboard.svelte-1viv3va .chord:where(.svelte-1viv3va) .fret:where(.svelte-1viv3va){display:flex;justify-content:center;align-items:center;width:50px;height:50px;border:1px solid black;position:relative}#fretboard.svelte-1viv3va .chord.fret-number:where(.svelte-1viv3va) .fret:where(.svelte-1viv3va){border:none;width:52px;height:52px;opacity:.3}#fretboard.svelte-1viv3va .chord:where(.svelte-1viv3va) .fret:where(.svelte-1viv3va):nth-child(1){border-left:none}#fretboard.svelte-1viv3va .chord:where(.svelte-1viv3va) .fret:where(.svelte-1viv3va):nth-child(n+2){font-weight:700}#fretboard.svelte-1viv3va .chord:where(.svelte-1viv3va):nth-child(3) .fret:where(.svelte-1viv3va):nth-child(4):after,#fretboard.svelte-1viv3va .chord:where(.svelte-1viv3va):nth-child(3) .fret:where(.svelte-1viv3va):nth-child(6):after,#fretboard.svelte-1viv3va .chord:where(.svelte-1viv3va):nth-child(3) .fret:where(.svelte-1viv3va):nth-child(8):after,#fretboard.svelte-1viv3va .chord:where(.svelte-1viv3va):nth-child(3) .fret:where(.svelte-1viv3va):nth-child(10):after{content:" ";position:absolute;bottom:-10px;left:calc(50% - 6);height:18px;width:18px;border-radius:25px;background-color:gray}#fretboard.svelte-1viv3va .chord:where(.svelte-1viv3va):nth-child(4) .fret:where(.svelte-1viv3va):nth-child(13):after,#fretboard.svelte-1viv3va .chord:where(.svelte-1viv3va):nth-child(3) .fret:where(.svelte-1viv3va):nth-child(13):after{content:" ";position:absolute;height:18px;width:18px;border-radius:25px;background-color:gray;z-index:-1}#fretboard.svelte-1viv3va .chord:where(.svelte-1viv3va):nth-child(4) .fret:where(.svelte-1viv3va):nth-child(13):after{bottom:-9px;left:calc(50% - 9)}#fretboard.svelte-1viv3va .chord:where(.svelte-1viv3va):nth-child(3) .fret:where(.svelte-1viv3va):nth-child(13):after{top:-9px;left:calc(50% - 9)}#fretboard.svelte-1viv3va .chord:where(.svelte-1viv3va) .fret[data-note]>div:where(.svelte-1viv3va):before{content:" ";height:30px;width:30px;position:absolute;top:calc(50% - 15px);left:calc(50% - 15px);z-index:-1;border-radius:50%}#fretboard.svelte-1viv3va .chord:where(.svelte-1viv3va) .fret[data-note=A]>div:where(.svelte-1viv3va):before{background-color:#f003}#fretboard.svelte-1viv3va .chord:where(.svelte-1viv3va) .fret[data-note=B]>div:where(.svelte-1viv3va):before{background-color:#ff7f0033}#fretboard.svelte-1viv3va .chord:where(.svelte-1viv3va) .fret[data-note=C]>div:where(.svelte-1viv3va):before{background-color:#ff03}#fretboard.svelte-1viv3va .chord:where(.svelte-1viv3va) .fret[data-note=D]>div:where(.svelte-1viv3va):before{background-color:#0f03}#fretboard.svelte-1viv3va .chord:where(.svelte-1viv3va) .fret[data-note=E]>div:where(.svelte-1viv3va):before{background-color:#00f3}#fretboard.svelte-1viv3va .chord:where(.svelte-1viv3va) .fret[data-note=F]>div:where(.svelte-1viv3va):before{background-color:#4b008233}#fretboard.svelte-1viv3va .chord:where(.svelte-1viv3va) .fret[data-note=G]>div:where(.svelte-1viv3va):before{background-color:#30e2f633}.hidden.svelte-1viv3va{display:none!important}div[data-pentatonic].svelte-1viv3va{padding:5px;aspect-ratio:1;color:transparent}div[data-pentatonic="0"].svelte-1viv3va{background-color:#8b0000}div[data-pentatonic="1"].svelte-1viv3va{background-color:#556b2f}div[data-pentatonic="2"].svelte-1viv3va{background-color:purple}div[data-pentatonic="3"].svelte-1viv3va{background-color:peru}div[data-pentatonic="4"].svelte-1viv3va{background-color:#00f}