:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: darkcyan;--hover-color: #fff4c2;--light-background-color: #efefef}body{margin:0;min-width:320px;width:100%}#app{margin:0 auto;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}#container{display:flex;flex-direction:column;min-height:100dvh;max-width:1280px;width:100%;margin:0 auto}#container.fullScreen{max-width:100%}header{display:flex;justify-content:space-between;background-color:var(--primary-color);color:#fff;font-weight:700;padding:10px 10px 5px;margin:0 0 10px;box-shadow:2px 5px 1px 1px var(--light-background-color)}header h1{font-size:inherit;margin:0;color:#fff}header a{text-decoration:none;color:#fff}nav a{font-weight:400}nav a:hover{text-decoration:underline}#toggle-full-screen{cursor:pointer}#content{flex:1;height:100vh;padding:10px}footer{padding:5px;text-align:left;border-top:1px solid var(--primary-color)}footer a{color:var(--primary-color)}footer a:hover,a:visited{text-decoration:none}#guitar{text-align:left}.fullScreen #guitar-settings{display:none}.fullScreen #strings{padding:10% 5% 0}#guitar-settings{padding:10px 0}.guitar-settings-row{display:flex;flex-wrap:wrap}.guitar-setting{display:inline-block;border:1px solid var(--primary-color);border-radius:10px;box-shadow:2px 2px 1px 1px var(--light-background-color);padding:10px;margin:10px}.guitar-setting select,.guitar-setting button{margin:5px;padding:5px;border:1px solid var(--primary-color);border-radius:5px;background-color:#fff;color:var(--primary-color);font-weight:700;cursor:pointer;display:block}#display-settings button{display:inline}.string{display:flex;flex-direction:row;justify-content:space-evenly;text-align:center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAECAYAAACk7+45AAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9bS4tUHOwg0iFDdRALoiKOWoUiVAi1QqsOJpd+QZOGJMXFUXAtOPixWHVwcdbVwVUQBD9A3NycFF2kxP8lhRYxHhz34929x907wN+sMtXsGQdUzTIyqaSQy68KoVdEEEMYQYxKzNTnRDENz/F1Dx9f7xI8y/vcn6NPKZgM8AnEs0w3LOIN4ulNS+e8TxxlZUkhPiceM+iCxI9cl11+41xy2M8zo0Y2M08cJRZKXSx3MSsbKvEUcVxRNcr351xWOG9xVqt11r4nf2GkoK0sc51mDCksYgkiBMioo4IqLCRo1UgxkaH9pId/yPGL5JLJVQEjxwJqUCE5fvA/+N2tWZyccJMiSSD4Ytsfw0BoF2g1bPv72LZbJ0DgGbjSOv5aE5j5JL3R0eJHQP82cHHd0eQ94HIHGHzSJUNypABNf7EIvJ/RN+WBgVugd83trb2P0wcgS12lb4CDQ2CkRNnrHu8Od/f275l2fz9aO3KdmpbwbwAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAAd0SU1FB+UMHAgxBwNI5h4AAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAF0lEQVQI12P++uflM1Z2hmImBijAZAAAjL0ESc4ZX80AAAAASUVORK5CYII=);background-repeat:repeat-x;background-position:center}.fret{width:8%;padding:4px 0;border-right:1px solid silver}.fret:first-of-type{width:auto;background-color:#fff}.fret:first-of-type .note{margin:0 5px}.note{width:40px;height:40px;line-height:40px;border-radius:50%;font-weight:700;margin:0 auto;color:var(--primary-color)}.note.selected{background-color:var(--primary-color);outline:1px solid var(--primary-color);color:#fff}.note.non-scale{color:transparent}.note.non-scale.visible{color:var(--primary-color)}@media (prefers-color-scheme: dark){.note.non-scale.visible{color:#fff}}.note.in-scale:hover,.note.non-scale:hover{background-color:var(--hover-color);color:var(--primary-color);outline:1px solid var(--primary-color);cursor:pointer}.note.in-scale{background-color:#fff;outline:1px solid var(--primary-color)}#custom-scale{display:inline}#custom-scale p{padding:0;margin:0}#custom-scale button{cursor:pointer;margin:5px 5px 0 0;display:inline}#intervals{margin:5px 0;display:flex;flex-wrap:wrap}.interval{background-color:var(--light-background-color);font-size:.8em;font-weight:700;color:var(--primary-color);border:1px solid var(--primary-color);line-height:30px;height:30px;width:30px;text-align:center;border-radius:50%;cursor:pointer;margin:1px}.interval:hover{background-color:var(--hover-color);border:1px solid var(--primary-color)}.interval.selected{background-color:var(--primary-color);border:1px solid var(--primary-color);color:#fff}#select-strings select{display:inline;margin:5px 1px}#custom-tuning button{cursor:pointer;margin:5px 5px 0 0;display:inline}#content h1{margin:0;font-size:1.2em}#content h2{font-size:1em;margin:10px 0;border-bottom:1px solid var(--primary-color)}#content p{font-size:1em;margin:0 0 10px}#content p.fine-print{font-size:.8em}#chord-sheet-chords{display:flex;flex-wrap:wrap}#chord-sheet-menu button.disabled{background-color:var(--light-background-color);color:var(--primary-color);cursor:not-allowed}#chord-sheet select,#chord-sheet button{padding:5px;margin:2px;border-radius:5px;border:1px solid var(--primary-color);color:var(--primary-color);background-color:#fff;font-weight:700;display:inline;cursor:pointer}#chord-sheet input{border-radius:0;padding:5px;border:1px solid var(--primary-color);color:var(--primary-color)}.saved-chord-sheet-name{text-decoration:underline;cursor:pointer}.saved-chord-sheet-name:hover{text-decoration:none}.chord-creator{display:flex;flex-direction:column;width:170px}.chord-container{font-size:.8em;font-weight:bolder;width:150px;margin:0 10px 10px;display:flex;flex-direction:row}.chord-string{display:flex;flex-direction:column}.chord-fret{border-bottom:2px solid var(--primary-color);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAABg2lDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpUUqHewg0iFD7WQXFXGsVShChVArtOpgcukXNGlJUlwcBdeCgx+LVQcXZ10dXAVB8APEXXBSdJES/5cUWsR4cNyPd/ced+8AoV1jmjmQBDTdMrLplJgvrIqBVwQhIIw4ojIzG3OSlIHn+LqHj693CZ7lfe7PMawWTQb4ROIkaxgW8QbxzKbV4LxPHGEVWSU+J54w6ILEj1xXXH7jXHZY4JkRI5edJ44Qi+U+VvqYVQyNeJo4pmo65Qt5l1XOW5y1WpN178lfGCrqK8tcpxlFGotYggQRCpqoogYLCVp1UkxkaT/l4R9z/BK5FHJVwcixgDo0yI4f/A9+d2uWpibdpFAKGHyx7Y9xILALdFq2/X1s250TwP8MXOk9f70NzH6S3uppsSMgvA1cXPc0ZQ+43AFGnxqyITuSn6ZQKgHvZ/RNBWDkFhhac3vr7uP0AchRV5kb4OAQiJcpe93j3cH+3v490+3vB4N1cq3OgVsrAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH6QgCDysdecy1LQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAMSURBVAjXY2Do7gYAAaUBFyRTH/UAAAAASUVORK5CYII=);background-repeat:repeat-y;background-position:center}.chord-fret:first-of-type{background:none}.chord-fret:first-of-type .chord-note.selected{background-color:#fff;color:var(--primary-color);border:1px solid var(--primary-color);box-sizing:border-box}.chord-fret:first-of-type .chord-note.selected.muted{background-color:var(--light-background-color);border:0;color:var(--primary-color)}.chord-fret:last-of-type{border-bottom:0}.chord-note{margin:5px 0;vertical-align:middle;cursor:pointer;border-radius:50%;text-align:center;line-height:25px;width:25px;height:25px;display:block;color:#fff;opacity:0}.chord-note:first-of-type{border-top:0}.chord-note.selected{background-color:var(--primary-color);opacity:1}.chord-controls{display:flex;justify-content:center}