.VButton{display:flex;align-items:center;padding:14px 12px;border:none;appearance:none;color:var(--color--text);background-color:var(--color--bg--highlight);box-shadow:0 0 0 1px var(--color--border);border-color:var(--color--border);transition:border-color .2s,background-color .2s;cursor:pointer}.VButton.is-disabled{border-color:var(--color--border);background-color:var(--color--border);cursor:not-allowed}.VButton.is-active{border-color:var(--color--highlight);color:var(--color--highlight)}@media(max-width:49.99em){.VButton{justify-content:center}.VButton>*:not(:last-child){margin-right:12px}}@media(min-width:50em){.VButton{padding:4px 8px;border:1px solid var(--color--bg--highlight);font-size:1.4rem!important;background-color:var(--color--bg--highlight);box-shadow:none}.VButton:not(.is-disabled):hover{border-color:var(--color--hover);color:var(--color--text--inverted);background-color:var(--color--hover)}.VButton>*:not(:last-child){margin-right:8px}.VButton{margin-right:8px;padding-right:8px;padding-left:8px;border-width:1px;border-radius:1000px}}.icon,.text{cursor:pointer}.VButton.is-disabled .icon,.VButton.is-disabled .text{cursor:not-allowed}.dot{width:10px;height:10px;border:1px solid black;border-radius:40%;font-size:1.8em;flex:0 0 auto;border:none}.dot.dot.dot{margin-right:20px}.intervals{display:grid;grid-auto-rows:auto;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:1px}@media(max-width:49.99em){.intervals{margin-bottom:1px}}@media(min-width:50em){.intervals{grid-template-columns:repeat(auto-fill,60px);align-content:center;gap:10px;flex:1 1 100%;align-self:stretch}}.FretboardSequencesItemInterval{display:flex}@media(max-width:49.99em){.FretboardSequencesItemInterval{box-shadow:0 0 0 1px var(--color--border)}}.button{display:flex;align-items:flex-start;justify-content:space-between;flex:1 1 100%;padding:14px;border:none;appearance:none;background-color:transparent;transition:color .2s,border-color .2s,background-color .2s;cursor:pointer}.button.is-selected{background-color:var(--color--bg--highlight)}.button:focus{border-color:var(--color--hover)}@media(min-width:50em){.button{margin-right:8px;border-width:1px;border-radius:1000px;padding:2px 8px;border:1px solid var(--color--border)}.button:hover{background-color:var(--color--bg--highlight)}}.button__note{color:var(--color--text);cursor:pointer}.button.is-selected .button__note{color:var(--color--highlight)}.button:not(.is-selected):hover .button__note{color:var(--color--hover)}.button__interval{font-size:1.35rem;color:var(--color--text--secondary);cursor:pointer}.button.is-selected .button__interval{color:var(--color--text)}.button:not(.is-selected):hover .button__interval{color:var(--color--text)}.tooltip{padding:8px;color:var(--color--bg--tooltip);background-color:var(--color--bg--tooltip)}.tooltip__text{color:var(--color--text--inverted)}@media(min-width:50em){.settings{display:flex;align-items:center}.settings>*:not(:last-child){margin-right:40px}.settings{border-radius:10px}}@media(min-width:50em){.properties{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end}.properties>*:not(:last-child){margin-right:10px}.properties{flex:0 0 auto}}.properties select{font-size:1.6rem;height:36px}@media(max-width:49.99em){.tools{display:grid;grid-auto-rows:auto;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:1px;margin-bottom:1px}}@media(min-width:50em){.tools{display:flex}.tools>*:not(:last-child){margin-right:10px}}.tools__extra>*:not(:last-child){margin-bottom:10px}@media(min-width:50em){.FretboardSequences{max-width:1400px;margin:auto;padding:0 10px}.FretboardSequences>*:not(:last-child){margin-bottom:40px}}@media(min-width:50em){.sequences>*:not(:last-child){margin-bottom:40px}}@media(max-width:49.99em){.tools{display:grid;grid-template:auto/1fr 1fr;gap:1px;margin:1px 0}}@media(min-width:50em){.tools{display:flex;justify-content:center}.tools>*:not(:last-child){margin-right:10px}}@media(max-width:49.99em){.tools__add-sequence{grid-column:1/span 2}}.text-no-scales{text-align:center;color:var(--color--text)}@media(max-width:49.99em){.text-no-scales{line-height:1.8;padding:20px;color:var(--color--text--secondary)}}.sequence-settings-button-container{display:flex;padding:8px;gap:8px}.sequence-settings-container{padding:8px;gap:8px}li{color:var(--color--text)}.App{display:flex;flex-direction:column;flex:1 1 auto;background-color:var(--color--bg)}@media(min-width:50em){.App{padding:12px}}@media(max-width:49.99em)and (orientation:portrait){.fretboard-wrapper{margin:20px 0}.fretboard-wrapper.is-large-instrument{overflow-x:scroll;margin:0;padding:20px}}@media(max-width:49.99em)and (orientation:landscape){.fretboard-wrapper{overflow-x:scroll;padding:40px 20px}}@media(min-width:50em){.fretboard-wrapper{display:flex;flex-direction:column;justify-content:flex-end;overflow-x:auto;min-height:33vh;margin-bottom:60px;padding:70px 0 40px}}.header{display:flex;align-items:center;justify-content:space-between}@media(max-width:49.99em){.header{background-color:var(--color--bg--tooltip)}}@media(min-width:50em){.header{margin-bottom:40px}}.header__logo{display:flex;align-items:center}.header__logo>*:not(:last-child){margin-right:8px}.header__logo{padding:10px;border-radius:6px;color:var(--color--text--inverted)}@media(min-width:50em){.header__logo>*:not(:last-child){margin-right:5px}.header__logo{padding:4px 6px;color:var(--color--bg);background-color:var(--color--border)}.header__logo:hover{background-color:var(--color--hover)}}.logo__icon{font-size:16px;color:var(--color--bg)}.logo__text{font-size:20px;font-weight:700;transition:color .2s}@media(min-width:50em){.logo__text{font-size:24px}}.header__sublinks{display:flex;justify-content:flex-end;padding:10px}.sublinks__item{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid black;border-radius:40%;font-size:1.8em;font-size:18px;border:1px solid var(--color--text--inverted);color:var(--color--text--inverted);cursor:pointer}.sublinks__item:first-child{margin-right:10px}.header__subpage-header{flex:1 1 100%;font-size:18px;font-weight:700;color:var(--color--text--inverted)}.footer{display:flex;flex-direction:column;justify-content:flex-end;flex:1 1 100%;margin-top:40px}.nav{display:flex;justify-content:flex-end}.nav>*:not(:last-child){margin-right:20px}.nav__link{display:flex;align-items:center}.nav__link>*:not(:last-child){margin-right:6px}.nav__link{font-size:1.35rem;color:var(--color--text--secondary);cursor:pointer}.nav__link:hover{color:var(--color--hover)}.nav__link__text{cursor:pointer}.link-support{color:var(--color--red)}.link-tgld:hover{color:var(--color--orange)}@media(max-width:49.99em){.FretboardSettings{display:flex;align-items:stretch;flex-direction:column}}@media(min-width:50em){.FretboardSettings{display:flex}.FretboardSettings>*:not(:last-child){margin-right:10px}}.settings-menu>*:not(:last-child){margin-bottom:10px}.settings-menu{background-color:var(--color--bg);min-width:250px;padding:10px;position-area:block-end span-inline-end;filter:drop-shadow(0 0 2px var(--color--drop-shadow));border:none}.settings-menu__separator{display:none;height:1px;background-color:var(--color--bg--highlight)}@media(min-width:50em){.settings-menu__separator{display:block}}.fret-range{padding:28px 20px}.fret-range>*:not(:last-child){margin-bottom:20px}@media(min-width:50em){.fret-range{padding:14px}.fret-range>*:not(:last-child){margin-bottom:8px}}.fret-range__slider{min-width:250px}.fret-range__text{display:flex;align-items:center;justify-content:center;color:var(--color--text)}.fret-range__text>*:not(:last-child){margin-right:6px}.fret-range__text__separator{color:var(--color--text--secondary)}select{background-color:var(--color--bg--highlight);color:var(--color--text);border-color:var(--color--border);border-radius:4px}svg,label{color:var(--color--text)}html,body{display:flex;flex-direction:column}html{min-height:100%}body{flex:1 1 auto}p,a,h1,h2,li{font-family:IBM Plex Sans,Fira Sans,-apple-system,BlinkMacSystemFont,San Francisco,"Apple Color Emoji",Roboto Regular,Roboto,Droid Sans,Noto Sans Symbols,Segoe UI,"Segoe UI Emoji",Segoe UI Symbol,Oxygen-Sans,Ubuntu,Cantarell,Arimo,DejaVu Sans,Helvetica Neue,Helvetica,ui-sans-serif,sans-serif;cursor:default;-webkit-user-select:none;user-select:none}a{text-decoration:none}sup{vertical-align:.25rem}div{transition:border-color .2s,background-color .2s}p,a,.svg-inline--fa{transition:color .2s}.fade-enter,.fade-leave-to{opacity:0}.fade-leave,.fade-enter-to{opacity:1}.fade-enter-active{transition:opacity .2s}.fade-leave-active{transition:opacity .1s}html{line-height:1.15;font-size:10px;-webkit-text-size-adjust:100%}a,article,blockquote,body,button,cite,div,fieldset,footer,form,h1,h2,h3,h4,h5,h6,header,html,img,input,li,nav,ol,p,q,section,select,span,svg,table,tbody,td,textarea,th,thead,tr,ul{box-sizing:border-box;margin:0;padding:0;outline:none}body{font-size:1.6rem;background-color:#fff}button,input,select,textarea{line-height:1.15;font-size:100%;font-family:inherit}.VMultiRange[data-v-eaf4528c]{display:grid;position:relative;cursor:pointer}.VMultiRange[data-v-eaf4528c]:before,.VMultiRange[data-v-eaf4528c]:after{content:"";position:absolute;top:50%;transform:translateY(-50%);height:4px;border-radius:2px}.VMultiRange[data-v-eaf4528c]:before{right:0;left:0;background-color:var(--color--border)}.VMultiRange[data-v-eaf4528c]:after{right:calc(100% - var(--fill--stop));left:var(--fill--start);background-color:var(--color--hover)}.VMultiRange.is-flipped[data-v-eaf4528c]{transform:scaleX(-1)}.slider[data-v-eaf4528c]{grid-area:1/1;z-index:1;color:var(--color--text--secondary);pointer-events:none}.slider[data-v-eaf4528c]::-moz-range-thumb{border:none;appearance:none;background-color:currentColor;transition:color .2s;cursor:grab;pointer-events:auto;width:16px;height:16px;border:1px solid black;border-radius:40%;font-size:1.8em}@media(min-width:50em){.slider[data-v-eaf4528c]::-moz-range-thumb{width:14px;height:14px;border:1px solid black;border-radius:40%;font-size:1.8em}}.slider[data-v-eaf4528c]::-moz-range-track{border:none;appearance:none;background:none}.slider[data-v-eaf4528c]::-webkit-slider-thumb{border:none;appearance:none;background-color:currentColor;transition:color .2s;cursor:grab;pointer-events:auto;width:16px;height:16px;border:1px solid black;border-radius:40%;font-size:1.8em}@media(min-width:50em){.slider[data-v-eaf4528c]::-webkit-slider-thumb{width:14px;height:14px;border:1px solid black;border-radius:40%;font-size:1.8em}}.slider[data-v-eaf4528c]::-webkit-slider-runnable-track{border:none;appearance:none;background:none}.slider[data-v-eaf4528c]:focus{z-index:2;outline:none;color:var(--color--hover)}.slider[data-v-eaf4528c]:focus::-moz-focus-outer{border-style:none}.slider[data-v-eaf4528c]:focus::-moz-range-thumb{cursor:grabbing}.slider[data-v-eaf4528c]:focus::-webkit-slider-thumb{cursor:grabbing}.slider[data-v-eaf4528c]{border:none;appearance:none;background:none}@media(min-width:50em){.slider[data-v-eaf4528c]:hover{color:var(--color--hover)}}