@charset "UTF-8";*,:before,:after{box-sizing:border-box;background-repeat:no-repeat}:before,:after{text-decoration:inherit;vertical-align:inherit}:where(:root){cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}:where(body){margin:0}:where(h1){font-size:2em;margin:.67em 0}:where(dl,ol,ul) :where(dl,ol,ul){margin:0}:where(hr){color:inherit;height:0}:where(nav) :where(ol,ul){list-style-type:none;padding:0}:where(nav li):before{content:"​";float:left}:where(pre){font-family:monospace,monospace;font-size:1em;overflow:auto}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentColor}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0}:where(button,input,select){margin:0}:where(button,[type=button i],[type=reset i],[type=submit i]){-webkit-appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:baseline}:where(textarea){margin:0;resize:vertical}:where([type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(details>summary:first-of-type){display:list-item}:where([aria-busy=true i]){cursor:progress}:where([aria-controls]){cursor:pointer}:where([aria-disabled=true i],[disabled]){cursor:not-allowed}:where([aria-hidden=false i][hidden]){display:initial}:where([aria-hidden=false i][hidden]:not(:focus)){clip:rect(0,0,0,0);position:absolute}*,*:before,*:after{box-sizing:border-box}:root{font-family:Public Sans,sans-serif;font-size:16px;background:#f1f1f1}body{margin:0;padding:0;position:relative}#root{background-image:url(/assets/img/annie-spratt-4Hpljf9Y1ko-unsplash.jpg);background-size:auto 100%}main{min-height:100vh;background:radial-gradient(#f1f1f1,transparent);padding-top:1rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.align-center{display:flex;justify-content:center}.items-center{display:flex;align-items:center}.container{max-width:64ch;margin:0 auto}.panel{padding:1rem}.hero{background:#f1f1f1b8;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);color:#4b4b4b;border-radius:.5rem;box-shadow:#64646f33 0 7px 29px;margin:1rem}#hero_logo_svg{width:2.5rem;height:2.5rem;margin-right:.5rem}.text-center{text-align:center}.uppercase{text-transform:uppercase}.btn{font-weight:300;font-family:Public Sans,sans-serif;padding:1rem;display:inline-flex;align-items:center;justify-content:center;border:none;text-decoration:none;color:#f1f1f1;background:#272626;border-radius:.25rem;text-shadow:0px 0px .5rem rgba(255,255,255,.267);transition:transform .1s ease,background .2s ease,color .2s ease}.btn:hover{transform:scale(1.05)}.btn.btn-primary{background:green;color:#f1f1f1}.btn.btn-cta{background:none;border:1px solid #b2aaaa;color:#252525;box-shadow:#64646f33 0 7px 29px;width:100%;transition:background .2s ease,color .2s ease,transform .1s ease}.btn.btn-cta:active{background:#e2e2e2;color:#252525;transform:scale(.95)}.btn.btn-cta:hover{background:#e2e2e2;color:#252525}.btn.disabled{background:#9f9d9d;cursor:not-allowed}.btn-icon{display:inline-block}.btn-icon.btn-icon-left{margin-right:.5rem}.btn-icon.btn-icon-right{margin-left:.5rem}.btn-icon{max-width:1rem}.input{padding:.5rem 1rem;border:1px solid #f1f1f1;border-radius:.75rem;box-shadow:0 0 .5rem #00000020;font-size:1rem;display:block;width:100%;font-family:Public Sans,sans-serif}.input.input-primary{color:#f1f1f1;background:#1572bd}.input.center{text-align:center}.input.input-lg{font-size:1.125rem}.checkbox{width:1.25rem;height:1.25rem;margin-right:.5rem}.btn-group{max-width:36ch;display:flex;flex-direction:column;align-items:center;justify-content:center}.btn-group-horizontal{display:flex;flex-direction:row;justify-content:space-between;gap:.5rem}.btn-group-horizontal.justify-end{justify-content:flex-end}ul.list-unstyled,ol.list-unstyled{list-style-type:none;padding:0;margin:0}.m-0{margin:0}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.w-full{width:100%}@media (min-width: 768px){#root{background-image:url(/assets/img/annie-spratt-4Hpljf9Y1ko-unsplash.jpg);background-size:100% auto}.input{max-width:32ch;margin:0 auto}.hero{margin-top:1rem}.cta{max-width:36ch;margin:2rem auto 0}}@media (min-width: 1536px){#root{background-image:url(/assets/img/bg-1080p.png);background-size:auto 100%}}#interval_legend h5{color:gray}.interval-legend-list{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem}.interval-legend-list .interval{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;font-style:italic;position:relative}.interval-legend-list .interval:hover .label{position:absolute;height:initial;top:21px;display:block;left:-50%;padding:.5rem;background:#f1f1f1;z-index:10;border-radius:.5rem;box-shadow:.25rem .25rem 1rem #00000080}.interval-legend-list .interval:hover .label:before{content:"";position:absolute;top:-.5rem;left:50%;transform:translate(-50%);width:0px;height:.5rem;border-left:.5rem solid transparent;border-right:.5rem solid transparent;border-bottom:.5rem solid #f1f1f1;z-index:10}.interval-legend-list .label{height:0px;overflow:hidden;display:none}.interval-legend-list .circle{width:1.25rem;height:1.25rem;border-radius:50%;background:#1ba1e555;display:inline-block}.interval-legend-list .circle.half-step{background-color:#1ba1e555}.interval-legend-list .circle.whole-step{background:#1b3ce555}.interval-legend-list .circle.minor-third{background:#5f1be555}.interval-legend-list .circle.major-third{background:#c41be555}.interval-legend-list .circle.perfect-fourth{background:#e51ba155}.interval-legend-list .circle.tritone{background:#e55f1b55}.interval-legend-list .circle.perfect-fifth{background:#a1e51b55}.interval-legend-list .circle.minor-sixth{background:#1be55f55}.interval-legend-list .circle.major-sixth{background:#1be5c455}.interval-legend-list .circle.minor-seventh{background:#1ba1e574}.interval-legend-list .circle.major-seventh{background:#1ba1e580}#nav_main{color:#f1f1f1;position:sticky;top:0;right:0;left:0;z-index:10}.nav-bar{background:#d1d1d1d9;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);display:flex;justify-content:space-between;align-items:center;padding:1rem}#nav_logo_link{text-decoration:none;text-shadow:0px 0px .5rem rgba(255,255,255,.99);display:inline-flex;flex-direction:row;align-items:center;justify-content:center}#nav_logo_image{width:1.5rem;height:auto}.guitarwizard{color:#3b84bf}.dot{color:#ababab}.studio{color:#d5b229}#nav_logo_link.active{opacity:0}#nav_logo{font-size:16px;color:#f1f1f1;margin:0}#nav_toggle{background:none;border:none;cursor:pointer;width:2.25rem;height:2rem;position:relative;padding:.25rem}#nav_toggle span{display:block;width:100%;height:2px;background:#3b84bf;margin:5px 0;transition:all .3s ease;border-radius:.25rem}#nav_toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}#nav_toggle.active span:nth-child(2){opacity:0}#nav_toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-container{position:absolute;top:100%;left:0;right:0;width:100%;background-color:#c0c0c0ab;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);height:0;overflow:hidden;box-shadow:4px 4xp 12px #00000040}.nav-container.active{right:0;left:0;top:100%;height:auto}.nav-list{padding:0;margin:0;list-style-type:none}.nav-item{display:block}.nav-link{display:block;text-decoration:none;padding:1rem;color:#484848;text-align:center}.nav-link u{text-decoration:none;border-bottom:1px #006a9f solid}.nav-link.active{background:#91adc459}.menu-title{margin:1rem 0;padding:1rem;border-bottom:1px solid #666;display:block;color:#222}@media (min-width: 768px){#nav_main{display:flex;flex-direction:row;position:relative;align-items:center;justify-content:space-between;background:#d1d1d1a1}#nav_main .container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;max-width:1024px;margin:0 auto;width:100%}.nav-bar{background:transparent}#nav_toggle{display:none}.nav-container{height:auto;width:auto;position:relative;background:none}.nav-list{display:flex;flex-direction:row}.nav-link{transition:transform .2s ease}.nav-link:hover{transform:scale(1.05)}.nav-link:hover u{border-bottom:1px #006a9f solid}.nav-link:active{transform:scale(.95)}}.fret{z-index:2;text-align:center;border-top:2px solid rgba(241,241,241,.3411764706);padding:.5rem;position:relative;cursor:pointer}.fret:first-child{background:#f0f0f0}.fret:first-child .fret-button{background-color:#d8d5d5;font-size:1.125rem}.fret:nth-child(4),.fret:nth-child(6),.fret:nth-child(8),.fret:nth-child(10),.fret:nth-child(13),.fret:nth-child(16),.fret:nth-child(18),.fret:nth-child(20),.fret:nth-child(25){background:#755d3a38}.fret.selected{background:#1ba1e5;border:1px solid rgba(255,255,255,.08);border-radius:.25rem;position:relative;z-index:3}.fret.half-step{background-color:#1ba1e555}.fret.whole-step{background:#1b3ce555}.fret.minor-third{background:#5f1be555}.fret.major-third{background:#c41be555}.fret.perfect-fourth{background:#e51ba155}.fret.tritone{background:#e55f1b55}.fret.perfect-fifth{background:#a1e51b55}.fret.minor-sixth{background:#1be55f55}.fret.major-sixth{background:#1be5c455}.fret.minor-seventh{background:#1ba1e574}.fret.major-seventh{background:#1ba1e580}.fret-number{height:0px;overflow:hidden}.fret-number.show-fret-number{height:auto;margin-top:1rem;font-size:.75rem;color:#616161;position:absolute;padding:.5rem;background:#f1f1f1d6;border-radius:.25rem;box-shadow:none;z-index:1;transform:translate(-50%);left:50%;font-weight:700;font-size:1rem;top:1.75rem;box-shadow:.5rem .5rem .5rem #0000002e;overflow:visible}.fret-number.show-fret-number:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0px;height:.5rem;border-left:.5rem solid transparent;border-right:.5rem solid rgba(0,0,0,0);border-bottom:.5rem solid rgb(234,228,228);z-index:10}.fret-button{background:none;border:none;color:#7a7979;cursor:pointer;font-size:.75rem;border-radius:50%;background:#f1f1f1;height:2rem;width:2rem;text-shadow:0px 0px .25rem rgba(0,0,0,.158);text-align:center;z-index:2;position:relative}.open-string{background-color:#8a8a8a9c;text-align:center;border-top:2px solid rgba(241,241,241,.3411764706);padding:.5rem;position:relative}.open-string.selected{background:#1ba1e5;border:1px solid rgba(255,255,255,.08);border-radius:.25rem;position:relative;z-index:3}.open-string .dropdown{top:0;right:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:#fff;margin:0 auto 1rem;border-radius:.5rem;position:relative;z-index:3}.open-string .dropdown-menu{cursor:pointer;position:absolute;top:0;height:0px;overflow-y:hidden}.open-string .dropdown-item{color:#333;list-style-type:none;padding:.25rem .5rem;text-align:left;margin-top:.25rem;border-radius:.5rem}.open-string .dropdown-item.selected{background:#1572bd;color:#f1f1f1}.open-string .dropdown-item:hover{background:#f1f1f1}.dropdown.show .dropdown-menu{height:auto;display:block;background:#f1f1f1;border-radius:.5rem;padding:.5rem;box-shadow:0 0 .5rem #00000020;position:absolute;top:125%;left:50%;transform:translate(-50%);z-index:10}.open_string_pitch{padding:.5rem;display:block;background:#d4d0d0;font-size:1.125rem;text-align:center}.open-string-button{background:none;border:none;color:#7a7979;cursor:pointer;font-size:.75rem;border-radius:50%;background:#f1f1f1;height:2rem;width:2rem;text-shadow:0px 0px .25rem rgba(0,0,0,.158);text-align:center;z-index:2;position:relative}@media (min-width: 1536px){.open-string{display:flex;flex-direction:row;position:relative}.open-string .dropdown{margin:0 1rem 0 0}}.fretboard-layout{display:flex;flex-direction:column;gap:1rem;width:100%;align-items:center}.neck{background-color:#cdbba1;color:#333;margin:1rem;max-width:4in;margin:0 auto;box-shadow:4px 8px 1rem #0000004a}.strings{display:grid;grid-template-columns:repeat(6,1fr);padding:0;margin:0;list-style-type:none}.strings.seven-string{grid-template-columns:repeat(7,1fr)}.strings.eight-string{grid-template-columns:repeat(8,1fr)}.strings-item{text-align:center;position:relative;z-index:2}.strings-item:after{content:"";position:absolute;top:0;right:50%;bottom:0;border:0;border-right:3px solid #6e6e6e;height:100%;z-index:1}.frets{padding:0;margin:0;list-style-type:none;color:#f1f1f157}.selected-frets-column{width:100%;max-width:64ch;background:#dcdad6;border-radius:.5rem;padding:.75rem 1rem;box-sizing:border-box}.selected-frets-title{display:block;color:#333;margin-bottom:.5rem}.selected-frets-list{margin:0;padding-left:1.25rem;color:#333;list-style-type:none;padding:0;text-align:left}.selected-frets-empty{margin:0;color:#616161}#fretboard_control .input{margin-bottom:1rem}.hide-note{color:transparent}@media (min-width: 1536px){.fretboard-layout{flex-direction:row;align-items:flex-start;justify-content:center;gap:1rem}.strings-item:after{content:"";position:absolute;border:none;border-top:3px solid #6e6e6e;width:100%;top:50%;z-index:1;right:0;left:0}.selected-frets-column{width:16ch;min-width:16ch;max-width:16ch}.neck{max-width:128ch;margin:0}.strings{display:flex;flex-direction:column-reverse}.frets{display:flex;flex-direction:row;align-items:center}}@media (min-width: 1920px){.neck{max-width:128ch}}#footer{background:#d1d1d1a1;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}#tuner .tuner-panel{position:relative;overflow:hidden;max-width:100%;min-height:32rem}#tuner .tuner-controls{margin-top:1rem;display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap}#tuner .a4-control,#tuner .auto-toggle{display:inline-flex;align-items:center;gap:.25rem;color:#333;font-size:16px}#tuner .a4-control input{width:4.5rem;padding:.25rem .5rem;border:1px solid #6e6e6e;border-radius:.25rem;background:#f1f1f1;color:#333}#tuner .frequency-bars{position:absolute;left:0;right:0;bottom:0;width:100%;height:45%;pointer-events:none}#tuner .meter{position:absolute;left:0;right:0;bottom:45%;width:min(25rem,95%);height:33%;margin:0 auto 5vh}#tuner .meter-pointer{width:2px;height:100%;background:#333;transform:rotate(0);transform-origin:bottom;transition:transform .2s;position:absolute;right:50%}#tuner .meter-dot{width:10px;height:10px;background:#333;border-radius:50%;position:absolute;bottom:-5px;right:50%;margin-right:-4px}#tuner .meter-scale{width:1px;height:100%;transform-origin:bottom;box-sizing:border-box;border-top:10px solid #333;position:absolute;right:50%}#tuner .meter-scale-strong{width:2px;border-top-width:20px}#tuner .notes{margin:auto;width:min(25rem,100%);position:absolute;top:50%;left:0;right:0;text-align:center}#tuner .notes-list{overflow:auto;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(to right,transparent,rgb(0,0,0) 12%,rgb(0,0,0) 88%,transparent);mask-image:linear-gradient(to right,transparent,rgb(0,0,0) 12%,rgb(0,0,0) 88%,transparent)}#tuner .notes-list::-webkit-scrollbar{display:none}#tuner .note{font-family:Public Sans,sans-serif;font-size:90px;font-weight:700;position:relative;display:inline-block;padding-right:30px;padding-left:10px;color:#333;border:0;background:transparent;cursor:pointer}#tuner .note.active{color:#3b84bf}#tuner .note span{position:absolute;right:.25em;font-size:40%;font-weight:400}#tuner .note-sharp{top:.3em}#tuner .note-octave{bottom:.3em}#tuner .frequency{font-size:32px;color:#333}#tuner .frequency span{font-size:50%;margin-left:.25rem}#tuner .tuner-error{margin-top:.5rem;color:#d5b229}@media (max-width: 768px){#tuner .meter,#tuner .notes{width:100%}#tuner .note{font-size:72px}}#metronome .metronome-panel{max-width:36ch;margin:0 auto}#metronome .metronome-bpm{margin:0 0 1rem;font-size:1.125rem;color:#333}#metronome .metronome-beat-indicator{display:flex;justify-content:center;gap:.5rem;margin:1rem 0}#metronome .metronome-beat{width:.875rem;height:.875rem;border-radius:50%;background:#9f9d9d;border:1px solid #6e6e6e;transition:transform .1s ease,background .2s ease,border-color .2s ease}#metronome .metronome-beat.active{background:#1572bd;border-color:#1572bd;transform:scale(1.618)}#metronome .metronome-beat:first-child.active{background:#0c0}#metronome .time-signature-controls{margin-top:1rem;display:flex;flex-direction:row;gap:.5rem}#metronome .metronome-btn-controls{margin-top:1rem;display:flex;flex-direction:column}