@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";*{box-sizing:border-box;font-family:Lato,"sans-serif"}body{margin:0;overflow:hidden}.play{position:absolute;bottom:20px;left:0;right:0;padding:10px 0;margin:auto;width:100px}button{cursor:pointer}:root{--white: #ffffff}.lil-gui.autoPlace{display:none;top:50%;right:0}._landing_d3ed5_1{width:100%;height:100vh;position:fixed;top:0;left:0;background-color:#000c;z-index:10;color:#fff;display:flex;justify-content:center;align-items:center;text-align:center;transition:all .5s}._landing_d3ed5_1 ._wrapper_d3ed5_16{transition:all .5s cubic-bezier(.54,.21,.11,1.03)}._landing_d3ed5_1 ._title_d3ed5_19{font-size:4rem}._landing_d3ed5_1 p{margin:0 0 24px;max-width:650px}._landingHidden_d3ed5_28{background-color:#0000;pointer-events:none}._landingHidden_d3ed5_28 ._wrapper_d3ed5_16{transform:translateY(100px);opacity:0}._btn_1vxh9_1{border:solid 1px var(--white);color:#fff;background-color:transparent;border-radius:24px;font-size:1.2rem;padding:8px 16px}._btn_1vxh9_1:hover{color:#000;background-color:#fff}._dropzone_8ghmd_1{position:absolute;bottom:12px;right:12px;color:#fff;z-index:1}._dropzone_active_8ghmd_8{z-index:3}._dropzone_8ghmd_1 ._outer_8ghmd_11{background-color:#000c;width:100%;height:100vh;padding:40px;z-index:10;position:relative}._dropzone_8ghmd_1 ._outer_8ghmd_11 ._inner_8ghmd_19{width:100%;height:100%;border:dashed 3px white;color:#fff;display:flex;justify-content:center;align-items:center}._dropzone_8ghmd_1 ._outer_8ghmd_11 ._inner_8ghmd_19 p{font-size:2rem}._dropzone_8ghmd_1 ._import_8ghmd_31{display:flex;align-items:center}._dropzone_8ghmd_1 ._import_8ghmd_31 p{max-width:200px;margin:0}._track_14o6a_2{display:flex;align-items:center;color:#fff;padding:10px 0 10px 10px;border-radius:8px}._track_14o6a_2:hover{background-color:#ffffff1a}._track_14o6a_2 ._order_14o6a_13{width:10%}._track_14o6a_2 ._title_14o6a_16{width:50%;display:flex;gap:12px}._track_14o6a_2 ._title_14o6a_16 ._cover_14o6a_21{height:40px;width:40px;object-fit:cover;border-radius:4px}._track_14o6a_2 ._title_14o6a_16 ._details_14o6a_27{display:flex;flex-direction:column;justify-content:space-between}._track_14o6a_2 ._title_14o6a_16 ._details_14o6a_27 ._trackName_14o6a_32{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:300px}._track_14o6a_2 ._title_14o6a_16 ._details_14o6a_27 ._artistName_14o6a_38{font-size:.8rem;color:gray}._track_14o6a_2 ._duration_14o6a_42{width:18%}._track_14o6a_2{transition:background .3s;cursor:pointer}._track_14o6a_2._playing_14o6a_50{background-color:#e0f7fa;font-weight:700}._track_14o6a_2._playing_14o6a_50 ._trackName_14o6a_32:after{content:" 🎵"}._favorite_14o6a_58{width:10%;display:flex;align-items:center;justify-content:center}._favoriteButton_14o6a_65{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:4px;display:flex;align-items:center;justify-content:center}._selected_14o6a_76{background-color:#ac1de5;border:2px solid #ac1de5}._toggleTracks_1lfj6_1{position:fixed;bottom:24px;left:24px;text-transform:uppercase;color:#fff;font-weight:700;cursor:pointer;pointer-events:all;z-index:2}._toggleTracks_1lfj6_1:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background-color:#fff;transform:scaleX(0);transform-origin:left;transition:all .3s}._toggleTracks_1lfj6_1:hover:after{transform:scaleX(1)}._searchContainer_1lfj6_28{position:fixed;display:flex;bottom:0;left:0;right:0;margin:auto;width:100%;max-width:400px;text-align:center;z-index:2;pointer-events:all}._searchContainer_1lfj6_28._hidden_1lfj6_41{display:none;pointer-events:none;opacity:0;transition:all .5s}._searchContainer_1lfj6_28._visible_1lfj6_47{opacity:1;transition:all .5s;pointer-events:all;transform:translateY(-50%);transition-delay:.5s}._controls_1lfj6_55{position:absolute;bottom:5%;margin:auto;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:1rem;pointer-events:none}._controls_1lfj6_55 button,._controls_1lfj6_55 input{pointer-events:auto}._searchInput_1lfj6_72{background-color:transparent;border:none;border-bottom:solid 2px white;color:#fff;padding:8px 12px;font-size:18px;width:250px;text-align:center}._prevButton_1lfj6_83,._nextButton_1lfj6_84,._randomButton_1lfj6_85,._repeatButton_1lfj6_86,._favoritesButton_1lfj6_87,._sortSelect_1lfj6_88{background:#333;color:#fff;border:2px solid white;border-radius:.5rem;padding:.5rem 1rem;cursor:pointer;transition:background .3s}._sortSelect_1lfj6_88{margin-right:15px}._prevButton_1lfj6_83:hover,._nextButton_1lfj6_84:hover,._randomButton_1lfj6_85:hover,._repeatButton_1lfj6_86:hover,._favoritesButton_1lfj6_87:hover{background:#555}._randomButton_1lfj6_85._active_1lfj6_110,._repeatButton_1lfj6_86._active_1lfj6_110,._favoritesButton_1lfj6_87._active_1lfj6_110{border-color:green}._volumeSlider_1lfj6_116{-webkit-appearance:none;width:150px;height:6px;background:#000;border:2px solid white;border-radius:4px;margin:1rem}._volumeSlider_1lfj6_116::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:#fff;cursor:pointer;border:2px solid black}._volumeSlider_1lfj6_116::-moz-range-thumb{height:16px;width:16px;border-radius:50%;background:#fff;cursor:pointer;border:2px solid black}._wrapper_1lfj6_143{position:fixed;top:0;left:0;overflow-y:auto;width:100%;height:100vh;background-color:#0000;opacity:0;pointer-events:none;z-index:1;transition:all .5s}._wrapper_visible_1lfj6_156{background-color:#000c;pointer-events:all;opacity:1}._wrapper_1lfj6_143 ._tracks_1lfj6_161{width:75%;margin:auto;margin-top:10vh;max-height:75vh;overflow-y:auto}._wrapper_1lfj6_143 ._tracks_1lfj6_161 ._header_1lfj6_168{display:flex;color:gray;border-bottom:solid 1px gray;padding-bottom:10px;margin-bottom:10px;padding-left:10px}._wrapper_1lfj6_143 ._tracks_1lfj6_161 ._header_1lfj6_168 ._order_1lfj6_176{width:10%}._wrapper_1lfj6_143 ._tracks_1lfj6_161 ._header_1lfj6_168 ._title_1lfj6_179{width:50%}._wrapper_1lfj6_143 ._tracks_1lfj6_161 ._header_1lfj6_168 ._duration_1lfj6_182{width:20%}._sortControls_1lfj6_186{display:flex;align-items:center;gap:1rem}._picker_1v4ld_1{position:fixed;top:24px;right:24px;display:flex;flex-direction:column;align-items:flex-end;color:#fff;z-index:2}._picker_1v4ld_1 span{text-transform:uppercase;cursor:pointer;font-weight:700;padding:.25rem;opacity:.5;transition:all .2s}._picker_1v4ld_1 ._current_1v4ld_19{opacity:1}