.navbar{background-color:#7dd3e0!important;border-bottom:3px solid #000;box-shadow:0 4px 0 #000;padding:0 1.5rem!important;height:54px;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;position:fixed!important;top:0;width:100%;z-index:1000;gap:1rem;transition:transform .28s cubic-bezier(.4,0,.2,1)}.navbar--hidden{transform:translateY(-100%)}.navbar-brand{display:inline-block;text-decoration:none!important;flex-shrink:0}.navbar-brand__text{display:inline-block;background:#ffdd01;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:900;font-size:.9rem;text-transform:uppercase;letter-spacing:-.3px;padding:.3rem .65rem;border:2px solid #000;box-shadow:3px 3px 0 #000;transform:skewX(-2deg);transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease;white-space:nowrap}.navbar-brand__text:hover{background:#ff90e9;transform:skewX(-2deg) translate(-1px,-1px);box-shadow:4px 4px 0 #000}.navbar-nav--desktop{display:none;list-style:none;margin:0;padding:0;flex:1 1;flex-direction:row!important;flex-wrap:nowrap;align-items:center;gap:0}@media(min-width:992px){.navbar-nav--desktop{display:flex!important}}.navbar-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.nav-lang-switch{display:inline-block;background:#1a1a1a;color:#ffdd01!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:900;font-size:.7rem;letter-spacing:1px;text-transform:uppercase;text-decoration:none!important;padding:.3em .65em;border:2px solid #000;border-radious:20px;box-shadow:2px 2px 0 #000;transition:background .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease;line-height:1.4;border-radius:20px}.nav-lang-switch:hover{color:#1a1a1a!important;transform:translate(-1px,-1px)}.nav-lang-switch:hover,.navbar-hamburger{background:#ffdd01;box-shadow:3px 3px 0 #000}.navbar-hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:6px;border:2px solid #000;cursor:pointer;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}.navbar-hamburger:hover{background:#ff90e9;transform:translate(-1px,-1px);box-shadow:4px 4px 0 #000}.navbar-hamburger:active{transform:translate(1px,1px);box-shadow:1px 1px 0 #000}@media(min-width:992px){.navbar-hamburger{display:none}}.navbar-hamburger__bar{display:block;width:20px;height:2px;background:#1a1a1a;transition:transform .25s ease,opacity .2s ease}.navbar-hamburger.is-open .navbar-hamburger__bar:first-child{transform:translateY(7px) rotate(45deg)}.navbar-hamburger.is-open .navbar-hamburger__bar:nth-child(2){opacity:0;transform:scaleX(0)}.navbar-hamburger.is-open .navbar-hamburger__bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar-nav--desktop>.nav-item{position:relative}.navbar-nav--desktop>.nav-item>.nav-link--dropdown{display:flex;align-items:center;gap:.3em;background:transparent;border:none;box-shadow:none;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;padding:0 .85rem;height:54px;cursor:pointer;white-space:nowrap;transition:color .15s ease,background-color .15s ease}.navbar-nav--desktop>.nav-item>.nav-link--dropdown:focus-visible,.navbar-nav--desktop>.nav-item>.nav-link--dropdown:hover{color:#1a1a1a;background-color:rgba(0,0,0,.08)}.nav-item--dropdown.is-open>.navbar-nav--desktop>.nav-item>.nav-link--dropdown{background-color:rgba(0,0,0,.1)}.nav-link__arrow{display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #1a1a1a;transition:transform .2s ease;flex-shrink:0;margin-top:1px}.nav-item--dropdown.is-open .nav-link__arrow{transform:rotate(180deg)}.navbar-nav--desktop>.nav-item--dropdown>.dropdown-panel{position:absolute!important;top:calc(100% + 3px)!important;left:0;min-width:220px;background:#fff;border:2px solid #000;box-shadow:4px 4px 0 #000;z-index:1100;max-height:0;overflow:hidden;opacity:0;transform:translateY(-6px);visibility:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease,transform .2s ease,visibility 0s linear .3s}.navbar-nav--desktop>.nav-item--dropdown>.dropdown-panel.is-open{max-height:600px;opacity:1;transform:translateY(0);visibility:visible;overflow-y:auto;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .2s ease,transform .2s ease,visibility 0s linear 0s}.dropdown-panel__item{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.78rem;font-weight:600;border-bottom:1px solid rgba(0,0,0,.12)}.dropdown-panel__item:last-child{border-bottom:none}.dropdown-panel__item a{display:block;padding:.6rem 1.1rem;color:#1a1a1a!important;text-decoration:none;transition:background-color .12s ease}.dropdown-panel__item a:hover{background-color:#ffdd01;color:#1a1a1a!important}.dropdown-panel__divider{height:2px;background:#000;margin:0}.dropdown-panel__column-group{background:#f5f5f5}.dropdown-panel__column-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:#6b6b6b;padding:.45rem 1.1rem .3rem;border-bottom:1px solid #e0e0e0}.dropdown-panel__column-group .dropdown-panel__item a,.dropdown-panel__column-label+.dropdown-panel__item a{padding-left:1.4rem}.navbar-mobile{display:none;position:absolute;top:calc(54px + 3px);left:0;right:0;z-index:999;background:#7dd3e0;border-bottom:3px solid #000;box-shadow:0 6px 0 #000;max-height:0;overflow:hidden;opacity:0;transform:translateY(-8px);visibility:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s ease,transform .25s ease,visibility 0s linear .35s}@media(max-width:991px){.navbar-mobile{display:block}}.navbar-mobile.is-open{max-height:80vh;overflow-y:auto;opacity:1;transform:translateY(0);visibility:visible;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .25s ease,transform .25s ease,visibility 0s linear 0s}.navbar-nav--mobile{display:flex!important;flex-direction:column!important;list-style:none;margin:0;padding:.5rem 1rem 1rem;gap:0}.navbar-nav--mobile>.nav-item{opacity:0;transform:translateX(-10px);transition:opacity .2s ease,transform .2s ease}.navbar-mobile.is-open .navbar-nav--mobile>.nav-item{opacity:1;transform:translateX(0)}.navbar-mobile.is-open .navbar-nav--mobile>.nav-item:first-child{transition-delay:.04s}.navbar-mobile.is-open .navbar-nav--mobile>.nav-item:nth-child(2){transition-delay:.08s}.navbar-mobile.is-open .navbar-nav--mobile>.nav-item:nth-child(3){transition-delay:.12s}.navbar-mobile.is-open .navbar-nav--mobile>.nav-item:nth-child(4){transition-delay:.16s}.navbar-mobile.is-open .navbar-nav--mobile>.nav-item:nth-child(5){transition-delay:.2s}.navbar-mobile.is-open .navbar-nav--mobile>.nav-item:nth-child(6){transition-delay:.24s}.navbar-mobile.is-open .navbar-nav--mobile>.nav-item:nth-child(7){transition-delay:.28s}.navbar-mobile.is-open .navbar-nav--mobile>.nav-item:nth-child(8){transition-delay:.32s}.navbar-mobile.is-open .navbar-nav--mobile>.nav-item:nth-child(9){transition-delay:.36s}.navbar-mobile.is-open .navbar-nav--mobile>.nav-item:nth-child(10){transition-delay:.4s}.navbar-nav--mobile>.nav-item>.nav-link--dropdown{display:flex;align-items:center;justify-content:space-between;width:100%;background:#ffdd01;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.5px;padding:.45rem .9rem;margin:.2rem 0;border:2px solid #000;box-shadow:3px 3px 0 #000;cursor:pointer;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}.navbar-nav--mobile>.nav-item>.nav-link--dropdown:hover{background:#ff90e9;transform:translate(-1px,-1px);box-shadow:4px 4px 0 #000}.navbar-nav--mobile>.nav-item>.nav-link--dropdown .nav-link__arrow{flex-shrink:0}.navbar-nav--mobile>.nav-item--dropdown>.dropdown-panel{position:static;width:100%;background:#fff;border:2px solid #000;border-top:none;box-shadow:3px 3px 0 #000;max-height:0;overflow:hidden;opacity:0;transform:translateY(-4px);visibility:hidden;margin-bottom:.25rem;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease,transform .2s ease,visibility 0s linear .3s}.navbar-nav--mobile>.nav-item--dropdown>.dropdown-panel.is-open{max-height:1200px;opacity:1;transform:translateY(0);visibility:visible;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .2s ease,transform .2s ease,visibility 0s linear 0s}.dropdown-panel__item a:focus-visible,.nav-lang-switch:focus-visible,.nav-link--dropdown:focus-visible,.navbar-hamburger:focus-visible{outline:2px solid #1a1a1a;outline-offset:2px}.cookie-consent{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.cookie-consent__inner{background:#1a1a2e;border:3px solid #ffdd01;box-shadow:6px 6px 0 #000;padding:2rem;max-width:500px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem}@media(max-width:600px){.cookie-consent__inner{margin:0 1rem;padding:1.5rem;gap:1rem}}.cookie-consent__text{color:#e0e0e0;margin:0;font-size:.9rem;line-height:1.5}.cookie-consent__text a{color:#7dd3e0;text-decoration:underline}.cookie-consent__buttons{display:flex;gap:.75rem;flex-shrink:0}.cookie-consent__btn{padding:.6rem 1.4rem;font-size:.9rem;font-weight:700;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;border:2px solid #ffdd01;border-radius:0;cursor:pointer;transition:transform .1s,box-shadow .1s}.cookie-consent__btn--accept{background:#ffdd01;color:#1a1a1a;box-shadow:3px 3px 0 #000}.cookie-consent__btn--accept:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 #000}.cookie-consent__btn--decline{background:transparent;color:#e0e0e0;border-color:#e0e0e0}.cookie-consent__btn--decline:hover{background:hsla(0,0%,100%,.1)}#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}#___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}}html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:16px;line-height:1.6;box-sizing:border-box;overflow-y:scroll}*,:after,:before{box-sizing:inherit}body{margin:0;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:400;word-wrap:break-word;font-feature-settings:"kern";font-kerning:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#7dd3e0}.mainBox{max-width:1200px;margin:0 auto;padding:57px 1rem 0}@media(min-width:767px){.mainBox{padding:57px 2rem 0}}.skip-link{position:absolute;top:-100px;left:.5rem;z-index:1000;padding:.5rem 1rem;background:#1a1a1a;color:#fff;text-decoration:none;border-radius:0 0 4px 0;transition:top .15s ease}.skip-link:focus{top:0;outline:2px solid #fff;outline-offset:2px}.layoutBox{margin:0 auto;background-color:#7dd3e0;min-height:100vh;position:relative}.bg-light{padding:0 1.5em;height:65px;background-color:#1a1a1a!important}.navbar-light .navbar-nav .nav-link{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:500;font-size:.9rem;letter-spacing:.3px;text-shadow:none;transition:opacity .2s ease}.navbar-light .navbar-nav .nav-link:hover{opacity:.8}.navbar-brand-farga{position:relative;z-index:1}[tabindex]:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #1a1a1a;outline-offset:2px}h1,h2,h3,h4,h5,h6{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;text-rendering:optimizeLegibility;line-height:1.2;margin:0 0 1rem;color:#1a1a1a}h1{font-size:2.25rem}h2{font-size:1.625rem}h3{font-size:1.375rem}h4{font-size:1rem}p{margin:0 0 1.2rem;line-height:1.7}img{max-width:100%;border-style:none}a{color:#1a1a1a;text-decoration:none;transition:color .2s ease}a:hover{color:#000}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}label{display:inline-block;margin-bottom:.5rem}[role=button]{cursor:pointer}table{border-collapse:collapse}@media only screen and (max-width:480px){html{font-size:15px}}.site-footer{background:#1a1a1a;border-top:3px solid #000;color:#fff;margin-top:2rem}.site-footer__inner{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 1.5rem;display:flex;flex-wrap:wrap;gap:2.5rem;align-items:flex-start}.site-footer__brand{flex:0 0 200px;display:flex;flex-direction:column;gap:.8rem}.site-footer__title{display:inline-block;background:#ffdd01;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:900;font-size:1.1rem;text-transform:uppercase;letter-spacing:-.3px;padding:.3rem .6rem;transform:skewX(-2deg)}.site-footer__tagline{color:#999;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.85rem;margin:0}.site-footer__social{display:flex;gap:.6rem;align-items:center}.site-footer__social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#333;border:2px solid #000;box-shadow:3px 3px 0 #000;color:#fff;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}.site-footer__social a:hover{background:#ffdd01;color:#1a1a1a;transform:translate(-1px,-1px);box-shadow:4px 4px 0 #000}.site-footer__author{margin:0;color:#888;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.75rem;letter-spacing:.3px}.site-footer__author a{color:#ffdd01;text-decoration:none}.site-footer__author a:hover{text-decoration:underline}.site-footer__nav{flex:1 1;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:1.5rem 1rem;gap:1.5rem 1rem}.site-footer__nav-group{display:flex;flex-direction:column;gap:.4rem}.site-footer__nav-heading{display:block;color:#ffdd01;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:.4rem;padding-bottom:.35rem;border-bottom:1px solid #333}.site-footer__nav a{color:#ccc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.82rem;font-weight:500;text-decoration:none;transition:color .15s ease}.site-footer__nav a:hover{color:#ffdd01}.site-footer__bottom{border-top:2px solid #333;text-align:center;padding:1rem 1.5rem}.site-footer__bottom span{color:#666;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.75rem;letter-spacing:.3px}@media(max-width:1024px){.site-footer__nav{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.site-footer__inner{gap:1.5rem;padding:1.75rem 1rem 1rem}.site-footer__brand{flex:0 0 100%;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:.6rem 1.5rem}.site-footer__tagline,.site-footer__title{flex:0 0 100%}.site-footer__nav{flex:0 0 100%;grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.site-footer__brand{flex-direction:column}.site-footer__nav{grid-template-columns:repeat(2,1fr)}}