@charset "UTF-8";.icon{display:flex;align-items:center}.icon svg path{fill:#e9eff5!important}.ui-selectbox-c[data-v-1f565787]{position:relative;border-radius:.5rem;padding:0 .25rem;font-size:2rem}.ui-selectbox-c .ui-selectbox-label-wrapper[data-v-1f565787]{background-color:#0000004d;border-radius:.75rem;padding:.25rem .75rem;display:flex;align-items:center;justify-content:space-between;border:1px solid transparent;gap:.75rem}.ui-selectbox-c .ui-selectbox-label-wrapper span.ui-selectbox-label[data-v-1f565787]{color:#e9eff5;font-weight:400}.ui-selectbox-c .ui-selectbox-label-wrapper[data-v-1f565787]:hover{background-color:#2f3444}.ui-selectbox-c[data-v-1f565787]:hover{cursor:pointer}.ui-selectbox-c .ui-selectbox-dropdown-wrapper[data-v-1f565787]{position:absolute;display:flex;top:100%;transform:translate(-50%,10px);left:50%}.ui-selectbox-c .ui-selectbox-dropdown-wrapper .ui-selectbox-dropdown-inner-wrapper[data-v-1f565787]{display:flex;position:relative;background:#181a1c;background-color:#2f3444;border-radius:1rem;padding:1.5rem 2rem;gap:2rem;box-shadow:#00000080 0 4px 6px -1px,#0000000f 0 2px 4px -1px}.ui-selectbox-c .ui-selectbox-dropdown-wrapper .ui-selectbox-dropdown-inner-wrapper[data-v-1f565787]:before{content:"";position:absolute;top:-5px;left:0;right:0;width:10px;height:10px;background-color:inherit;margin:0 auto;transform:rotate(45deg)}.ui-selectbox-c .ui-selectbox-dropdown-wrapper .ui-selectbox-dropdown-inner-wrapper .ui-selectbox-dropdown-inner-block[data-v-1f565787]{display:flex;flex-direction:column}.ui-selectbox-c .ui-selectbox-dropdown-wrapper .ui-selectbox-dropdown-inner-wrapper .ui-selectbox-dropdown-inner-block .ui-selectbox-dropdown-inner-item[data-v-1f565787]{padding:.5rem .25rem;border-radius:.5rem;min-height:40px;display:flex;flex-direction:column;box-sizing:border-box;min-height:45px;gap:.125rem;color:#e9eff5}.ui-selectbox-c .ui-selectbox-dropdown-wrapper .ui-selectbox-dropdown-inner-wrapper .ui-selectbox-dropdown-inner-block .ui-selectbox-dropdown-inner-item.deactive[data-v-1f565787]{cursor:not-allowed}.ui-selectbox-c .ui-selectbox-dropdown-wrapper .ui-selectbox-dropdown-inner-wrapper .ui-selectbox-dropdown-inner-block .ui-selectbox-dropdown-inner-item.deactive[data-v-1f565787]:hover{background-color:transparent!important}.ui-selectbox-c .ui-selectbox-dropdown-wrapper .ui-selectbox-dropdown-inner-wrapper .ui-selectbox-dropdown-inner-block .ui-selectbox-dropdown-inner-item .ui-selectbox-dropdown-inner-item-label[data-v-1f565787]{white-space:nowrap;align-items:baseline;display:flex;font-weight:500;font-size:1.5rem;gap:.25rem}.ui-selectbox-c .ui-selectbox-dropdown-wrapper .ui-selectbox-dropdown-inner-wrapper .ui-selectbox-dropdown-inner-block .ui-selectbox-dropdown-inner-item .ui-selectbox-dropdown-inner-item-label small[data-v-1f565787]{font-size:1rem;font-weight:400}.ui-selectbox-c .ui-selectbox-dropdown-wrapper .ui-selectbox-dropdown-inner-wrapper .ui-selectbox-dropdown-inner-block .ui-selectbox-dropdown-inner-item[data-v-1f565787]:hover{background-color:#e9eff5;color:#181a1c}.ui-selectbox-c .ui-selectbox-dropdown-wrapper .ui-selectbox-dropdown-inner-wrapper .ui-selectbox-dropdown-inner-block .ui-selectbox-dropdown-inner-item-description[data-v-1f565787]{opacity:.5;white-space:nowrap;font-size:1rem;font-weight:400}#selectors-c[data-v-7a490ccc]{z-index:99;display:flex;margin-bottom:.5rem}.ui-range-picker-c[data-v-1e113b1f]{position:relative;width:170px;padding:.75rem 0;cursor:pointer}.ui-range-picker-c .range-line[data-v-1e113b1f]{position:absolute;top:0;bottom:0;margin:auto;background-color:#0000004d;width:100%;height:8px;border-radius:.75rem}.ui-range-picker-c .range-progress[data-v-1e113b1f]{position:absolute;top:0;bottom:0;margin:auto;background-color:#fe7bbf;height:8px;border-radius:.75rem;pointer-events:none}.ui-range-picker-c .range-thumb[data-v-1e113b1f]{position:absolute;background-color:#fe7bbf;width:20px;height:20px;display:block;border-radius:100%;top:0;bottom:0;margin:auto;transform:translate(-10px);cursor:pointer}.metronome-c[data-v-087a1786]{position:absolute;right:0rem;display:flex;justify-content:flex-end;width:100%}.metronome-c .metronome-inner-wrapper[data-v-087a1786]{width:fit-content}.metronome-c .metronome-inner-wrapper .metronome-info-wrapper[data-v-087a1786]{display:flex;justify-content:space-between;align-items:end;margin-bottom:.25rem}.metronome-c .metronome-inner-wrapper .metronome-info-wrapper .metronome-controllers[data-v-087a1786]{display:flex}.metronome-c .metronome-inner-wrapper .metronome-info-wrapper .metronome-controllers[data-v-087a1786] .icon{cursor:pointer}.metronome-c .metronome-inner-wrapper .metronome-info-wrapper span.bpm-label[data-v-087a1786]{font-size:1.75rem;font-weight:500;color:#e9eff5}.metronome-c .metronome-inner-wrapper .metronome-info-wrapper span.bpm-label.bpm-opaque[data-v-087a1786]{opacity:.5}.metronome-c .metronome-inner-wrapper .metronome-info-wrapper span.bpm-label small[data-v-087a1786]{padding-left:.25rem;font-weight:400;font-size:1rem}.view-switcher[data-v-cb4964d0]{margin-top:5rem;display:flex;border:1px solid;overflow:hidden;border-radius:.5rem;background-color:#e9eff5}.view-switcher button[data-v-cb4964d0]{display:flex;outline:0;border:0;height:100%;width:100%;padding:.75rem 1rem;background-color:transparent;flex:1}.view-switcher button.active-view[data-v-cb4964d0]{background-color:#181a1c;color:#e9eff5}.view-switcher button[data-v-cb4964d0]:first-child{border-right:1px solid}.position-selector[data-v-cb4964d0]{display:flex;flex-direction:column;gap:1rem;align-items:center;margin-top:2.5rem}.position-selector .selected-shape[data-v-cb4964d0]{margin-bottom:15px;font-size:18px;font-weight:700}.position-selector .shape-buttons[data-v-cb4964d0]{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.position-selector .shape-buttons.chord-progressions[data-v-cb4964d0]{background-color:#131416;border-radius:.5rem;overflow:hidden;gap:0!important}.position-selector .shape-buttons.chord-progressions .shape-button[data-v-cb4964d0]{background-color:transparent!important;padding:0 1rem!important;border:none!important;border-radius:0!important}.position-selector .shape-buttons.chord-progressions .shape-button.active-chord-progression[data-v-cb4964d0]{color:#e9eff5;background-color:#2f3444!important}.position-selector .shape-buttons .shape-button[data-v-cb4964d0]{padding:8px 12px;height:38px;background-color:#1b1d1f;color:#181a1c;border-radius:.5rem;border:1.5px solid #181a1c;cursor:pointer;font-size:16px;font-weight:500;color:#e9eff5;background-color:#2f3444}.position-selector .shape-buttons .shape-button.active[data-v-cb4964d0]{background:#e9eff5;color:#181a1c}#copyright[data-v-2c947a07]{position:fixed;right:0;bottom:0;left:0;margin:auto;width:fit-content;font-size:14px;padding:10px;color:#888;-webkit-user-select:none;user-select:none}#home-page-container[data-v-2c947a07]{flex:1;display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:8rem;max-width:1300px}#home-page-container #controllers-wrapper[data-v-2c947a07]{position:relative;justify-content:center;align-items:end;display:flex;width:100%}#debugger[data-v-2c947a07]{position:fixed;bottom:0;right:0;display:flex;flex-direction:column;gap:.5rem;margin:1rem;background:#000;width:fit-content;color:#0f0;padding:2rem;border-radius:1rem}#debugger transform:scale(.8) li[data-v-2c947a07]{font-weight:400;font-size:1.125rem;list-style-type:none}#debugger transform:scale(.8) li strong[data-v-2c947a07]{font-size:1.5rem;font-weight:500}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}#fretboard-container #board-wrapper .fretboard__string .fret.double-marker:after,#fretboard-container #board-wrapper .fretboard__string .fret.double-marker:before,#fretboard-container #board-wrapper .fretboard__string .fret.marker:after,#fretboard-container #board-wrapper .fretboard__string .fret .fretboard__note{width:30px;height:30px;border-radius:100%}#fretboard-container #board-wrapper .fretboard__string .fret.double-marker:after,#fretboard-container #board-wrapper .fretboard__string .fret.double-marker:before,#fretboard-container #board-wrapper .fretboard__string .fret.marker:after,#fretboard-container #board-wrapper .fretboard__string .fret:first-child:after,#fretboard-container #board-wrapper .fretboard__string .fret.muted-string .fretboard__note:before,#fretboard-container #board-wrapper .fretboard__string .fret.muted-string .fretboard__note:after,#fretboard-container #board-wrapper .fretboard__string:after,#fretboard-container #board-wrapper .fretboard__string.string-E-6 .fret:first-child:after,#fretboard-container #board-wrapper .fretboard__string.string-E-1 .fret:first-child:after{content:"";position:absolute}#fretboard-container{position:relative;display:flex;flex-direction:column;width:100%;height:256px;border-radius:1rem;margin:0 auto}#fretboard-container #chord-sound-wrapper{position:absolute;top:-1.5rem;left:80px;cursor:pointer;display:flex;gap:.5rem}#fretboard-container #board-wrapper{position:relative;display:flex;flex-direction:column;flex:1;width:100%}#fretboard-container #board-wrapper ul.open-strings{position:absolute;margin:0;padding:0;display:flex;flex-direction:column;left:2.25rem;height:100%;padding:.5rem 0;box-sizing:border-box}#fretboard-container #board-wrapper ul.open-strings li{display:flex;align-items:center;text-align:center;flex:1;list-style-type:none;color:#181a1c;height:100%;font-weight:400;font-size:1rem;color:#60666b}#fretboard-container #board-wrapper .fretboard__string{display:flex;align-items:center;flex:1;width:100%;position:relative}#fretboard-container #board-wrapper .fretboard__string.string-E-1 .fret{background-position:right bottom;background-size:2px 20px}#fretboard-container #board-wrapper .fretboard__string.string-E-1 .fret:first-child{position:relative}#fretboard-container #board-wrapper .fretboard__string.string-E-1 .fret:first-child:after{right:0;width:12px;height:22px;background-color:#e9eff5;bottom:0;border-radius:8px 0 0}#fretboard-container #board-wrapper .fretboard__string.string-E-6 .fret{background-position:right top;background-size:2px 20px}#fretboard-container #board-wrapper .fretboard__string.string-E-6 .fret:first-child{position:relative}#fretboard-container #board-wrapper .fretboard__string.string-E-6 .fret:first-child:after{right:0;width:12px;height:22px;background-color:#e9eff5;top:0;border-radius:0 0 0 8px}#fretboard-container #board-wrapper .fretboard__string:after{width:100%;height:2px;background-image:linear-gradient(#e9eff5,#e9eff5);background-repeat:no-repeat;background-position:78px top;background-size:100% 2px}#fretboard-container #board-wrapper .fretboard__string .fret{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(#e9eff5 0 0);background-repeat:no-repeat;background-position:right center;background-size:2px 90px}#fretboard-container #board-wrapper .fretboard__string .fret.muted-string .fretboard__note{background-color:#1b1d1f!important;position:relative;text-indent:-999rem}#fretboard-container #board-wrapper .fretboard__string .fret.muted-string .fretboard__note:before,#fretboard-container #board-wrapper .fretboard__string .fret.muted-string .fretboard__note:after{top:50%;left:50%;width:4px;height:70%;border-radius:.5rem;background-color:#2f3444;transform-origin:center;background-color:#595e76}#fretboard-container #board-wrapper .fretboard__string .fret.muted-string .fretboard__note:before{transform:translate(-50%,-50%) rotate(45deg)}#fretboard-container #board-wrapper .fretboard__string .fret.muted-string .fretboard__note:after{transform:translate(-50%,-50%) rotate(-45deg)}#fretboard-container #board-wrapper .fretboard__string .fret:first-child{z-index:100;position:relative}#fretboard-container #board-wrapper .fretboard__string .fret:first-child:after{right:0;width:12px;height:100%;background-color:#e9eff5}#fretboard-container #board-wrapper .fretboard__string .fret.has-barre{position:relative}#fretboard-container #board-wrapper .fretboard__string .fret.has-barre.barre-start:before{bottom:0;height:17px}#fretboard-container #board-wrapper .fretboard__string .fret.has-barre.barre-end:before{top:0;height:17px}#fretboard-container #board-wrapper .fretboard__string .fret.has-barre:before{content:"*";text-indent:-999rem;position:absolute;background:#d4af37aa;height:100%;width:30px;z-index:1}#fretboard-container #board-wrapper .fretboard__string .fret .fretboard__note{z-index:9;display:flex;align-items:center;justify-content:center;background-color:#ffd325;font-weight:500;font-size:1.125rem;cursor:pointer}#fretboard-container #board-wrapper .fretboard__string .fret .fretboard__note:hover{outline:6px solid rgba(255,211,37,.2)}#fretboard-container #board-wrapper .fretboard__string .fret.root-note .fretboard__note{background-color:#ef8d11}#fretboard-container #board-wrapper .fretboard__string .fret.root-note .fretboard__note:hover{outline:6px solid rgba(239,141,17,.2)}#fretboard-container #board-wrapper .fretboard__string .fret.marker:after{display:flex;background-color:#0000004d;transform:translateY(20px)}#fretboard-container #board-wrapper .fretboard__string .fret.double-marker:after,#fretboard-container #board-wrapper .fretboard__string .fret.double-marker:before{display:flex;background-color:#0000004d}#fretboard-container #board-wrapper .fretboard__string .fret.double-marker:before{transform:translateY(-22px)}#fretboard-container #board-wrapper .fretboard__string .fret.double-marker:after{transform:translateY(64px)}#fretboard-container #board-wrapper ul.fret-numbers{position:absolute;margin:0;padding:0;display:flex;bottom:0;left:0;right:0;transform:translateY(18px)}#fretboard-container #board-wrapper ul.fret-numbers li{text-align:center;flex:1;list-style-type:none;font-size:13px;font-weight:400;color:#60666b}#fretboard-container #board-wrapper ul.fret-numbers li.marker-numbers{font-weight:500;transform-origin:top center;transform:scale(1.3)}body{background-color:#1b1d1f;margin-top:5rem;display:flex;justify-content:center}body #app{width:100%;margin:0 auto;display:flex;justify-content:center}#mobile-warning{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#181a1c;color:#fff;z-index:9999;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:2rem;box-sizing:border-box}#mobile-warning h2{margin:0;font-size:1.5rem}#mobile-warning p{margin:0;opacity:.8}@media (max-width: 768px){#mobile-warning{display:flex;gap:.5rem}}