@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400);#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}body[data-v-71162283]{font-family:Lato,sans-serif}[data-v-71162283]{margin:0;padding:0}.fretboard[data-v-71162283]{--string-height:10;--fretboard-height:300;display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content;min-width:100%;height:calc(var(--fretboard-height)*1px);overflow:hidden}.string[data-v-71162283]{width:100%;height:100%;display:flex;position:relative}.string[data-v-71162283]:before{content:"";width:100%;z-index:1;position:absolute;top:calc(var(--string-top)*1px)}.string-fret[data-v-71162283]{display:flex;flex:1;justify-content:center;align-items:center;position:relative}.string-fret[data-v-71162283]:first-child{min-width:76px;border-right:12px solid;flex-grow:0;flex-shrink:0}.string-fret[data-v-71162283]:before,.string-fret[data-v-71162283]:first-child:before{content:attr(data-note);width:33px;height:33px;border-radius:50%;line-height:33px;text-align:center;z-index:3;color:#d3d3d3;opacity:.8}.bubble[data-v-71162283]{width:33px;height:33px;border-radius:50%;line-height:33px;text-align:center;z-index:3;position:absolute}.double-fretmark[data-v-71162283]:after,.double-fretmark[data-v-71162283]:before,.single-fretmark[data-v-71162283]:after{content:"";position:absolute;height:20px;width:20px;border-radius:50%}.single-fretmark[data-v-71162283]:after{top:calc(var(--fretboard-height)/2*1px);transform:translateY(-50%)}.double-fretmark[data-v-71162283]:before{top:calc(var(--fretboard-height)*1/3*1px);transform:translate(-140%,-50%)}.double-fretmark[data-v-71162283]:after{top:calc(var(--fretboard-height)*2/3*1px);transform:translate(-140%,-50%)}@media print{.fretboard[data-v-71162283]{--fretboard-height:150}.string[data-v-71162283]:first-child{border-top:grey;border-top-width:2px;border-top-style:solid}.string[data-v-71162283]:last-child{border-bottom:grey;border-bottom-width:2px;border-bottom-style:solid}.string[data-v-71162283]{border-left:3px solid grey}.string[data-v-71162283]:before{box-shadow:inset -1px -1px 100px 100px #000;height:3px}.string-fret[data-v-71162283]{display:flex;flex:1;border-right:8px solid;justify-content:center;align-items:center;position:relative}.bubble[data-v-71162283]{color:#000!important;background-color:#fff!important;border:1px solid grey;opacity:1;width:16px;height:16px;line-height:16px;font-size:66%}.string-fret[data-v-71162283]:first-child{box-shadow:inset -1px -1px 100px 100px #d3d3d3}.double-fretmark[data-v-71162283]:after,.double-fretmark[data-v-71162283]:before,.single-fretmark[data-v-71162283]:after{background-color:#a9a9a9;height:10px;width:10px}}@media screen{.fretboard[data-v-71162283]{background-color:#be975b}.string[data-v-71162283]{border:none}.string[data-v-71162283]:before{height:calc(var(--string-height)*1px);background:linear-gradient(#f5f4f4,#999);box-shadow:76px 3px 10px #8d6d3d}.string-fret[data-v-71162283]{border-right:8px solid;-o-border-image:linear-gradient(270deg,#777,#bbb,#777) 1 100%;border-image:linear-gradient(270deg,#777,#bbb,#777) 1 100%}.string-fret[data-v-71162283]:first-child{background-color:#171717;-o-border-image:linear-gradient(270deg,#777,#fff,#bbb) 1 100%;border-image:linear-gradient(270deg,#777,#fff,#bbb) 1 100%}.string-fret[data-v-71162283]:before,.string-fret[data-v-71162283]:first-child:before{content:attr(data-note);width:33px;height:33px;border-radius:50%;line-height:33px;text-align:center;z-index:3;color:#d3d3d3;opacity:.8}.bubble[data-v-71162283]{width:33px;height:33px;border-radius:50%;line-height:33px;text-align:center;z-index:3;color:grey;background-color:#ff0;position:absolute;opacity:.8}.double-fretmark[data-v-71162283]:after,.double-fretmark[data-v-71162283]:before,.single-fretmark[data-v-71162283]:after{background-color:#806233}}#zapp{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}@media print{#options{display:none}.fretboard-with-title{-moz-column-break-inside:avoid;break-inside:avoid}}#options{margin-bottom:1em}#options>div{padding-top:.5em}