.page_container__56TLS{position:relative;width:100%;height:100vh;background-color:transparent;color:#fff;font-family:var(--font-family)}@media (min-width:769px){.page_container__56TLS{background-color:transparent}}.page_desktopView__2swvl{position:relative;z-index:1;display:flex;flex-direction:column;height:100vh;background:transparent}.page_topNav__hX4me{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:rgba(0,0,0,.5);position:relative;z-index:10}.page_navLeft__qVUfi{display:flex;gap:16px}.page_navButton__1_Nq5{width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.7);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.page_navButton__1_Nq5:hover:not(:disabled){background:hsla(0,0%,100%,.1)}.page_navButton__1_Nq5:disabled{opacity:.5;cursor:not-allowed}.page_navCenter___F2xy{display:flex;align-items:center;gap:16px;flex:1 1;max-width:600px;margin:0 auto}.page_homeButton__VfUjX{width:48px;height:48px;border-radius:50%;background:#000;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.page_homeButton__VfUjX:hover{transform:scale(1.05)}.page_searchBar__cekZo{display:flex;align-items:center;gap:8px;background:#242424;border-radius:500px;padding:6px 12px;flex:1 1}.page_searchIcon__SMDuT{width:16px;height:16px;color:#b3b3b3}.page_searchInput__hunax{flex:1 1;background:transparent;border:none;color:#fff;font-size:14px;outline:none}.page_navRight__XmvI7{display:flex;gap:16px;align-items:center}.page_loginButton__1HdPW,.page_signupButton__hw5Jb{padding:8px 24px;border-radius:500px;border:none;font-weight:600;cursor:pointer;transition:transform .2s}.page_signupButton__hw5Jb{background:transparent;color:#b3b3b3}.page_loginButton__1HdPW{background:var(--color-primary);color:#000}.page_loginButton__1HdPW:hover,.page_signupButton__hw5Jb:hover{transform:scale(1.05)}.page_profileButton__DpcPq{width:32px;height:32px;border-radius:50%;overflow:hidden}.page_mainLayout__vUQtI{display:flex;flex:1 1;overflow:hidden;gap:8px;padding:8px}.page_mainContent__Kit87{flex:1 1;background:transparent;border-radius:8px;overflow-y:auto;position:relative}.page_contentContainer__ywzkx{padding:0 24px 24px}.page_tracksTable__iwMGL{margin-top:16px}.page_tableHeader__wi_6D{display:grid;grid-template-columns:40px 4fr 3fr 2fr minmax(60px,80px);grid-gap:16px;gap:16px;padding:8px 16px;border-bottom:1px solid hsla(0,0%,100%,.1);color:#b3b3b3;font-size:14px;margin-bottom:16px;align-items:center}.page_tableHeaderCell__3fCgc{display:flex;align-items:center}.page_tableHeaderCell__3fCgc:first-child{justify-content:center}.page_tableHeaderCell__3fCgc:last-child{justify-content:flex-end}.page_trackRow__fumOI{display:grid;grid-template-columns:40px 4fr 3fr 2fr minmax(60px,80px);grid-gap:16px;gap:16px;padding:8px 16px;border-radius:4px;transition:background-color .2s;align-items:center}.page_trackRow__fumOI:hover{background-color:hsla(0,0%,100%,.1)}.page_trackRowPlaying__1hrbZ{background-color:hsla(0,0%,100%,.05)}.page_trackNumber__lgs_9{color:#b3b3b3;font-size:16px;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.page_trackInfo__GKMCp{display:flex;gap:12px;align-items:center}.page_trackImage___ptxB{width:40px;height:40px;flex-shrink:0}.page_trackImage___ptxB img{width:100%;height:100%;object-fit:cover}.page_trackDetails__1QFTO{min-width:0}.page_trackName__hVNdc{color:#fff;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page_trackNamePlaying__j7Pha{color:#1db954}.page_trackAlbum__4Zpmf,.page_trackArtists__t0eGd,.page_trackDate__fl2Ab{color:#b3b3b3;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page_trackDuration__WD0e1{color:#b3b3b3;font-size:14px;text-align:right}.page_durationText___zHBY{color:#b3b3b3}.page_loadingContainer__IK_Nr{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;gap:16px}.page_loadingSpinner__w4kDh{width:48px;height:48px;border:3px solid hsla(0,0%,100%,.1);border-top-color:#1db954;border-radius:50%;animation:page_spin__4yWLM 1s linear infinite}@keyframes page_spin__4yWLM{to{transform:rotate(1turn)}}.page_loadingText__c7xwi{font-size:14px;color:#b3b3b3}.page_errorContainer__S32_B{display:flex;align-items:center;justify-content:center;height:100%;min-height:400px;font-size:18px;color:#b3b3b3}.page_mobileError__OUp1P,.page_mobileLoading__T3lt6{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;font-size:16px;color:#b3b3b3;background:transparent}.page_mobileError__OUp1P{color:#f44}.page_mobileView__UC8Lw{position:relative;z-index:1;background:transparent}@media (max-width:768px){.page_desktopView__2swvl{display:none}.page_mobileView__UC8Lw{display:block}}@media (min-width:769px){.page_mobileView__UC8Lw{display:none}}