@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{background:#505050;width:100%;height:6px;top:-6px}#clear s{text-transform:uppercase;cursor:pointer;z-index:10;color:#444;font-size:11px;font-weight:700;position:absolute;bottom:14px;right:14px}.d-flex{display:flex}#downloadFormat{width:105px;margin-right:0!important}.barre-selected{content:"";cursor:pointer;opacity:0;border-radius:20px;position:absolute;top:15px;bottom:15px;background-color:#8a8a8a!important}.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;border-radius:12px;padding:80px 86px 90px;position:relative}.diagram-fretboard{padding:10px}.menu-fretboard-container--overlay{content:"";opacity:.4;background-color:#fff;background-image:repeating-linear-gradient(0deg,#0000001f 0 1px,#0000 1px 24px),repeating-linear-gradient(90deg,#0000001f 0 1px,#0000 1px 24px);position:absolute;inset:0}.fret>:last-child{margin-right:-20px}.strings .strings>:last-child{gap:10px}.fretboard{flex-direction:column;align-items:start;max-width:231px;margin:auto;display:flex;position:relative}.strings{background:#fff;border-bottom:2px solid #000;flex-direction:column;display:flex}.fret{border-top:2px solid #000;gap:0;display:flex;position:relative}.barre{content:"";cursor:pointer;opacity:0;background:#eee;border-radius:20px;position:absolute;inset:15px -18px}.note:hover{background-color:#eeeeee80}.note{cursor:pointer;z-index:1;border-radius:50%;width:40px;height:40px;margin:15px 25px 15px 0}.note.open{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border:2px solid #fc0;box-sizing:border-box!important}.note.close{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;color:#fc0;text-align:center;cursor:pointer;border-radius:50%;width:40px;height:40px;font-family:Arial,sans-serif;font-size:14px;line-height:22px;position:relative;box-sizing:border-box!important}.close:before,.close:after{content:"";width:40px;height:2px;position:absolute;top:50%;left:50%;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 #000;margin-right:-20px}.tuning-input{margin-top:10px}select option:checked:after{content:attr(title);color:#fff;background:#666;border:none;width:100%;position:absolute;left:0}select option{background-color:#fff;border:1px solid #ccc;padding:30px 10px;font-size:16px}select:focus{border-color:gray;outline:none}select option:checked{color:#fff;background-color:#ffc64b}.metronome-wrapper{display:flex}#metronomeBtn{color:#1d1d1d;background:0 0;border:1px solid #dadada;border-radius:0 7px 7px 0;width:50px;padding:0;font-size:13px}body .select2-results .select2-result-label{border-bottom:none}.select2-results li.select2-result-with-children>.select2-result-label{font-weight:700}.metronome-input{border-right:none;padding:10px 7px;border-radius:7px 0 0 7px!important;width:65px!important;margin-right:0!important;font-size:16px!important}.select2-results li{background-image:none;margin:8px;list-style:none;display:list-item}.select2-results-dept-1{background-image:none;list-style:none;display:list-item}.select2-results li{background-image:none;border-radius:10px;margin:8px;list-style:none;display:list-item}body .select2-results .select2-highlighted{color:#ffc64b!important;background:#f4f4f4!important}@media only screen and (max-width:767px){.menu-container{flex-direction:column;flex-flow:column!important}.fretboards-containers{flex-direction:column}.diagram-fretboard{margin-left:0}#chord-diagram{text-align:center}.gb-diagram-menu-selector{width:100%!important}}.gb-diagram-menu-selector{width:270px;height:40px;margin-right:10px;font-size:16px}.highlight-select{width:155px}.select2-results li.select2-result-with-children>.select2-result-label{margin-left:-5px;font-weight:700}.tool-heading-title{color:#37393a;font-family:Rubik,sans-serif;font-size:20px;font-weight:300;display:inline;position:relative;box-shadow:inset 0 -3px #fff,inset 0 -12px #ffe7b2;margin:0 0 5px!important}.menu-container{flex-flow:wrap;justify-content:center;display:flex}.sub-menu-container{justify-content:space-evenly;margin-top:30px;display:flex}.select-wrapper{flex-direction:column;display:flex}.slider-wrapper{flex-direction:column;margin-right:50px;display:flex}.gb-diagram-slider{cursor:pointer;margin-top:-5px;width:270px!important}.select-label label,.slider-label label{text-transform:uppercase;letter-spacing:.4px;color:#645b45;margin:0;font-family:Rubik;font-size:10px;font-weight:400}.key-select{width:80px}.tool-heading-title+div{border-top:1px solid #e2e2e2;margin-top:10px;padding-top:15px}.scale-select{width:200px}.active,.active--toggle{color:#fff;background:linear-gradient(45deg,#ffcf90,#ffdc4e)}.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;user-select:none;width:100%;height:325px;margin-bottom:0;position:relative;overflow:auto hidden}.gb-fretboardTable{width:98%;position:absolute;left:16px}table,table td,table tr{border:none;width:0;margin:0;padding:0}td{padding:0}table.string_labels{float:left}.stringLabel{-webkit-tap-highlight-color:transparent}table.string_labels .gb-fret{color:#a3a3a3;width:0;height:40px;margin-bottom:4px;font-size:13px;font-weight:500;line-height:4;top:14px}table.string_labels .gb-fret:hover{cursor:pointer}.gb-fret{min-width:60px;height:40px;margin:auto;position:relative}.string{border-color:#c5d1df}.fret--open{border-right:4px solid #c5d1df}.fret--hasBG{background:0 0;border-right:1px solid #dfdfdf80}.fret--trailer{border-right:none;width:.75rem}.fret--fretNum{text-align:center;color:#1e3754;padding-top:8px;font-size:.9rem;line-height:4.05rem}.string:first-child .fret{background:0 0;border-left-color:#0000;border-right-color:#0000}.gb-note{z-index:1;color:#2e2920;text-align:center;background:linear-gradient(#e8e8e8 55%,#dbdbdb 85%);border-radius:50%;width:33px;height:33px;margin-top:1px;margin-left:-15px;font-size:15px;font-weight:700;line-height:35px;position:absolute;top:25px;left:50%}.gb-note[data-degree="1"]{scale:1.1}.gb-note.highlight,.gb-note[data-degree="1"]{color:#fff;background:linear-gradient(#ffd06b 50%,#ffc64b 80%);font-weight:700}.gb-note[data-degree="1"].noHighlight{color:#1e3754;background:linear-gradient(#e8e8e8 55%,#dbdbdb 85%)}.stringLabel.stringLabel--hidden .gb-fret{opacity:.4;position:relative}.stringLabel.stringLabel--hidden .gb-fret:before{color:#e14049;content:"+";width:10px;height:10px;font-size:19px;font-weight:700;position:absolute;top:5px;left:-7px;transform:rotate(45deg)}.gb-fretboard_string_hidden .gb-note{opacity:0;visibility:hidden}.string .gb-note{transition:opacity .3s,visibility .3s}#fret0 .fret{border-top:1px;gap:0;display:flex;position:relative}#fret0 .string-line{border-right:1px solid #fff;margin-right:-20px}