@import url(https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,400i,600,700,800&display=swap&subset=latin-ext);#app{height:100vh}.site-header{background:#261627;color:#eee;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:6px 12px}.site-header>:first-child{margin:0 -12px}.site-header>:not(:first-child){margin:4px 0}.site-header>:not(:last-child){margin-right:1rem}.site-header>:last-child{margin-right:-6px}.site-header *{color:#eee}@media(max-width:768px){.site-header .ui-checkbox__label-text,.site-header .ui-select__display,.site-header .ui-textbox__input,.site-header a{font-size:12px}}.site-header .home-link{line-height:1;padding:.15rem .75rem 0 1rem;font-size:2em;font-family:Aromatron;font-size:2.35em;text-decoration:none;color:#eee;white-space:nowrap}@media(max-width:768px){.site-header .home-link{font-size:min(10vw - 8px,2.35em)}}.site-header .instrument-select{width:8em}.site-header .tuning-select{width:6em}.site-header .ui-checkbox{overflow:hidden}.site-header .ui-textbox{-webkit-box-flex:1;-ms-flex:1;flex:1;border-radius:4px;overflow:hidden;color:#eee!important}@media(min-width:1200px){.site-header .ui-textbox{margin-left:.5rem}}.site-header .ui-textbox .ui-textbox__label{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.site-header .ui-textbox .ui-textbox__label .ui-textbox__label-text{color:#eee!important;white-space:nowrap;margin-right:.4rem;font-size:.8rem}.site-header .ui-textbox .ui-textbox__input{color:#eee!important;background:#2a213f;border-width:2px!important;border-color:#404575!important;-webkit-transition:border-color 1s,background-color 1s;transition:border-color 1s,background-color 1s;width:100%;max-width:unset;padding:2px 4px;overflow:hidden;border-radius:4px;border:solid}.site-header .ui-textbox .ui-textbox__input:hover{-webkit-transition:border-color .3s,background-color .3s;transition:border-color .3s,background-color .3s;border-color:#3162ac!important}.site-header .ui-textbox .ui-textbox__input:focus{border-color:#46acff!important;background:#27285c}.site-header .ui-select .ui-select__display{padding:0 4px;overflow:hidden;border-radius:4px;border:solid;color:#eee!important;background:#2a213f;border-width:2px!important;border-color:#404575!important;-webkit-transition:border-color 1s,background-color 1s;transition:border-color 1s,background-color 1s}.site-header .ui-select .ui-select__display .ui-select__display-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 0}.site-header .ui-select .ui-select__display:hover{-webkit-transition:border-color .3s,background-color .3s;transition:border-color .3s,background-color .3s;border-color:#3162ac!important}.site-header .ui-select .ui-select__label.has-dropdown-open .ui-select__display,.site-header .ui-select .ui-select__label:focus .ui-select__display{border-color:#46acff!important;background:#27285c}.site-header .ui-checkbox__checkmark{height:24px!important;width:24px!important;overflow:hidden;background:transparent}.site-header .ui-checkbox__checkmark:before{background:#2a213f;height:24px!important;width:24px!important}.site-header .ui-checkbox__checkmark:after{left:8px!important;width:8px!important;height:16px!important}.site-header .ui-checkbox:not(.is-checked) .ui-checkbox__checkmark:before{border-color:#404575!important}.site-header .ui-checkbox:hover .ui-checkbox__checkmark:before{border-color:#3162ac!important}.site-header .ui-checkbox input:focus+.ui-checkbox__checkmark:before{border-color:#46acff!important}.site-footer[data-v-a1e1321a]{background:#261627;background:linear-gradient(-2deg,#261627 10%,#404575);line-height:1.1;display:grid;grid-template-columns:1fr auto 1fr;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:30px}@media(max-width:992px){.site-footer[data-v-a1e1321a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.site-footer>[data-v-a1e1321a]{margin:10px 30px}.site-footer[data-v-a1e1321a]>:first-child{text-align:right}.site-footer[data-v-a1e1321a]>:last-child{text-align:left}.site-footer .subtle[data-v-a1e1321a]{color:#a2b6c9}.site-footer .github-link[data-v-a1e1321a]{text-decoration:none;padding:.5em;overflow:visible;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.site-footer .github-link div[data-v-a1e1321a]{margin:.2em;text-align:right}.site-footer .github-link span[data-v-a1e1321a]{margin-right:6px}.keycap[data-v-d8961286]{text-transform:capitalize;border-radius:5px;padding:2px 3px;margin:0 1px;min-width:1.75em;text-align:center;border:1px solid #999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.keycap.mod[data-v-d8961286]{font-size:.8em}.keycap.optional[data-v-d8961286]{margin:0 7px;position:relative}.keycap.optional[data-v-d8961286]:after,.keycap.optional[data-v-d8961286]:before{position:absolute;top:50%;padding:0 2px;font-size:2em;font-weight:100;-webkit-transform:translateY(-53%);transform:translateY(-53%);opacity:.8;font-weight:300}.keycap.optional[data-v-d8961286]:before{content:"(";right:100%}.keycap.optional[data-v-d8961286]:after{content:")";left:100%}.key-combo[data-v-7cc9ef8a]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.key-group[data-v-7cc9ef8a]{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.key-group[data-v-7cc9ef8a]:not(:last-child){margin-right:.6em}.key-group[data-v-7cc9ef8a]:not(:last-child):after{content:"+";display:block;position:absolute;left:calc(100% + .3em);top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.home[data-v-5d517f08]{background:#f5eff7}.lead[data-v-5d517f08]{color:#eee;color:#a2b6c9;position:relative;padding-top:2rem;padding-bottom:150px;margin-bottom:-150px;background:#261627;background:-webkit-gradient(linear,left top,left bottom,from(#261627),to(#404575));background:linear-gradient(#261627,#404575);font-size:22px}.lead[data-v-5d517f08]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:150px;background:-webkit-gradient(linear,right bottom,left top,color-stop(49.75%,#f5eff7),color-stop(50.25%,transparent));background:linear-gradient(to top left,#f5eff7 49.75%,transparent 50.25%)}.lead .reading[data-v-5d517f08]{padding:40px 0}.lead a[data-v-5d517f08]{font-weight:600;font-size:20px}.main-text[data-v-5d517f08]{margin:70px 0 70px}.final[data-v-5d517f08]{margin-bottom:100px}.img-blurb[data-v-5d517f08]{-webkit-box-sizing:content-box;box-sizing:content-box;width:min(80vw,1000px);height:calc(0.492*min(80vw,1000px));padding:15px;-ms-flex-item-align:center;align-self:center;display:block;z-index:1;border-radius:10px;-webkit-box-shadow:-1px -5px 10px -1px rgba(38,22,39,.5),0 5px 8px 1px rgba(38,22,39,.2);box-shadow:-1px -5px 10px -1px rgba(38,22,39,.5),0 5px 8px 1px rgba(38,22,39,.2);-webkit-box-shadow:2px 4px 8px rgba(38,22,39,.2);box-shadow:2px 4px 8px rgba(38,22,39,.2);-webkit-transition:-webkit-transform .6s;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s;-webkit-transform:perspective(1000px) rotateX(5deg) scale(.99);transform:perspective(1000px) rotateX(5deg) scale(.99);background-image:radial-gradient(rgba(70,172,255,.25),#fff);position:relative;overflow:hidden;background:rgba(64,69,117,.3);background:rgba(70,172,255,.4);background:rgba(64,69,117,.6);background:hsla(0,0%,83.9%,.1)}.img-blurb[data-v-5d517f08]:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:no-repeat 30% 80%/300% 300% rgba(245,239,247,.1);background-image:radial-gradient(hsla(0,0%,100%,0) 40%,hsla(0,0%,100%,.45) 40.5%,#fff 80%);opacity:.6;z-index:1;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s;-webkit-transform:scale(1.2) translateX(-20px);transform:scale(1.2) translateX(-20px)}.img-blurb .container[data-v-5d517f08]{z-index:1;overflow:hidden;position:relative;border-radius:5px;width:min(80vw,1000px);height:calc(0.492*min(80vw,1000px))}.img-blurb .container img[data-v-5d517f08]{width:min(80vw,1000px);height:calc(0.492*min(80vw,1000px));max-width:90vw;display:block}.img-blurb .container[data-v-5d517f08]:after,.img-blurb .container[data-v-5d517f08]:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;padding:0;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s}.img-blurb .container[data-v-5d517f08]:before{background:linear-gradient(178deg,#271d3b,#2f3b52 70%);z-index:-1}.img-blurb .container[data-v-5d517f08]:after{background:linear-gradient(178deg,rgba(39,29,59,.6),rgba(47,59,82,.6) 70%)}.img-blurb[data-v-5d517f08]:hover{-webkit-transform:perspective(1000px) rotateX(2deg) scale(1);transform:perspective(1000px) rotateX(2deg) scale(1)}.img-blurb[data-v-5d517f08]:hover:after{opacity:.5;-webkit-transform:translateY(-30px) scale(1.2) translateX(-30px);transform:translateY(-30px) scale(1.2) translateX(-30px)}.img-blurb:hover .container[data-v-5d517f08]:after{-webkit-transform:scaleY(1.25);transform:scaleY(1.25);opacity:.1}.logotype[data-v-5d517f08]{font-family:Aromatron;font-size:3rem;color:#46acff}.logotype span[data-v-5d517f08]{margin-right:1rem}@font-face{font-family:Aromatron;src:url(../fonts/Aromatron-Regular.4c331d36.ttf);font-weight:700}body{margin:0;background:#f5eff7!important}.ui-textbox,body{font-family:Nunito Sans,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;overflow:hidden}.u-scroll{overflow:hidden auto}.u-fill-page{min-height:100vh}.main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}@media(max-width:768px){.main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.main .aside{-ms-flex-negative:0;flex-shrink:0;height:calc(0.5625*min(70vw,360px))}.main .song-timestamps{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.main .right-sidebar{max-height:max(25vh,190px);width:100%}}a{color:#3c78e7;font-weight:700;text-decoration:none;-webkit-transition:color .25s;transition:color .25s;position:relative}a.link-padded:after,a:not([class]):after,a[class=""]:after{content:"";position:absolute;bottom:10%;left:0;width:100%;height:2px;background:-webkit-gradient(linear,left top,right top,from(#4790ff),to(#23f3ae));background:linear-gradient(90deg,#4790ff,#23f3ae);opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}a:hover{color:#46acff}a:hover:after{opacity:1}a.link-padded{padding:.4em 0;white-space:nowrap}a.link-padded:after{bottom:.3em}.u-overlay{position:relative}.u-overlay>:not(:first-child){position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.u-dark,.u-dark a{color:#eee}.u-dark a{font-weight:600;-webkit-transition:color .5s;transition:color .5s}.u-dark a:hover{color:#89caff}.u-dark a:after{background:-webkit-gradient(linear,left top,right top,from(#2e7ef7),to(#23f3ae));background:linear-gradient(90deg,#2e7ef7,#23f3ae)}.u-dark a.router-link-exact-active{color:#89caff}.u-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.u-flex>*{margin:0 .4rem}.u-flex-baseline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.u-flex-baseline>*{margin:0 .4rem}.u-flex-1{-webkit-box-flex:1;-ms-flex:1;flex:1}.snippet{border-radius:2px;background:hsla(0,0%,100%,.5);color:#ae71c0;padding:0 4px;margin:0 1px}.right-sidebar{width:10em;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:0}.autoplay-checkbox{width:9.5em}.u-content{margin:50px 0;line-height:1.666;color:#555b75;font-size:19px}.u-content p{margin:.75em 0;text-align:left;width:100%}.reading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:min(80vw,800px);margin:auto}.reading .key-combo{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.reading .key-combo .keycap{font-size:12px;font-weight:600;padding:3px;min-width:2em}.reading .key-combo .keycap.space{width:8em}.reading .snippet{font-size:.9em}.tippy-iOS{cursor:pointer!important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.tippy-popper{max-height:100%;max-width:100%;outline:0;pointer-events:none;-webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-timing-function:cubic-bezier(.165,.84,.44,1);z-index:60}.tippy-popper[x-placement^=top] .tippy-backdrop{border-radius:40% 40% 0 0;-webkit-transform-origin:0 25%;transform-origin:0 25%}.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-55%);transform:scale(1) translate(-50%,-55%)}.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-50%,-45%);transform:scale(.2) translate(-50%,-45%);opacity:0}.tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible]{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible]{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=top] [data-animation=scale]{-webkit-transform-origin:bottom;transform-origin:bottom}.tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible]{-webkit-transform:translateY(-10px) scale(1);transform:translateY(-10px) scale(1)}.tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateY(-10px) scale(.5);transform:translateY(-10px) scale(.5)}.tippy-popper[x-placement^=bottom] .tippy-backdrop{border-radius:0 0 30% 30%;-webkit-transform-origin:0 -50%;transform-origin:0 -50%}.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-45%);transform:scale(1) translate(-50%,-45%)}.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-50%);transform:scale(.2) translate(-50%);opacity:0}.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible]{-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible]{-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=bottom] [data-animation=scale]{-webkit-transform-origin:top;transform-origin:top}.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible]{-webkit-transform:translateY(10px) scale(1);transform:translateY(10px) scale(1)}.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateY(10px) scale(.5);transform:translateY(10px) scale(.5)}.tippy-popper[x-placement^=left] .tippy-backdrop{border-radius:50% 0 0 50%;-webkit-transform-origin:50% 0;transform-origin:50% 0}.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-75%,-50%);transform:scale(.2) translate(-75%,-50%);opacity:0}.tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible]{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible]{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=left] [data-animation=scale]{-webkit-transform-origin:right;transform-origin:right}.tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible]{-webkit-transform:translateX(-10px) scale(1);transform:translateX(-10px) scale(1)}.tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateX(-10px) scale(.5);transform:translateX(-10px) scale(.5)}.tippy-popper[x-placement^=right] .tippy-backdrop{border-radius:0 50% 50% 0;-webkit-transform-origin:-50% 0;transform-origin:-50% 0}.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-25%,-50%);transform:scale(.2) translate(-25%,-50%);opacity:0}.tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible]{-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible]{-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=right] [data-animation=scale]{-webkit-transform-origin:left;transform-origin:left}.tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible]{-webkit-transform:translateX(10px) scale(1);transform:translateX(10px) scale(1)}.tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateX(10px) scale(.5);transform:translateX(10px) scale(.5)}.tippy-tooltip{position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tippy-tooltip[data-animatefill]{overflow:hidden;background-color:transparent}.tippy-tooltip[data-interactive],.tippy-tooltip[data-interactive] path{pointer-events:auto}.tippy-backdrop{position:absolute;border-radius:50%;width:calc(110% + 2rem);left:50%;top:50%;z-index:-1;-webkit-transition:all cubic-bezier(.46,.1,.52,.98);transition:all cubic-bezier(.46,.1,.52,.98);-webkit-backface-visibility:hidden;backface-visibility:hidden}.tippy-backdrop:after{content:"";float:left;padding-top:100%}.tippy-backdrop+.tippy-content{-webkit-transition-property:opacity;transition-property:opacity;will-change:opacity}.tippy-backdrop+.tippy-content[data-state=visible]{opacity:1}.tippy-backdrop+.tippy-content[data-state=hidden]{opacity:0}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:100%}.ui-textbox{min-width:10em}.ui-checkbox__label-text{margin-left:.5rem!important;height:1.4em}.ui-tooltip-theme{background-color:#2a213f!important;color:#eee;border-radius:.125rem;font-size:.8125rem;line-height:1.4;padding:.3rem .5rem;text-align:center}