#form{display:flex;flex-wrap:wrap;padding-left:1em;justify-content:center}@media(min-width:767px){.selectorBox{height:6em!important;position:relative;top:23px}}.harmonizer>.selectorBox{top:0;height:auto!important}#sendToStaticLinkButton{color:#1a1a1a!important;text-decoration:none}.makeStyles-root-200{padding-left:0!important}.switchesBox{display:flex;justify-content:space-around}.MuiTypography-body1{font-size:.8rem!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif!important}.MuiFormControlLabel-root{cursor:pointer;display:inline-flex;align-items:center;margin-left:0!important;margin-right:0!important;vertical-align:middle;-webkit-tap-highlight-color:rgba(0,0,0,0);padding-right:.6em!important}.MuiTypography-body1{color:#1a1a1a}@media(min-width:752px){.MuiFormControlLabel-root{position:relative;left:.7rem}}.MuiOutlinedInput-root{background:#ffdd01!important;border-radius:0!important;border:2px solid #000!important;box-shadow:3px 3px 0 #000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif!important;font-weight:700!important;font-size:.85rem!important;color:#1a1a1a!important;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}.MuiOutlinedInput-root:hover{background:#ffe01b!important;transform:translate(-1px,-1px);box-shadow:4px 4px 0 #000}.MuiOutlinedInput-root.Mui-focused{background:#ffdd01!important;box-shadow:4px 4px 0 #000}.MuiOutlinedInput-notchedOutline{border:none!important}.MuiOutlinedInput-input{color:#1a1a1a!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.5px}.MuiSelect-icon{color:#1a1a1a!important}.MuiInputLabel-outlined{color:rgba(0,0,0,.6)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif!important;font-weight:600!important;font-size:.85rem!important;text-transform:uppercase;letter-spacing:.3px}.MuiInputLabel-outlined.Mui-focused{color:#1a1a1a!important;font-weight:700!important}.MuiInputLabel-outlined.MuiInputLabel-shrink{background:#ffdd01;padding:0 6px}.MuiPaper-root.MuiMenu-paper{background:#ffdd01!important;border:3px solid #000!important;box-shadow:6px 6px 0 #000!important;border-radius:0!important;margin-top:4px}.MuiMenuItem-root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif!important;font-weight:600!important;font-size:.85rem!important;color:#1a1a1a!important;text-transform:uppercase;letter-spacing:.3px;padding:.6rem 1.2rem!important;border-bottom:1px solid rgba(0,0,0,.15);transition:background-color .15s ease!important}.MuiMenuItem-root:last-child{border-bottom:none}.MuiMenuItem-root:hover{background-color:#ff90e9!important}.MuiMenuItem-root.Mui-selected{background-color:#d7ba00!important;font-weight:800!important}.MuiMenuItem-root.Mui-selected:hover{background-color:#ff90e9!important}.MuiList-padding{padding:0!important}.MuiListSubheader-root{position:relative!important;background:#1a1a1a!important;color:#ffdd01!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif!important;font-weight:800!important;font-size:.75rem!important;text-transform:uppercase;letter-spacing:1px;line-height:2.4!important;padding:.2rem 1.2rem!important}body{margin:0}#___gatsby{background:#7dd3e0;overflow-x:hidden}.infoBox{text-align:center;padding:1em 1em 0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.titles{background:#1a1a1a;font-size:1em}.textBox{padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.seoTextBox{background:#fff;border:3px solid #000;box-shadow:6px 6px 0 #000;margin:2em .5em;padding:2rem}@media(min-width:767px){.seoTextBox{margin:2em}}.mainTitle{letter-spacing:-.5px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:2.5em;color:#fff;text-shadow:none;font-weight:800;text-decoration:none}.titleSentence{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.9rem;letter-spacing:0;word-spacing:0;color:#6b6b6b;font-weight:500;text-decoration:none;font-style:normal;font-feature-settings:normal;font-variant:normal;text-transform:none}.noUi-target{margin:2em;background:#f5f5f5!important;border:3px solid #000!important;border-radius:0!important;box-shadow:3px 3px 0 #000!important;height:12px!important}.noUi-connect,.noUi-handle{background:#ffdd01!important}.noUi-handle{border:2px solid #000!important;border-radius:0!important;box-shadow:2px 2px 0 #000!important;cursor:-webkit-grab;cursor:grab;width:28px!important;height:28px!important;top:-10px!important}.noUi-handle:after,.noUi-handle:before{background:#1a1a1a!important;height:10px!important;top:6px!important}.noUi-handle:hover{background:#ff90e9!important}.noUi-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.noUi-value{color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:600;font-size:.8rem}.noUi-marker{background:#000!important}.chordFilteredBox{width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;margin:1em 0}.noUi-marker-horizontal.noUi-marker-large{height:9px}.MuiButton-containedPrimary{background-color:#ffdd01!important;color:#1a1a1a!important;box-shadow:4px 4px 0 #000!important;border:2px solid #000!important;border-radius:0!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.5px!important;padding:.5em 1.5em!important;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease!important}.MuiButton-containedPrimary:hover{background-color:#ff90e9!important;transform:translate(-2px,-2px)!important;box-shadow:6px 6px 0 #000!important}.chordSelector,.jss1,.makeStyles-root-1{position:relative;right:.5em}.jss1,.makeStyles-root-1{display:flex;flex-wrap:wrap}#chordSelectors,.headSection{display:flex;flex-direction:row}.MuiAppBar-colorPrimary{color:#fff;background-color:#1a1a1a!important}.MuiAppBar-root{height:4em;box-shadow:6px 6px 0 #000!important}.fret-number{text-indent:1px}#chordByFred,form{margin-top:1em}.makeStyles-button-4{height:4em}.pageTitleBox{background:#7dd3e0;padding:2.5rem 1.5rem 2rem;display:flex;flex-direction:column;align-items:flex-start}.pageTitle{background:#ffdd01;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:900;font-size:2.4em!important;text-transform:uppercase;letter-spacing:-.5px;line-height:1.1;color:#1a1a1a;margin:0;padding:.3em .5em;height:auto}.pageSubtitle,.pageTitle{display:inline-block;transform:skewX(-2deg)}.pageSubtitle{background:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:600;font-size:.95rem;color:#fff;margin:.3rem 0 0;padding:.4em .8em;letter-spacing:.5px}@media(min-width:767px){.pageTitle{font-size:3.5em!important}.textBox{padding:2rem 5rem 0}.titles{font-size:1.2em}.outerBox{margin:2em}.middleBox,.outerBox{padding:1.5em;border-radius:0}.innerBox{border-radius:0}.selectorBox{height:3em}}.chordGrade{margin-top:1em;color:#fff;background:#1a1a1a;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;padding:.3em .6em}.chordGrade,.chordName{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700;border-radius:0}.chordName{background:#ffdd01;color:#1a1a1a;font-size:.8rem;padding:.2em .5em}.popularChordsBox .popularChordsGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5em;gap:1.5em}@media(min-width:767px){.popularChordsBox .popularChordsGrid{grid-template-columns:repeat(4,1fr)}}.popularChordsBox .popularChordsColumn h3{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:800;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;background:#1a1a1a;color:#fff;padding:.4em .6em;margin:0 0 .5em}.popularChordsBox .popularChordsColumn ul{list-style:none;padding:0;margin:0}.popularChordsBox .popularChordsColumn li{margin:.3em 0}.popularChordsBox .popularChordsColumn a{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:600;font-size:.9rem;color:#1a1a1a;text-decoration:none;padding:.2em .4em;border-bottom:2px solid #ffdd01;transition:background .15s ease}.popularChordsBox .popularChordsColumn a:hover{background:#ffdd01}.chordIndexBox .chordIndexGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1em;gap:1em}@media(min-width:600px){.chordIndexBox .chordIndexGrid{grid-template-columns:repeat(3,1fr)}}@media(min-width:900px){.chordIndexBox .chordIndexGrid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1100px){.chordIndexBox .chordIndexGrid{grid-template-columns:repeat(6,1fr)}}.chordIndexBox .chordIndexNote h3{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:900;font-size:1.1rem;text-transform:uppercase;background:#ffdd01;color:#1a1a1a;padding:.3em .5em;margin:0 0 .4em;border:2px solid #000;box-shadow:2px 2px 0 #000;display:inline-block;transform:skewX(-2deg)}.chordIndexBox .chordIndexNote ul{list-style:none;padding:0;margin:0 0 1em}.chordIndexBox .chordIndexNote li{margin:.15em 0}.chordIndexBox .chordIndexNote a{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:500;font-size:.8rem;color:#1a1a1a;text-decoration:none;padding:.1em .3em;transition:background .15s ease,color .15s ease}.chordIndexBox .chordIndexNote a:hover{background:#ffdd01;color:#1a1a1a}.outerBox{padding:.5em;background-color:#ffdd01;border-radius:0;border:3px solid #000;margin:.5em;box-shadow:6px 6px 0 #000}.middleBox{background:#343434;padding:.5em;border-radius:0;overflow:hidden}.innerBox{background:#fff;border-radius:0;margin:0}.showScaleDiagramBtn{display:inline-block;margin-top:.8rem;padding:.5em 1.5em;background:#ffdd01;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700;font-size:.9rem;text-transform:uppercase;text-decoration:none;letter-spacing:.5px;border:2px solid #000;box-shadow:4px 4px 0 #000;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}.showScaleDiagramBtn:hover{background:#ff90e9;transform:translate(-2px,-2px);box-shadow:6px 6px 0 #000;color:#1a1a1a}.svgFretboardContainer{background:#1a1a1a;border:3px solid #000;box-shadow:6px 6px 0 #000;padding:.5em;margin:1em 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.scaleFretboardControls{display:flex;flex-wrap:wrap;gap:1em;margin-bottom:1em;align-items:flex-end}.scaleFretboardSelect{min-width:180px;background:#fff}.scaleFretboardSelect .MuiOutlinedInput-root{border-radius:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:600;border:2px solid #000;box-shadow:3px 3px 0 #000}.scaleFretboardSelect .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#000}.scaleFretboardSelect .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#ffdd01;border-width:2px}.scaleFretboardSelect .MuiInputLabel-root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:600}.scaleFretboardCustomInput{min-width:250px;background:#fff}.scaleFretboardCustomInput .MuiOutlinedInput-root{border-radius:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:600;border:2px solid #000;box-shadow:3px 3px 0 #000}.scaleFretboardCustomInput .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#ffdd01;border-width:2px}.scaleFretboardCustomInput .MuiInputLabel-root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:600}@media(max-width:767px){.scaleFretboardControls{flex-direction:column}.scaleFretboardCustomInput,.scaleFretboardSelect{width:100%}}.fretboard-wrapper{position:relative;cursor:pointer}.fretboard-expand-btn{border-radius:20px;position:absolute;top:10px;right:10px;z-index:10;width:58px;height:36px;background:#ffdd01;border:2px solid #000;box-shadow:3px 3px 0 #000;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}.fretboard-expand-btn:hover{background:#ff90e9;transform:translate(-1px,-1px);box-shadow:4px 4px 0 #000}.fretboard-expand-btn svg{width:18px;height:18px;stroke:#000}@media(min-width:992px){.fretboard-expand-btn{top:-55px;right:0}}.fretboard-fullscreen-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;padding:2rem}.fretboard-fullscreen-content{width:100%;max-width:100vw;max-height:90vh;overflow:auto;background:#1a1a1a;border:3px solid #000;box-shadow:6px 6px 0 #000;padding:1rem;-webkit-overflow-scrolling:touch}.fretboard-fullscreen-content>div{width:100%;max-width:100%}.fretboard-close-btn{position:fixed;top:16px;right:16px;z-index:10000;width:42px;height:42px;background:#ffdd01;border:2px solid #000;box-shadow:3px 3px 0 #000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.2rem;font-weight:900;cursor:pointer;color:#000;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease}.fretboard-close-btn:hover{background:#ff90e9}@media(max-width:991px){.fretboard-fullscreen-overlay{padding:0}.fretboard-fullscreen-content{width:100vw;height:100vh;max-height:100vh;border:none;box-shadow:none;display:flex;align-items:center;padding:.5rem}.fretboard-close-btn{top:8px;right:8px;width:36px;height:36px;font-size:1rem}}@media(max-width:991px)and (orientation:portrait){.fretboard-fullscreen-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);width:100vh;height:100vw;max-width:100vh;max-height:100vw;padding:50px .5rem .5rem;display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.fretboard-fullscreen-content div{max-width:none!important;overflow:visible!important}.fretboard-fullscreen-content svg{height:calc(100vw - 54px);width:auto;max-width:none}.fretboard-close-btn{top:8px;right:8px}}