body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#000;font-family:Roboto,sans-serif;margin:0;min-width:100%;width:max-content}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body.dark{background-color:#141414;color:#ddd}.header{align-items:center;background-color:#f8f8f8;border-bottom:1px solid #ddd;display:flex;padding:4px;position:sticky;top:0;width:100%;z-index:100}body.dark .header{background-color:#0a0a0a;border-color:#000}.header-toggles{align-items:center;display:flex;margin-left:auto;z-index:2}.interface-and-tuning-container{display:flex;flex-direction:column;gap:5px;margin-left:10px;width:100%}.tuning-block-container{align-items:center;border:1.5px solid rgba(0,0,0,.237);border-radius:10px;display:flex;flex-direction:row;justify-content:flex-start;margin-top:5px;width:fit-content}.tuning-block{align-items:center;justify-content:center;padding:10px}.interface-container{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.fretboard-interface-container{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin-top:-260px}.fretboard-title{font-family:Noto Sans,sans-serif;font-optical-sizing:auto;font-size:2rem;font-style:normal;font-weight:700;left:50%;margin:10px;position:absolute;text-align:center;transform:translateX(-50%)}.fretboard-title,.switch-fretboards{-webkit-user-select:none;user-select:none}.switch-fretboards{align-items:center;display:flex;flex-direction:column;font-size:16px;justify-content:center}.switch-fretboards p{margin-bottom:3px}.info{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;margin-top:20px;pointer-events:none;text-align:justify;-webkit-user-select:none;user-select:none;width:500px}.info p{color:#333;font-size:14px;margin:0;padding:0;text-indent:10px}.info .header{text-indent:0}.info p+p{margin-top:6px}.info kbd{background-color:#eee;border-radius:4px;font-family:monospace;font-weight:700;padding:2px 4px}body.dark .info p{color:#ddd}body.dark .info kbd{background-color:#555;color:#fff}.fretboard-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.settings-block-container{border:1.5px solid rgba(0,0,0,.237);border-radius:10px;position:relative;width:350px}.settings-block,.settings-block-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:0}.settings-block{background-color:#f8f8f8;border:1.5px solid #f4f4f4;border-radius:10px;gap:10px;margin-top:7px;overflow:hidden;padding:10px;width:300px}.settings-block>*{max-width:100%;min-width:0}.settings-block:last-child{margin-bottom:10px}.settings-block#tuning{margin:0;padding:5px 10px;position:absolute;width:auto}body.dark .settings-block{background-color:rgba(0,0,0,.455);border:1.5px solid #000}.switch-fretboards p{font-feature-settings:"smcp";font-size:16px;font-variant:small-caps;font-weight:700;margin-bottom:5px;margin-top:0}.switch-fretboard-btns{align-items:center;display:flex;flex-direction:row;font-size:16px;gap:10px;justify-content:center}.current-fretboard-btn,.fretboard-btn{all:unset;align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:20%;color:#000;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:30px;justify-content:center;padding:10px;width:30px}.fretboard-btn:hover{background-color:hsla(0,0%,67%,.211);color:#1e1e1e}.modify-number-strings{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center;margin-bottom:5px}.modify-number-frets button,.modify-number-strings button{align-items:center;appearance:none;background:none;border:none;border-radius:20%;color:#000;cursor:pointer;display:flex;height:35px;justify-content:center;padding:5px;width:35px;z-index:10}.modify-number-frets button svg,.modify-number-strings button svg{flex-shrink:0;height:25px;width:25px}.modify-number-frets button{margin:10px}.modify-number-frets button:hover,.modify-number-strings button:hover{background-color:rgba(68,146,255,.211);color:#4492ff}.modify-number-frets button:active,.modify-number-strings button:active{transform:scale(.95)}body.dark .modify-number-frets button,body.dark .modify-number-strings button{color:#3b3b3b}body.dark .modify-number-frets button:hover,body.dark .modify-number-strings button:hover{color:#4492ff}.fretboard-interface{align-items:center;display:flex;justify-content:center;margin:0;padding:5px 0}.fretboard{margin-bottom:20px;margin-top:0;padding:0;position:relative}.string-container{flex-direction:column;justify-content:space-between}.string,.string-container{display:flex;position:relative}.string{background-color:#000;height:1px;margin-top:2.5rem;width:100%}body.dark .string{background-color:#505050}.string-notes{height:3rem;position:relative;width:100%}.fret-marker{bottom:.05rem;pointer-events:none;position:absolute;top:2.55rem}.note{align-items:center;border:1px solid #ababab;border-radius:100%;color:#000;display:flex;flex-direction:row;height:35px;justify-content:center;position:absolute;top:-35%;transform:translateX(-50%);width:35px}body.dark .note{background-color:#ddd;border:1px solid #1b1b1b;color:#1b1b1b}.note:hover{box-shadow:inset 0 0 100px #0000001a;cursor:pointer}.note:active{transform:translateX(-50%) scale(.95)}.note.hidden{display:none}.fret-labels{display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-user-select:none;user-select:none}.fret-label{color:gray;font-size:.8rem;position:absolute;transform:translateX(-50%) translateY(-30%)}body.dark .fret-label{color:#5a5a5a}.toggle-btns{all:unset;align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center;-webkit-user-select:none;user-select:none}.toggle-btns button{all:unset;align-items:center;border-radius:20%;color:#000;cursor:pointer;display:flex;font-size:40px;height:40px;justify-content:center;width:40px}body.dark .toggle-btns button{color:#3b3b3b}.toggle-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.toggle-text{font-feature-settings:"smcp";font-size:16px;font-variant:small-caps;font-weight:700;margin:0 0 5px;-webkit-user-select:none;user-select:none}.toggle-btns button:hover{background-color:rgba(68,146,255,.211);color:#4492ff}body.dark .toggle-btns button:hover{color:#4492ff}.toggle-btns,.toggle-btns button:active{transform:scale(.95)}.toggle-and-label{flex-direction:column;font-size:10px}.icons,.toggle-and-label{align-items:center;display:flex;justify-content:center}.icons{flex-direction:row;padding-right:6px}.icon{line-height:0;margin:0;padding:0}.icon+.icon{margin-left:-35px}.icons .icon:nth-child(2){margin-top:10px}.key-select{display:flex;flex-direction:column}.key-text{font-feature-settings:"smcp";font-size:14px;font-variant:small-caps;font-weight:700;margin:0 0 3px}.color-selector{align-items:center;display:flex;gap:10px;justify-content:center}.unset-color-btn{all:unset;align-items:center;background-color:#f4f4f4;border:1px solid #ccc;border-radius:8px;color:#444;cursor:pointer;display:flex;font-size:24px;height:38px;justify-content:center;transition:background-color .15s ease,border-color .15s ease,transform .1s ease;width:38px}.unset-color-btn:hover{background-color:#ececec}.unset-color-btn:active{transform:scale(.96)}.color-picker.selected,.unset-color-btn.selected,body.dark .color-picker.selected,body.dark .unset-color-btn.selected{background-color:rgba(68,146,255,.211);color:#4492ff;outline:2px solid #4492ff;outline-offset:-2px}.color{appearance:none;-webkit-appearance:none;background-color:#f4f4f4;border:2px #000;border-radius:8px;color:#444;cursor:pointer;gap:0;height:38px;margin:0;padding:0;width:38px}.color:active{transform:scale(.96)}.color::-webkit-color-swatch-wrapper{padding:0}.color::-webkit-color-swatch{border:1px solid #ccc;border-radius:8px}.color::-moz-color-swatch{border:none;border-radius:6px}.color-picker:active{transform:scale(.96)}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:1px solid #ccc;border-radius:8px}.color-container{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center}.color-text{font-feature-settings:"smcp";font-size:16px;font-variant:small-caps;font-weight:700;margin:0;-webkit-user-select:none;user-select:none}.color-and-label{align-items:center;display:flex;flex-direction:column;font-size:10px;justify-content:center;width:60px}.preset-colors{width:100%}.preset-colors,.tuning-editor{display:flex;flex-direction:row}.tuning-editor{align-items:center;background-color:#f8f8f8;border:1.5px solid #f4f4f4;border-radius:10px;gap:10px;height:fit-content;justify-content:center;left:50px;width:fit-content}.tuning-block{display:flex;flex-direction:row;gap:10px}.tuning-text{font-feature-settings:"smcp";font-size:16px;font-variant:small-caps;font-weight:700;margin-bottom:5px}.tune-input{display:flex;justify-content:center}.tuning-editor>div{padding:5px}.tuning-editor p{margin-top:0;padding:0;-webkit-user-select:none;user-select:none}.tuning-editor .retune-note-btn{all:unset;align-items:center;background-color:#f0f0f0;border:1px solid #ccc;border-radius:5px;color:#000;cursor:pointer;display:flex;height:20px;justify-content:center;margin:0 1px;padding:5px 10px;-webkit-user-select:none;user-select:none;width:20px}body.dark .tuning-editor .retune-note-btn{background-color:#141414;color:#ddd}.tuning-editor .retune-note-btn:hover{background-color:#e0e0e0}body.dark .tuning-editor .retune-note-btn:hover{background-color:#212121}.tuning-editor input{border:1px solid #ccc;border-radius:5px;margin:0 5px;padding:5px 10px;white-space:nowrap;width:20px}.tune-dropdown-wrapper{display:flex;flex-direction:column}.tune-dropdown-wrapper p{font-size:16px}.tune-dropdown-container{align-items:center;display:flex;gap:5px;justify-content:center}.tune-dropdown-container p{-webkit-user-select:none;user-select:none}.tuning-dropdown{border:1px solid #ccc;border-radius:4px;color:#000;font-size:15px;height:auto;min-height:30px;text-align:center}.tuning-dropdown:hover{background-color:#e0e0e0;cursor:pointer}body.dark .tuning-dropdown{background-color:#141414;color:#ddd}body.dark .tuning-dropdown:hover{background-color:#212121;cursor:pointer}.reset-tuning{all:unset;align-items:center;background-color:#f0f0f0;background-color:initial;border-radius:100px;box-sizing:border-box;color:#212121;cursor:pointer;display:flex;font-size:35px;justify-content:center;margin:0;padding:0}.toggle-btns#refresh{font-size:32px}.reset-tuning:hover{color:#525252;cursor:pointer;transform:scale(1.05)}.json-download button,.json-import,.saving button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;color:#000;cursor:pointer;font-size:15px;height:auto;min-height:30px}.json-import{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:0 5px;text-align:center}body.dark .json-download button,body.dark .json-import,body.dark .reset-tuning,body.dark .saving button{background-color:#141414;color:#ddd}body.dark .json-download button:hover,body.dark .json-import:hover,body.dark .reset-tuning:hover,body.dark .saving button:hover{background-color:#212121}body.dark .tuning-editor{background-color:rgba(0,0,0,.455);border-color:#000}body.dark .tuning-block-container{border-color:rgba(0,0,0,.237)}.scale-interface{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:5px;-webkit-user-select:none;user-select:none}.scale-text{font-feature-settings:"smcp";font-size:16px;font-variant:small-caps;font-weight:700;margin-bottom:5px;margin-top:0}.scale-dropdown-wrapper{align-items:center;display:flex;flex-direction:row;font-size:16px;gap:5px;justify-content:center}.scale-dropdown-wrapper p{margin:0}.label-and-dropdown{display:flex;flex-direction:column}.label-and-dropdown p{font-feature-settings:"smcp";font-size:14px;font-variant:small-caps;font-weight:700;margin:0 0 3px}.scale-dropdown{border:1px solid #ccc;border-radius:4px;color:#000;font-size:15px;height:auto;max-width:130px;min-height:30px;text-align:center}.scale-dropdown:hover{background-color:#e0e0e0;cursor:pointer}body.dark .scale-dropdown{background-color:#141414;color:#ddd}body.dark .scale-dropdown:hover{background-color:#212121;cursor:pointer}.generate-scale button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;color:#000;cursor:pointer;font-size:15px;height:auto;min-height:30px}.generate-scale button:hover{background-color:#e0e0e0;cursor:pointer}body.dark .generate-scale button{background-color:#141414;color:#ddd}body.dark .generate-scale button:hover{background-color:#212121}.notes-in-arpeggio{grid-gap:2px 5px;display:grid;gap:2px 5px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:300px}.notes-in-arpeggio label{align-items:center;display:flex;justify-content:space-between;width:50px}.notes-in-arpeggio input[type=checkbox]{cursor:pointer}.notes-in-arpeggio input[type=checkbox]:disabled{cursor:not-allowed}.neck-setup-interface{align-items:center;justify-content:center;margin-bottom:5px;-webkit-user-select:none;user-select:none}.neck-setup-text{font-feature-settings:"smcp";font-size:16px;font-variant:small-caps;font-weight:700;margin-bottom:5px;margin-top:0}.neck-setup-dropdown-wrapper{font-size:16px;gap:5px}.neck-setup-dropdown-wrapper,.neck-setup-strings{align-items:center;display:flex;flex-direction:row;justify-content:center}.neck-setup-strings{gap:20px}.label-and-controls{align-items:center;display:flex;flex-direction:column;font-size:16px;gap:3px;justify-content:center}.string-label{padding:10px}.neck-setup-input{display:flex;flex-direction:row;margin-bottom:5px}.neck-setup-interface{display:flex;flex-direction:column}.neck-setup-string-control-group{align-items:center;display:flex;flex-direction:row;font-size:16px;gap:10px;justify-content:center;margin-top:5px;padding:0}.neck-setup-string-control-group button{cursor:pointer;font-weight:700;height:20px;margin:0;width:30px}.neck-setup-string-control-group button svg{margin-top:4px}.download-text{font-feature-settings:"smcp";font-size:16px;font-variant:small-caps;font-weight:700;margin:0}.diagram-actions,.download-text{-webkit-user-select:none;user-select:none}.diagram-actions{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center}.json-download button:hover,.json-import:hover,.saving button:hover{background-color:#e0e0e0;cursor:pointer}
/*# sourceMappingURL=main.a3f9ddcc.css.map*/