@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}._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_1v91k_1{display:flex;align-items:center;color:#fff;padding:10px 0 10px 10px;border-radius:8px;-webkit-user-select:none;user-select:none;cursor:pointer}._track_1v91k_1:hover{background-color:#ffffff1a}._track_1v91k_1 ._order_1v91k_14{width:10%}._track_1v91k_1 ._title_1v91k_17{width:50%;display:flex;gap:12px}._track_1v91k_1 ._title_1v91k_17 ._cover_1v91k_22{height:40px;width:40px;object-fit:cover;border-radius:4px}._track_1v91k_1 ._title_1v91k_17 ._details_1v91k_28{display:flex;flex-direction:column;justify-content:space-between}._track_1v91k_1 ._title_1v91k_17 ._details_1v91k_28 ._trackName_1v91k_33{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:300px}._track_1v91k_1 ._title_1v91k_17 ._details_1v91k_28 ._artistName_1v91k_39{font-size:.8rem;color:gray}._toggleTracks_1enud_1{position:fixed;bottom:24px;left:24px;text-transform:uppercase;color:#fff;font-weight:700;cursor:pointer;pointer-events:all;z-index:2}._toggleTracks_1enud_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_1enud_1:hover:after{transform:scaleX(1)}._searchInput_1enud_28{background-color:transparent;border:none;outline:initial;padding-bottom:8px;color:#fff;border-bottom:solid 2px white;position:absolute;top:5%;left:0;right:0;margin:auto;z-index:2;width:250px;font-size:20px}._wrapper_1enud_45{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_1enud_58{background-color:#000c;pointer-events:all;opacity:1}._wrapper_1enud_45 ._tracks_1enud_63{width:75%;margin:auto;margin-top:10vh;max-height:75vh;overflow-y:auto}._wrapper_1enud_45 ._tracks_1enud_63 ._header_1enud_70{display:flex;color:gray;border-bottom:solid 1px gray;padding-bottom:10px;margin-bottom:10px;padding-left:10px;margin-top:20px}._wrapper_1enud_45 ._tracks_1enud_63 ._header_1enud_70 ._order_1enud_79{width:10%}._wrapper_1enud_45 ._tracks_1enud_63 ._header_1enud_70 ._title_1enud_82{width:50%}._wrapper_1enud_45 ._tracks_1enud_63 ._header_1enud_70 ._duration_1enud_85{width:20%}._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}._playerControls_1ldcn_1{position:fixed;bottom:10px;left:320px;right:320px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;padding:10px 16px;z-index:10;color:#fff;z-index:2}@media (max-width: 768px){._playerControls_1ldcn_1{flex-direction:column;gap:10px}}._trackInfo_1ldcn_22{display:flex;align-items:center;width:30%;min-width:180px}._trackInfo_1ldcn_22 ._cover_1ldcn_28{width:50px;height:50px;object-fit:cover;border-radius:4px;margin-right:10px}._trackInfo_1ldcn_22 ._trackDetails_1ldcn_35{overflow:hidden}._trackInfo_1ldcn_22 ._trackDetails_1ldcn_35 ._title_1ldcn_38{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._trackInfo_1ldcn_22 ._trackDetails_1ldcn_35 ._artist_1ldcn_45{font-size:12px;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._mainControls_1ldcn_53{flex:1;display:flex;flex-direction:column;align-items:center;margin-left:-50px}._mainControls_1ldcn_53 ._buttons_1ldcn_60{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:5px}._mainControls_1ldcn_53 ._buttons_1ldcn_60 button{background:none;border:none;color:#fff;cursor:pointer;font-size:18px}._mainControls_1ldcn_53 ._buttons_1ldcn_60 button._playBtn_1ldcn_74{width:36px;height:36px;background:#fff;color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center}._mainControls_1ldcn_53 ._progressContainer_1ldcn_84{display:flex;align-items:center;width:100%;max-width:500px;gap:10px}._mainControls_1ldcn_53 ._progressContainer_1ldcn_84 span{color:#ccc;font-size:12px;min-width:40px}._mainControls_1ldcn_53 ._progressContainer_1ldcn_84 ._progressBar_1ldcn_96{flex:1;height:4px;background:#fff3;border-radius:2px;cursor:pointer;position:relative}._mainControls_1ldcn_53 ._progressContainer_1ldcn_84 ._progressBar_1ldcn_96 ._progress_1ldcn_84{height:100%;background:#fff;border-radius:2px}._volumeControl_1ldcn_110{display:flex;align-items:center;gap:5px;width:20%;justify-content:flex-end}._volumeControl_1ldcn_110 input{width:80px}