.fret-button[data-v-ab899f8c]{align-items:center;border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;font-size:.875rem;height:2rem;justify-content:center;line-height:1.25rem;margin:.25rem;width:2rem}@media(min-width:768px){.fret-button[data-v-ab899f8c]{height:1.75rem;width:1.75rem}}.strings-container[data-v-1619e6a0]{height:2.5rem;overflow-x:auto;position:relative}.note-container[data-v-1619e6a0],.string-container[data-v-1619e6a0]{align-items:center;display:flex;flex-direction:column;justify-content:center;inset:0;position:absolute}.note-container[data-v-1619e6a0]{z-index:20}.note[data-v-1619e6a0]{align-items:center;border-radius:.75rem;display:flex;flex-direction:column;height:2.25rem;justify-content:center;width:2.25rem}.string-1[data-v-1619e6a0],.string-2[data-v-1619e6a0]{height:1px}.string-3[data-v-1619e6a0],.string-4[data-v-1619e6a0]{height:2px}.string-5[data-v-1619e6a0],.string-6[data-v-1619e6a0]{height:3px}.guitar-string[data-v-1619e6a0]{--tw-bg-opacity:1;background-color:rgb(219 174 88/var(--tw-bg-opacity,1));--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:0 2px #0006}[data-v-c6732f05]:root{--min-string-width:6.25%;--share-length:8}.notes-container[data-v-c6732f05]{display:flex;flex-direction:column;min-height:100svh;overflow:hidden}.notes-container .content-to-center[data-v-c6732f05]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}@media(min-width:1024px){.notes-container .content-to-center[data-v-c6732f05]{justify-content:center}}.notes-group[data-v-c6732f05]{background-color:rgb(32 40 63/var(--tw-bg-opacity,1));min-width:2.5rem;position:relative;--tw-bg-opacity:.5}@media(min-width:768px){.notes-group[data-v-c6732f05]{min-width:2.5rem;width:var(--min-string-width)}}.notes-group.group-2[data-v-c6732f05]:nth-child(4n+1),.notes-group.group-2[data-v-c6732f05]:nth-child(4n+2),.notes-group.group-3[data-v-c6732f05]:nth-child(6n+1),.notes-group.group-3[data-v-c6732f05]:nth-child(6n+2),.notes-group.group-3[data-v-c6732f05]:nth-child(6n+3),.notes-group.group-4[data-v-c6732f05]:nth-child(8n+1),.notes-group.group-4[data-v-c6732f05]:nth-child(8n+2),.notes-group.group-4[data-v-c6732f05]:nth-child(8n+3),.notes-group.group-4[data-v-c6732f05]:nth-child(8n+4),.notes-group.group-6[data-v-c6732f05]:nth-child(12n+1),.notes-group.group-6[data-v-c6732f05]:nth-child(12n+2),.notes-group.group-6[data-v-c6732f05]:nth-child(12n+3),.notes-group.group-6[data-v-c6732f05]:nth-child(12n+4),.notes-group.group-6[data-v-c6732f05]:nth-child(12n+5),.notes-group.group-6[data-v-c6732f05]:nth-child(12n+6){--tw-bg-opacity:1;background-color:rgb(32 40 63/var(--tw-bg-opacity,1))}.indicator[data-v-c6732f05]{bottom:0;height:.25rem;left:0;position:absolute;right:0;--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.indicator.play[data-v-c6732f05]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.strings-container[data-v-c6732f05]::-webkit-scrollbar{height:3rem}.strings-container[data-v-c6732f05]::-webkit-scrollbar-track{background-color:rgb(32 40 63/var(--tw-bg-opacity,1));--tw-bg-opacity:.8}.strings-container[data-v-c6732f05]::-webkit-scrollbar-thumb{background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-bg-opacity:.3}.string-1[data-v-c6732f05],.string-2[data-v-c6732f05]{height:1px}.string-3[data-v-c6732f05],.string-4[data-v-c6732f05]{height:2px}.string-5[data-v-c6732f05],.string-6[data-v-c6732f05]{height:3px}.guitar-string[data-v-c6732f05]{--tw-bg-opacity:1;background-color:rgb(219 174 88/var(--tw-bg-opacity,1));--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:0 2px #0006}