.sidebar-container{width:240px;height:100vh;display:flex;flex-direction:column;grid-gap:8px;gap:8px;padding:8px;background-color:#000;overflow-y:auto;overflow-x:hidden}@media (max-width:768px){.sidebar-container{width:280px;max-width:85vw;padding:16px 12px}}@media (max-width:768px){.playlist-detail-container{border-radius:0!important}.playlist-detail-header{position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:10!important;padding:12px 16px 12px 64px!important;background-color:rgba(18,18,18,.8)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-bottom:none!important;min-height:64px!important}.playlist-back-button,.playlist-detail-header{display:flex!important;align-items:center!important}.playlist-back-button{margin-left:0!important;width:40px!important;height:40px!important;justify-content:center!important;flex-shrink:0!important}.playlist-header-content{padding:16px!important;flex-direction:row!important;grid-gap:16px!important;gap:16px!important;align-items:flex-end!important}.playlist-header-content>div:first-child{width:128px!important;height:128px!important;border-radius:0!important;box-shadow:0 4px 60px rgba(0,0,0,.5)!important;flex-shrink:0!important}.playlist-header-content>div:first-child img{border-radius:0!important}.playlist-header-content>div:last-child{flex:1 1!important;min-width:0!important}.playlist-header-content>div:last-child>div:first-child{font-size:11px!important;margin-bottom:6px!important}.playlist-header-content h1{font-size:24px!important;font-weight:700!important;margin:0 0 8px!important;line-height:1.2!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.playlist-header-content>div:last-child>div:nth-child(3){font-size:13px!important;margin-bottom:16px!important;color:#b3b3b3!important}.playlist-header-content>div:last-child>div:nth-child(4){font-size:13px!important;margin-bottom:20px!important;color:#b3b3b3!important}.playlist-header-content button{padding:12px 32px!important;font-size:14px!important}.playlist-songs-list{padding:0 16px 16px!important}.playlist-song-row,.playlist-songs-header{grid-template-columns:16px 1fr 60px 40px!important;grid-gap:16px!important;gap:16px!important;padding:8px 0!important}.playlist-songs-header{padding:8px 0!important;border-bottom:1px solid #333!important;margin-bottom:8px!important}.mobile-hide{display:none!important}.playlist-song-row>div:first-child{font-size:14px!important;color:#b3b3b3!important}.playlist-song-row>div:nth-child(2){min-width:0!important}.playlist-song-row>div:nth-child(2) img{width:40px!important;height:40px!important}.playlist-song-row>div:nth-child(3){font-size:14px!important;color:#b3b3b3!important}}@media (max-width:768px){.home-container{padding:16px!important}.home-top-bar{padding:12px 16px!important;justify-content:flex-end!important}.home-nav-buttons{display:none!important}.home-greeting{font-size:24px!important;margin-bottom:16px!important}.home-quick-links{grid-template-columns:1fr!important;grid-gap:8px!important;gap:8px!important}.home-made-for-you,.home-quick-links{margin-bottom:24px!important}.home-made-for-you h2{font-size:20px!important;margin-bottom:12px!important}.home-card{min-width:140px!important;padding:12px!important}.home-card img{margin-bottom:12px!important}}@media (max-width:480px){.home-container{padding:12px!important}.home-greeting{font-size:20px!important}.home-card{min-width:120px!important;padding:8px!important}}@media (max-width:768px){.search-container,.search-header{padding:16px!important}.search-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;background-color:#121212}.search-input{font-size:14px!important;padding:10px 14px 10px 44px!important}.search-categories{grid-gap:6px!important;gap:6px!important;flex-wrap:wrap}.search-category-button{padding:6px 12px!important;font-size:12px!important}.search-results{padding:0 16px 16px!important;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;grid-gap:16px!important;gap:16px!important}.search-card{padding:12px!important}.search-card img{margin-bottom:12px!important}}@media (max-width:480px){.search-container,.search-header{padding:12px!important}.search-results{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))!important;grid-gap:12px!important;gap:12px!important;padding:0 12px 12px!important}.search-category-button{padding:4px 10px!important;font-size:11px!important}}@media (max-width:768px){.favourites-container,.favourites-header{padding:16px!important}.favourites-search-input{font-size:14px!important;padding:10px 14px 10px 44px!important}.favourites-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;grid-gap:16px!important;gap:16px!important}.favourites-card{padding:12px!important}}@media (max-width:480px){.favourites-container{padding:12px!important}.favourites-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))!important;grid-gap:12px!important;gap:12px!important}}.bottom-player{position:fixed;bottom:0;left:0;right:0;height:90px;background-color:#000;border-top:1px solid #282828;display:flex;align-items:center;padding:0 16px;z-index:1000}.player-left{min-width:0;overflow:hidden;max-width:30%;padding-right:8px}.player-track-info{min-width:0;max-width:calc(100% - 80px);overflow:hidden;flex:1 1}.player-track-info>div{min-width:0;max-width:100%}.player-left img{flex-shrink:0;width:56px;height:56px}.player-left button{flex-shrink:0;padding:8px}@media (max-width:768px){.bottom-player{height:auto!important;min-height:80px;padding:8px!important;flex-wrap:wrap;align-items:flex-start!important}.player-left{flex:1 1 100%!important;order:2;min-width:0;padding:0!important;max-width:100%!important;overflow:visible!important;grid-gap:10px!important;gap:10px!important;margin-top:4px}.player-left img{flex-shrink:0!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important}.player-track-info{min-width:0!important;flex:1 1 auto!important;overflow:hidden;max-width:calc(100% - 90px)!important}.player-track-info>div{min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;display:block!important}.player-left button{flex-shrink:0!important;padding:6px!important;min-width:32px!important;min-height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important}.player-center{flex:1 1 100%!important;order:1;padding:0!important;margin-bottom:4px}.player-right{display:none!important}.player-right .player-controls-group,.player-right button{display:none}}@media (max-width:480px){.bottom-player{height:auto!important;min-height:70px;padding:6px!important}.player-left{grid-gap:8px!important;gap:8px!important}.player-left img{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}.player-track-info{max-width:calc(100% - 84px)!important}.player-track-info>div:first-child{font-size:13px!important}.player-track-info>div:last-child{font-size:11px!important}.player-left button{padding:4px!important;min-width:28px!important;min-height:28px!important}.player-controls-group button{padding:2px!important}.player-controls-group button svg{width:14px!important;height:14px!important}}.app-container{display:flex;height:100vh;background-color:#000;grid-gap:8px;gap:8px;padding:8px 8px 98px;position:relative}.mobile-menu-button{display:none;position:fixed;top:12px;left:12px;z-index:1002;width:40px;height:40px;border-radius:50%;background-color:rgba(0,0,0,.7);border:none;color:#fff;cursor:pointer;align-items:center;justify-content:center;transition:all .2s}.mobile-menu-button:hover{background-color:rgba(0,0,0,.9);transform:scale(1.1)}.mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);z-index:999}.sidebar-wrapper{flex-shrink:0;transition:transform .3s ease-in-out}.main-content{flex:1 1;min-width:0;overflow:hidden}@media (max-width:768px){.app-container{grid-gap:0;gap:0;padding:0 0 90px}.mobile-menu-button{display:flex}.mobile-overlay{display:block}.sidebar-wrapper{position:fixed;top:0;left:0;height:100vh;z-index:1000;transform:translateX(-100%);transition:transform .3s ease-in-out}.sidebar-wrapper.sidebar-open{transform:translateX(0)}.mobile-menu-button{z-index:1002}.mobile-menu-button.sidebar-open{left:auto;right:12px;top:12px;background-color:rgba(18,18,18,.9)}.main-content{width:100%}}@media (min-width:769px) and (max-width:1024px){.app-container{grid-gap:4px;gap:4px;padding:4px 4px 98px}}
/*# sourceMappingURL=main.fa52beab.chunk.css.map */