.styles_closeButton__zSWLy{border:1px solid #a1a1a1;padding:5px;border-radius:100%;position:absolute;right:10px;top:10px;opacity:.8;cursor:pointer}.styles_closeButton__zSWLy:hover{opacity:1}.styles_closeButton__zSWLy:active{opacity:.8}.styles_drawer__WpUik{background-color:rgba(0,0,0,.3);position:fixed;width:100%;top:0;right:0;left:0;bottom:0;padding:10px;z-index:-1;opacity:0;display:flex;transition:opacity .3s ease-in-out,z-index .3s ease-in-out}.styles_drawerVisible__i1C6l{z-index:99;opacity:1}.styles_drawer__WpUik>div{position:relative;border-radius:10px;padding:20px;opacity:1;transform:translateX(100%);transition:transform .3s ease-in-out;box-shadow:0 0 15px 2px rgba(0,0,0,.2);background-color:var(--background);overflow-y:auto;height:100%;width:100%;max-width:300px;margin-left:auto}.styles_drawerVisible__i1C6l>div{transform:translateX(0)}.styles_drawerHiding__Vk2Xg{opacity:0;z-index:-1}.styles_drawerHiding__Vk2Xg>div{transform:translateX(100%)}.styles_closeButton__xr_tj{border:1px solid #a1a1a1;padding:5px;border-radius:100%;position:absolute;right:10px;top:10px;opacity:.8;cursor:pointer}.styles_closeButton__xr_tj:hover{opacity:1}.styles_closeButton__xr_tj:active{opacity:.8}.styles_modal__4xiz2{background-color:rgba(0,0,0,.3);visibility:hidden;position:fixed;top:0;right:0;left:0;bottom:0;padding:5%;z-index:11}.styles_modal__4xiz2>div{max-width:600px;margin-left:auto;margin-right:auto;position:relative;border-radius:10px;padding:20px;opacity:0;transition:opacity .2s ease-in-out;box-shadow:0 0 15px 2px rgba(0,0,0,.2);background-color:#fff;overflow-y:auto;max-height:100%;z-index:11}.styles_slider__XRO67{width:100%;height:50px!important;-webkit-appearance:none}.styles_slider__XRO67::-webkit-slider-thumb{-webkit-appearance:none;height:120px;width:6px;background:var(--color-blue-600);cursor:pointer;border:none}.styles_slider__XRO67::-webkit-slider-runnable-track{height:100px;background:#d1d5db;border-radius:8px}.styles_slider__XRO67::-moz-range-thumb{height:120px;width:6px;background:var(--color-blue-600);cursor:pointer;border:none}.styles_slider__XRO67::-moz-range-track{height:100px;background:#d1d5db;border-radius:8px}.styles_vol__uilwk{width:60px;transform:rotate(-90deg);margin-bottom:25px}.styles_pan__U6PD4{width:80px}.styles_fretboard__0eqj2{position:relative;display:flex;flex-wrap:no-wrap;width:100%;background:url(/fretboard.png);background-size:cover}.styles_fret__NkzOi{position:relative;display:flex;justify-content:center;align-items:center;border:1px solid gray;height:100%;width:8.3%}.styles_point__1BjIP{width:20px;height:20px;border-radius:100%;background-color:#fff;border:1px solid gray}.styles_string__Q7uRS{position:absolute;top:10px;width:100%;height:5px;background-color:gray}.styles_points-container__krOXa{display:flex;flex-direction:column;gap:28px}.styles_note__oKT61{position:absolute;top:2px;z-index:2;width:20px;height:20px;border-radius:100%;background-color:#000;border:1px solid #000;padding:10px;color:#000;display:flex;justify-content:center;align-items:center}.styles_note-hidden__msWwc{visibility:hidden}.styles_note-root__zJzH9{background-color:#900}