body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#000;font-family:Inter,sans-serif;margin:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body.dark{background-color:#141414;color:#fffff1}.page{flex-direction:column}.header,.page{display:flex;min-width:100%;width:-webkit-max-content;width:max-content}.header{align-items:center;background-color:#fffff8;border-bottom:1px solid #ddd;justify-content:center;padding:2.5px 0;position:-webkit-sticky;position:sticky;top:0;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{align-items:center;display:flex;flex-direction:column;gap:5px}.interface-container{align-items:flex-start;display:flex;flex-direction:row;width:100%}.fretboard-interface-container{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;padding:0 40px}.fretboard-title{font-family:Space Mono,sans-serif;font-size:2rem;font-weight:700;position:static;text-align:center;transform:none;white-space:nowrap}.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{font-weight:700;margin-bottom:3px;margin-top:0}.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{justify-content:center}.fretboard-container,.settings-block-container{align-items:center;display:flex;flex-direction:column}.settings-block-container{background-color:rgba(246,255,82,.039);border:2px solid rgba(0,0,0,.149);border-radius:10px;gap:5px;height:-webkit-fit-content;height:fit-content;margin:-85px 5px 5px;padding:5px;position:relative;width:-webkit-fit-content;width:fit-content}body.dark .settings-block-container{background-color:#212223}.settings-block{align-items:center;background-color:rgba(246,255,82,.039);border:1px solid rgba(0,0,0,.097);border-radius:2.5px;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:10px;width:300px}.settings-block>*{max-width:95%;min-width:0}.settings-block#tuning{margin:0;padding:5px 10px;position:absolute;width:auto}body.dark .settings-block{background-color:#191a1b;border:1.5px solid #000}.corner-dropdown-btn{cursor:pointer;left:8px;position:absolute;top:8px;transition:transform .2s ease;z-index:10}.corner-dropdown-btn:hover{opacity:.8;transform:scale(1.05)}.add-remove-fretboard-btns{display:flex;gap:5px}.add-remove-fretboard-btns button{all:unset;align-items:center;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:40px;height:50px;justify-content:center;width:50px}body.dark .add-remove-fretboard-btns button{color:#fffff8}.add-remove-fretboard-btns button:hover{background-color:rgba(255,193,68,.211);color:#e7ac3e}body.dark .add-remove-fretboard-btns button:hover{background-color:hsla(0,0%,52%,.211);color:#b3b3b3}.add-remove-fretboard-btns button:active{transform:scale(.95)}.add-remove-fretboard-btns button svg{font-size:30px}.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;-webkit-appearance:none;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;border:2px solid #0000;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;margin:5px 0;padding:7px 10px}.fretboard-interface.active{background-color:rgba(246,255,82,.039);border:2px solid rgba(0,0,0,.237);border-radius:10px;cursor:auto;z-index:10}.fretboard-interface.inactive{z-index:0}body.dark .fretboard-interface.active{background-color:rgba(94,95,104,.185);border:2px solid rgba(0,0,0,.237)}.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:#373737}.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:#fffff1;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}.fretboard-interface.is-exporting{border:none!important;box-shadow:none!important;cursor:default}.toggle-btns{all:unset;align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:center;-webkit-user-select:none;user-select:none}.toggle-btns button{all:unset;align-items:center;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:40px;height:50px;justify-content:center;width:50px}body.dark .toggle-btns button{color:#fffff8}.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}.label-text{font-feature-settings:"smcp";font-size:12px;font-variant:small-caps;white-space:nowrap}.toggle-btns button:hover{background-color:rgba(255,193,68,.211);color:#e7ac3e}body.dark .toggle-btns button:hover{background-color:#2f3232;color:#dbdbd2}.toggle-btns button:active{transform:scale(.95)}.toggle-and-label{flex-direction:column;font-size:10px;width:50px}.icons,.toggle-and-label{align-items:center;display:flex;justify-content:center}.icons{flex-direction:row;margin-right:6px}.icon,.icons{pointer-events:none}.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;margin-left:-15px;margin-top:-11.9px}.key-text{font-feature-settings:"smcp";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{background-color:#fff3cc;color:#e7ac3e;outline:2px solid #e7ac3e;outline-offset:-2px}body.dark .color-picker.selected,body.dark .unset-color-btn.selected{background-color:#303031;color:#b3b3b3;outline-color:#202020}.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{background-color:rgba(0,0,0,.161);transform:scale(.95)}.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:hover{border:1px solid hsla(0,0%,42%,.097);filter:brightness(.95)}.color-options{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-picker:active{transform:scale(.95)}.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{font-feature-settings:"smcp";align-items:center;display:flex;flex-direction:column;font-size:12px;font-variant:small-caps;height:75px;justify-content:center;width:75px}.color-and-label input{border:1px solid rgba(0,0,0,.097);height:50px;width:50px}body.dark .color-and-label input{border-color:#000}.preset-colors{display:flex;flex-direction:row;width:100%}.tuning-editor{border:1px solid rgba(0,0,0,.097);border-radius:3px;gap:10px;height:-webkit-fit-content;height:fit-content;left:50px;min-width:450px}.tuning-block-container,.tuning-editor{align-items:center;background-color:rgba(246,255,82,.039);display:flex;flex-direction:row;justify-content:center;width:-webkit-fit-content;width:fit-content}.tuning-block-container{border:2px solid rgba(0,0,0,.237);border-radius:10px;margin-left:350px;margin-top:5px}.tuning-block{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center;padding:5px}.tuning-text{font-feature-settings:"smcp";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:rgba(0,0,0,.097);border:1px solid rgba(0,0,0,.097);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:rgba(0,0,0,.161)}body.dark .tuning-editor .retune-note-btn:hover{background-color:rgba(0,0,0,.468)}.tuning-editor input{border:1px solid #ccc;border-radius:5px;margin:0 5px;padding:5px 10px;white-space:nowrap;width:20px}.tune-dropdown-wrapper{align-items:flex-start;display:flex;flex-direction:column}.tuning-text{display:inline-block;font-size:16px;margin:5px;width:-webkit-fit-content;width:fit-content}.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{font-feature-settings:"smcp";background-color:rgba(0,0,0,.097);border:1px solid rgba(0,0,0,.097);border-radius:4px;color:#000;font-size:15px;font-variant:small-caps;height:auto;min-height:30px;text-align:center}.tuning-dropdown:hover{background-color:rgba(0,0,0,.161);cursor:pointer}body.dark .tuning-dropdown{background-color:#141414;color:#ddd}body.dark .tuning-dropdown:hover{background-color:rgba(0,0,0,.468);cursor:pointer}.toggle-btns#refresh{font-size:48px;height:50px;margin-left:75px;position:absolute;width:50px}.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:#191a1b;border-color:#000}body.dark .tuning-block-container{background-color:#212223}.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{background-color:rgba(0,0,0,.097);border:1px solid #ccc;border:1px solid rgba(0,0,0,.097);border-radius:4px;box-sizing:border-box;color:#000;cursor:pointer;font-size:15px;height:auto;max-width:130px;min-height:30px;text-align:center}.scale-dropdown#scale{font-feature-settings:"smcp";font-size:15.5px;font-variant:small-caps;text-transform:lowercase}.scale-dropdown:hover{background-color:rgba(0,0,0,.161);cursor:pointer}body.dark .scale-dropdown{background-color:#141414;color:#fffff8}body.dark .scale-dropdown:hover{background-color:rgba(0,0,0,.468);cursor:pointer}.generate-scale button{font-feature-settings:"smcp";background-color:rgba(0,0,0,.097);border:1px solid rgba(0,0,0,.097);border-radius:4px;box-sizing:border-box;color:#000;cursor:pointer;font-size:15px;font-variant:small-caps;font-weight:600;height:auto;min-height:30px}.generate-scale button:hover{background-color:rgba(0,0,0,.161)}.generate-scale button:active{transform:scale(.95)}body.dark .generate-scale button{background-color:#141414;color:#fffff8}body.dark .generate-scale button:hover{background-color:rgba(0,0,0,.468)}.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;gap:6px;width:100%}.notes-in-arpeggio label span{display:inline-block;width:20px}.notes-in-arpeggio input[type=checkbox]{accent-color:#c2c2b7;cursor:pointer;margin:0 5px}.notes-in-arpeggio input[type=checkbox]:disabled{accent-color:#c2c2b7;cursor:not-allowed}body.dark .notes-in-arpeggio input[type=checkbox]{accent-color:auto}.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-input label{font-feature-settings:"smcp";font-variant:small-caps;font-weight:700}.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}.change-strings{display:flex;flex-direction:row;gap:40px;margin-top:10px}.arrows-and-svg{flex-direction:column}.arrows-and-svg,.arrows-and-svg button{align-items:center;display:flex;justify-content:center}.arrows-and-svg button{background-color:rgba(0,0,0,.097);border:1px solid rgba(0,0,0,.097);border-radius:4px;box-sizing:border-box;cursor:pointer;flex-direction:row;font-size:50px;height:auto;height:20px;margin-left:5px;width:53px}.arrows-and-svg button svg{color:#000;height:32px;width:32px}.arrows-and-svg button:hover{background-color:rgba(0,0,0,.161)}body.dark .arrows-and-svg button:hover{background-color:rgba(0,0,0,.468)}.arrows-and-svg button:active{transform:scale(.95)}body.dark .arrows-and-svg button svg{color:#fffff1}body.dark .arrows-and-svg button{background-color:#141414}.download-text{font-feature-settings:"smcp";font-size:16px;font-variant:small-caps;font-weight:700;margin:0;-webkit-user-select:none;user-select:none}.diagram-actions{align-items:center;display:flex;flex-direction:row;gap:10px}.json-download,.json-import,.saving{font-feature-settings:"smcp";background-color:rgba(0,0,0,.097);border:1px solid rgba(0,0,0,.097);border-radius:4px;font-variant:small-caps;font-weight:700;height:40px;width:80px}.json-download:hover,.json-import:hover,.saving:hover{background-color:rgba(0,0,0,.161);cursor:pointer}.json-download:active,.json-import:active,.saving:active{transform:scale(.95)}body.dark .json-download,body.dark .json-import,body.dark .saving{background-color:#141414;color:#fffff8}body.dark .json-download:hover,body.dark .json-import:hover,body.dark .saving:hover{background-color:rgba(0,0,0,.468)}
/*# sourceMappingURL=main.482dbfef.css.map*/