body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body.dark{background-color:#141414;color:#ddd}.fretboard-title{font-family:Open Sans,sans-serif;font-size:2rem;font-weight:700;margin:10px;text-align:center}.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}.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;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:#4f4e4e}.string-notes{height:3rem;position:relative;width:100%}.fret-marker{bottom:.05rem;pointer-events:none;position:absolute;top:2.55rem}.note{border:1px solid #ababab;border-radius:100%;color:#000;height:35px;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-btns button:hover{background-color:rgba(68,146,255,.211);color:#4492ff}body.dark .toggle-btns button:hover{color:#4492ff}.toggle-btns button:active{transform:scale(.95)}.color-btns-container{display:flex;flex-direction:column;padding:5px}.color-btns{display:flex;flex-direction:row;justify-content:center}.color-btn,.unset-color-btn{all:unset;align-items:center;border:1px solid #333;box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;margin:1px;-webkit-user-select:none;user-select:none;width:60px}body.dark .color-btn{border-color:#000}.unset-color-btn{align-items:center;background-color:#f4f4f4;border-radius:20%;display:flex;font-size:30px;height:40px;justify-content:center;width:40px}body.dark .unset-color-btn{background-color:#222;border-color:#000;color:#ddd}.color-btn.selected,.unset-color-btn.selected{border:2.5px solid #333}body.dark .color-btn.selected,body.dark .unset-color-btn.selected{border:4px solid #000}.color-btn:first-child{border-bottom-left-radius:10px;border-top-left-radius:10px}.color-btn:last-child{border-bottom-right-radius:10px;border-top-right-radius:10px}.color-selector{align-items:center;display:flex;flex-direction:row;justify-content:center;left:-20px;position:relative}.diagram-actions,.tuning-editor{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center}.diagram-actions{padding:6px}.tune-wrapper{align-items:center;flex-direction:column}.tune-input,.tune-wrapper{display:flex;justify-content:center}.tuning-editor>div{padding:5px}.tuning-editor p{margin: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{all:unset;border:1px solid #ccc;border-radius:5px;margin:0 5px;padding:5px 10px;white-space:nowrap}.tune-dropdown-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.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}.json-download button:hover,.json-import:hover,.reset-tuning:hover,.saving button:hover,.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{align-items:center;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;padding:5px 10px}.json-download button,.json-import,.reset-tuning,.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}.App{padding:5px}
/*# sourceMappingURL=main.02ace89d.css.map*/