.Fretboard_fretboardContainer__PFbpA{padding:20px;background-color:#222;display:inline-block;border-radius:8px;margin:2rem;overflow-x:auto}.Fretboard_fretboard__PPyuy{display:flex;flex-direction:column;background-color:#3a2e25;border:2px solid #2a1f18;width:fit-content}.Fretboard_string__TZ8Vx{display:flex;align-items:center;height:40px}.Fretboard_stringLine__eSNnp{position:absolute;height:2px;background-color:#c0c0c0;width:100%;top:50%;left:0;transform:translateY(-50%);z-index:1}.Fretboard_fret__Apopv{position:relative;display:flex;align-items:center;justify-content:center;width:80px;height:100%;border-right:3px solid #a9a9a9;box-sizing:border-box}.Fretboard_fret__Apopv:first-child{border-left:8px solid #544134;width:40px}.Fretboard_note__g_UHd{position:relative;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:#333;font-weight:700;font-size:1rem;user-select:none;z-index:2;border:1px solid #555}.Fretboard_fretNumbers__1wNtH{display:flex;padding-left:40px;color:white}.Fretboard_fretNumber__eOVH9{display:flex;align-items:center;justify-content:center;width:80px;color:#fff;font-size:.9rem;padding-top:5px;transform:translateX(-50%)}.Fretboard_fretMarkers__8DBRt{display:flex;padding-left:40px;justify-content:flex-start}.Fretboard_fretMarker__RUhcb{display:flex;justify-content:center;width:80px;color:#c0c0c0;font-size:1.5rem;line-height:1;transform:translateX(-50%)}.Fretboard_note__g_UHd.Fretboard_hidden__kVg1N{opacity:.2}.Fretboard_noteFilterContainer__OK7n9{display:flex;flex-direction:column;align-items:center;margin-top:20px}.Fretboard_filterTitle__Ih6qN{color:#fff;margin-bottom:10px;font-weight:700}.Fretboard_noteFilter__iCCyV{display:flex;gap:10px}.Fretboard_scaleFilterContainer___9c2X{display:flex;flex-direction:column;align-items:center;gap:10px;background-color:#222;padding:10px;border-radius:8px}.Fretboard_noteButton__5VtuC{display:flex;align-items:center;justify-content:center;width:45px;height:45px;color:#333;border:1px solid #666;border-radius:5px;cursor:pointer;transition:opacity .2s;font-weight:700}.Fretboard_noteButton__5VtuC:hover{opacity:.8}.Fretboard_noteButton__5VtuC.Fretboard_active__dmMg5{box-shadow:0 0 0 3px #fff;border-color:#fff}.Fretboard_allButton__VnB_x{color:white}.Fretboard_scaleSelectorsContainer__RRJm5{display:flex;flex-direction:column;align-items:center;gap:10px}.Fretboard_scaleSelector__lmwQu{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%}.Fretboard_selectorLabel__LYv__{color:#fff;font-weight:700}.Fretboard_scaleButton__RK1Rl{background-color:#444;color:white;border:1px solid #666;border-radius:5px;padding:5px 10px;cursor:pointer;transition:background-color .2s}.Fretboard_scaleButton__RK1Rl:hover{background-color:#555}.Fretboard_scaleButton__RK1Rl.Fretboard_active__dmMg5{background-color:#6a8d73;border-color:#6a8d73}