@font-face{font-family:Virgil;src:url(/fonts/Virgil.woff2) format("woff2"),url(/fonts/Virgil.woff) format("woff");font-style:normal;font-weight:400;font-display:swap}#nut{width:100%;height:6px;background:#505050;top:-6px}#clear s{position:absolute;bottom:14px;right:14px;text-transform:uppercase;font-size:11px;font-weight:700;cursor:pointer;z-index:10;color:#444444}.d-flex{display:flex}#downloadFormat{width:105px;margin-right:0!important}.barre-selected{background-color:rgb(138,138,138)!important;border-radius:20px;content:"";position:absolute;top:15px;bottom:15px;cursor:pointer;opacity:0}.barre65{width:83px;left:-18px}.barre64{width:129px;left:-18px}.barre63{width:175px;left:-18px}.barre62{width:221px;left:-18px}.barre61{width:266px;left:-18px}.barre54{width:84px;left:27px}.barre53{width:130.5px;left:27px}.barre52{width:176.5px;left:27px}.barre51{width:222px;left:27px}.barre43{width:85.5px;left:72px}.barre42{width:131.5px;left:72px}.barre41{width:176.5px;left:72px}.barre32{width:84px;left:118px}.barre31{width:131px;left:118px}.barre21{width:84px;left:164px}.menu-fretboard-container{border:1px solid #e1e1e1;padding:80px 86px 90px;border-radius:12px;position:relative}.diagram-fretboard{padding:10px}.menu-fretboard-container--overlay{content:"";background-color:#fff;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.12),rgba(0,0,0,.12) 1px,transparent 0,transparent 24px),repeating-linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,.12) 1px,transparent 0,transparent 24px);opacity:.4;position:absolute;top:0;left:0;right:0;bottom:0}.fret>:last-child{margin-right:-20px}.strings .strings>:last-child{gap:10px}.fretboard{position:relative;align-items:start;max-width:231px;margin:auto}.fretboard,.strings{display:flex;flex-direction:column}.strings{background:#fff;border-bottom:2px solid black}.fret{position:relative;display:flex;gap:0;border-top:2px solid black}.barre{background:#eeeeee;border-radius:20px;content:"";position:absolute;top:15px;bottom:15px;left:-18px;right:-18px;cursor:pointer;opacity:0}.note:hover{background-color:#eeeeee80}.note{width:40px;height:40px;border-radius:50%;cursor:pointer;z-index:1;margin:15px 25px 15px 0}.note.open{border:2px solid #ffcc00}.note.close,.note.open{box-sizing:border-box!important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.note.close{position:relative;font-family:Arial,sans-serif;font-size:14px;color:#ffcc00;text-align:center;line-height:22px;width:40px;height:40px;border-radius:50%;cursor:pointer}.close:after,.close:before{content:"";position:absolute;top:50%;left:50%;width:40px;height:2px;transform:translate(-50%,-50%)}.close:before{transform:translate(-50%,-50%) rotate(45deg)}.close:after{transform:translate(-50%,-50%) rotate(-45deg)}.string-line{border-right:1px solid black;margin-right:-20px}.tuning-input{margin-top:10px}select option:checked:after{content:attr(title);background:#666;color:#fff;position:absolute;width:100%;left:0;border:none}select option{font-size:16px;padding:30px 10px;border:1px solid #ccc;background-color:white}select:focus{border-color:gray;outline:none}select option:checked{color:#fff;background-color:#ffc64b}.metronome-wrapper{display:flex}#metronomeBtn{width:50px;font-size:13px;background:none;border-radius:0 7px 7px 0;border:1px solid #dadada;color:#1d1d1d;padding:0}body .select2-results .select2-result-label{border-bottom:none}.metronome-input{width:65px!important;padding:10px 7px;font-size:16px!important;margin-right:0!important;border-radius:7px 0 0 7px!important;border-right:none}.select2-results li,.select2-results-dept-1{display:list-item;background-image:none;list-style:none}.select2-results li{border-radius:10px;margin:8px}body .select2-results .select2-highlighted{color:#ffc64b!important;background:#f4f4f4!important}@media only screen and (max-width:767px){.menu-container{flex-flow:column!important}.fretboards-containers,.menu-container{flex-direction:column}.diagram-fretboard{margin-left:0}#chord-diagram{text-align:center}.gb-diagram-menu-selector{width:100%!important}}.gb-diagram-menu-selector{font-size:16px;margin-right:10px;width:270px;height:40px}.highlight-select{width:155px}.select2-results li.select2-result-with-children>.select2-result-label{margin-left:-5px;font-weight:700}.tool-heading-title{box-shadow:inset 0 -3px #fff,inset 0 -12px #ffe7b2;display:inline;font-family:Rubik,Sans-serif;font-size:20px;font-weight:300;color:#37393a;margin:0 0 5px!important;position:relative}.menu-container{display:flex;justify-content:center;flex-flow:wrap}.sub-menu-container{display:flex;margin-top:30px;justify-content:space-evenly}.select-wrapper,.slider-wrapper{flex-direction:column;display:flex}.slider-wrapper{margin-right:50px}.gb-diagram-slider{cursor:pointer;width:270px!important;margin-top:-5px}.select-label label,.slider-label label{margin:0;text-transform:uppercase;letter-spacing:.4px;color:#645b45;font-size:10px;font-weight:400;font-family:Rubik}.key-select{width:80px}.tool-heading-title+div{padding-top:15px;border-top:1px solid #e2e2e2;margin-top:10px}.scale-select{width:200px}.active,.active--toggle{background:linear-gradient(45deg,#ffcf90,#ffdc4e);color:white}.fret-marker-labels-select{width:111px}.gb-fretboard_string_1,.gb-fretboard_string_2{border-bottom:2px solid}.gb-fretboard_string_3{border-bottom:3px solid}.gb-fretboard_string_4{border-bottom:4px solid}.gb-fretboard_string_5{border-bottom:5px solid}.gb-fretboard_string_6{border-bottom:5.3px solid}.gbFretboard{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow-y:hidden;height:325px;margin-bottom:0;width:100%;position:relative;overflow-x:auto}.gb-fretboardTable{position:absolute;left:16px;width:98%}table,table td,table tr{padding:0;margin:0;border:none;width:0}td{padding:0}table.string_labels{float:left}.stringLabel{-webkit-tap-highlight-color:transparent}table.string_labels .gb-fret{width:0;top:14px;height:40px;font-weight:500;margin-bottom:4px;font-size:13px;line-height:4;color:#a3a3a3}table.string_labels .gb-fret:hover{cursor:pointer}.gb-fret{min-width:60px;margin:auto;height:40px;position:relative}.string{border-color:#c5d1df}.fret--open{border-right:4px solid #c5d1df}.fret--hasBG{background:0 0;border-right:1px solid rgb(223 223 223/50%)}.fret--trailer{width:.75rem;border-right:none}.fret--fretNum{padding-top:8px;font-size:.9rem;line-height:4.05rem;text-align:center;color:#1e3754}.string:first-child .fret{background:0 0;border-right-color:transparent;border-left-color:transparent}.gb-note{left:50%;top:25px;width:33px;height:33px;margin-top:1px;position:absolute;background:#e8e8e8;z-index:1;font-weight:700;color:#2e2920;margin-left:-15px;line-height:35px;font-size:15px;border-radius:50%;text-align:center;background:linear-gradient(180deg,#e8e8e8 55%,#dbdbdb 85%)}.gb-note[data-degree="1"]{scale:1.1}.gb-note.highlight,.gb-note[data-degree="1"]{color:#fff;font-weight:700;background:#ffc64b;background:linear-gradient(180deg,#ffd06b 50%,#ffc64b 80%)}.gb-note[data-degree="1"].noHighlight{background:#e8e8e8;background:linear-gradient(180deg,#e8e8e8 55%,#dbdbdb 85%);color:#1e3754}.stringLabel.stringLabel--hidden .gb-fret{position:relative;opacity:.4}.stringLabel.stringLabel--hidden .gb-fret:before{color:#e14049;content:"+";font-size:19px;font-weight:700;height:10px;left:-7px;position:absolute;top:5px;transform:rotate(45deg);width:10px}.gb-fretboard_string_hidden .gb-note{opacity:0;visibility:hidden}.string .gb-note{transition:opacity .3s,visibility .3s}#fret0 .fret{position:relative;display:flex;gap:0;border-top:1px}#fret0 .string-line{border-right:1px solid white;margin-right:-20px}