.app{display:grid;grid-template:10vh 80vh 10vh/12vw 88vw}@media screen and (max-width:1400px){.app{grid-template:10vh 80vh 10vh/20vw 80vw}}@media screen and (max-width:800px){.app{grid-template:80vh 10vh 10vh/100vw;width:100vw;overflow-x:hidden}}*{box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none}a{text-decoration:none;color:#fff;padding:0}.header{display:flex;grid-area:1/2/2/3;background-color:#181818;justify-content:flex-end;align-items:center}@media screen and (max-width:800px){.header{display:none}}.user-btn{border:none;background-color:#333;border-radius:50%;color:#fff;padding:3px;margin-right:2em}.navbar{display:flex;grid-area:1/1/3/2;background-color:#000;flex-direction:column}@media screen and (max-width:800px){.navbar{grid-area:3/1/4/2;width:100vw;justify-content:center;background-color:#2b2929}}.icon{display:flex;flex-direction:row;flex-shrink:0;justify-content:space-between}@media screen and (max-width:800px){.icon{display:none}}.logo{-webkit-box-flex:1;border:0;flex:1 1;margin-bottom:8px;padding:0 12px;color:#fff;position:relative;grid-gap:10px;gap:10px;align-items:center;display:flex;margin-top:1.5rem}.logo .nav-span{font-size:20px}ul{list-style:none;padding:0 15px;width:100%;margin:0}@media screen and (max-width:800px){ul{align-items:center;display:grid;grid-template-columns:25% 25% 25% 25%;flex-direction:row;padding:0}}.nav-link{display:flex;grid-gap:16px;gap:16px;cursor:pointer;align-items:center;padding:5px}@media screen and (max-width:800px){.nav-link{grid-gap:0;gap:0;flex-direction:column;color:#c3c3c3}}.nav-span{text-align:center;margin-bottom:.5em;font-size:14px;font-weight:700}@media screen and (max-width:800px){.nav-span{font-size:12px}}.liked{display:flex;align-items:center;background:linear-gradient(135deg,#450af5,#c4efd9)}@media screen and (max-width:800px){.liked{background:none;display:unset}}.playlist{margin-top:2vw}@media screen and (max-width:800px){.playlist{margin-top:0}}.playlist-icon{background-color:#fff;color:#000}.playlists{color:#fff;font-weight:500;font-size:14px}.nav-liked{margin:4px;font-size:1rem!important}@media screen and (max-width:800px){.nav-liked{font-size:1.5rem!important;margin:0}}@media screen and (max-width:800px){hr,li:nth-child(6){display:none}}.mini-player{display:none}.mini-player .banner{margin:10% 0}.mini-player .banner img{width:60vh}.mini-player .arrow{display:grid;grid-template-columns:20% 60%;align-self:stretch;padding:10px;cursor:pointer;margin-top:10px}.mini-player .arrow span{text-align:center}.mini-player .mini-player-controls{display:flex;flex-direction:column;align-items:center;align-self:flex-start;width:100%}.mini-player .mini-player-controls .song-info{display:flex;flex-direction:column;align-self:start;margin-left:20px}.mini-player .mini-player-controls .song-info :first-child{font-size:20px;font-weight:700}.mini-player .mini-player-controls .song-info :last-child{font-size:14px}.mini-player .mini-player-controls .mini-player-timeline{width:90%}.mini-player .mini-player-controls .mini-time-container{display:flex;justify-content:space-between;font-size:13px;margin-top:-10px}.mini-player .mini-player-controls .mini-player-actions{display:grid;grid-template-columns:20% 60% 20%;width:100%;align-items:center}.mini-player .mini-player-controls .mini-player-actions .mini-liked{justify-self:stretch}.mini-player .mini-player-controls .mini-player-actions .mini-liked svg{font-size:1.75rem!important}.mini-player .mini-player-controls .mini-player-actions .mini-actions{display:flex;justify-content:center;align-items:center}.mini-player .mini-player-controls .mini-player-actions .mini-actions :nth-child(2){font-size:3rem!important}.mini-player .mini-player-controls .mini-player-actions .mini-actions svg{font-size:2rem!important}.mini-player .mini-player-controls .mini-player-actions .mini-download{justify-self:center}.mini-player .mini-player-controls .mini-player-actions .mini-download svg{font-size:2rem!important}@media screen and (max-width:800px){.mini-player{display:flex;flex-direction:column;position:fixed;justify-content:flex-start;align-items:center;top:0;left:0;width:100vw;height:100vh;z-index:1000;background-color:#181818;-webkit-animation-name:miniPlayer;animation-name:miniPlayer;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes miniPlayer{0%{top:98vh}to{top:0}}@keyframes miniPlayer{0%{top:98vh}to{top:0}}}@media screen and (min-height:740px){.mini-player .banner{margin:0}.mini-player .mini-player-actions{margin-top:5%}}@media screen and (max-width:450px){.mini-player .banner{margin:10% 0}}@media screen and (max-width:800px){.time{display:none}}@media screen and (max-width:800px) and (pointer:coarse){.css-r5lsqg-MuiSlider-root{padding:5px 0!important}}.sound{display:flex;flex-direction:row;justify-content:space-between}@media screen and (max-width:800px){.sound{display:none}}.vol{margin:3px}.controls{display:grid;grid-template-columns:25% 40% 10%;justify-content:space-between;align-items:center;padding:0 16px;height:100%;color:#fff}@media screen and (max-width:800px){.controls{grid-template-columns:85% 15%;padding:5px 16px;min-height:60px}}.img{min-width:100%;width:30%;display:flex;vertical-align:baseline}@media screen and (max-width:800px){.img{width:100%}}.song-data{display:flex;flex-direction:row;justify-content:flex-start;position:relative;align-items:center}@media screen and (max-width:800px){.song-data{width:100%}.song-data svg{margin-left:auto}}.img img{width:66px;height:66px}@media screen and (max-width:800px){.img img{width:50px;height:50px}}.music-info{display:flex;flex-direction:column;padding-left:12px;grid-gap:3px;gap:3px}@media screen and (max-width:800px){.music-info{flex-direction:row}.music-info .title{font-size:12px;font-weight:400}}.title{font-size:16px;font-weight:600}.artist{font-size:11px;font-weight:200}.dislike,.like{margin-left:20px;font-size:18px!important;font-weight:200;cursor:pointer}.dislike{color:#29c953}.actions{align-items:center}.song-actions{font-size:35px!important}.song-actions:hover{font-size:38px!important}.song-next,.song-prev{color:#c4c3c3;font-size:25px!important}@media screen and (max-width:800px){.song-next,.song-prev{display:none!important}}.song-next:hover,.song-prev:hover{color:#fff}.actions{height:25px}.actions,.middle-footer{display:flex;justify-content:center}.middle-footer{flex-direction:column;grid-gap:7px;gap:7px}.timeline{font-size:10px;grid-gap:15px;gap:15px;display:flex;flex-direction:row;align-items:center;font-weight:200}@media screen and (max-width:800px){.timeline{position:absolute;width:100vw;top:-13%;left:0;height:10px}}.spinner{display:flex;justify-content:center;width:100%;height:20px;align-items:center}.timeline-slider{background-color:red}.player{grid-area:3/1/4/3;background-color:#181818;border-top:1px solid #363636}@media screen and (max-width:800px){.player{grid-area:2/1/3/2;width:100vw;justify-content:center}}.player .select-music-to-play{display:flex;justify-content:center;align-items:center;padding:0 16px;height:100%;color:#fff;font-size:20px}@media screen and (max-width:800px){.player .select-music-to-play{padding:5px 16px}}.main-card{background-color:#121212;padding:20px 15px;border-radius:2%;width:210px}@media screen and (max-width:400px){.main-card{width:140px!important;padding:0}}@media screen and (max-width:800px){.main-card{width:160px;padding:0}}.main-card:hover{background-color:#282828}.music-card{border-radius:10px;background-color:#121212!important;box-shadow:none!important}.music-card:hover{background-color:#282828!important}.music-title{color:#fff;font-weight:600!important;font-size:18px!important}@media screen and (max-width:800px){.music-title{font-weight:400!important;font-size:13px!important;display:inline;color:#dadada}}@media screen and (max-width:800px){.artist{font-size:11px!important}}.menu{display:flex;grid-area:2/2/3/3;background-color:#181818;align-items:center;justify-content:center;flex-wrap:wrap;overflow-y:auto;scrollbar-width:thin;grid-gap:25px;gap:25px}@media screen and (max-width:800px){.menu{grid-area:1/1/2/1;margin-top:5vh}}.singer-banner{margin:10px 5%;display:flex;flex-direction:row;justify-content:stretch;color:#fff;font-size:40px;align-items:center}.singer-banner img{border-radius:50%;width:230px;height:230px;margin-right:20px}@media screen and (max-width:800px){.singer-banner{margin-bottom:10%;font-size:22px}.singer-banner img{width:170px;height:160px;opacity:.8}}.track-item{display:grid;grid-template-columns:75% 25%;margin:10px 20px;color:#fff}.track-item .track-item-song{display:flex;justify-content:flex-start;align-items:center}.track-item .track-item-id{margin:0 10px}.track-item img{width:66px;border-radius:5px;margin:0 10px}.track-item .track-item-time{display:flex;justify-content:flex-end;align-items:center}.homepage{background-color:#181818;overflow-y:scroll}.liked-songs-playlist-block{width:100%;justify-content:space-between;display:grid;grid-template-columns:40% 30% 30%;min-height:60px;padding:10px 0;font-size:20px;align-items:center}@media screen and (max-width:800px){.liked-songs-playlist-block{display:flex;justify-content:space-between}}.liked-songs-playlist-block img{width:50px}.liked-songs-playlist-block .title{cursor:pointer;display:flex;font-size:16px;align-items:center;justify-content:flex-start}.liked-songs-playlist-block .title .title-id{margin:0 15px 0 10px}@media screen and (max-width:800px){.liked-songs-playlist-block .title .title-id{display:none}}.liked-songs-playlist-block .title .name-artist{margin-left:10px}.liked-songs-playlist-block .title .name-artist .title-artist{display:block;font-size:14px;font-weight:300}.liked-songs-playlist-block .date-added{display:flex;justify-content:center;font-size:14px}@media screen and (max-width:800px){.liked-songs-playlist-block .date-added{display:none}}.liked-songs-playlist-block .duration{font-size:14px;display:flex;align-items:center;justify-content:flex-end}.liked-songs-playlist-block .duration .like{color:#29c953;margin:0 10px;font-size:18px!important}.liked-page{display:flex;flex-direction:column;background-color:#181818;overflow-y:scroll}.liked-banner{max-height:25%;display:flex;flex-direction:row;color:#fff;align-items:flex-end;justify-content:flex-start;width:100%;grid-gap:20px;gap:20px}@media screen and (max-width:800px){.liked-banner{align-items:center;justify-content:center;background:linear-gradient(125deg,#2f38b1,#a7b8af);min-height:15vh}}.liked-logo{background:linear-gradient(135deg,#450af5,#c4efd9);font-size:50px!important;padding:3.2rem;border-radius:2px;margin-left:20px}@media screen and (max-width:800px){.liked-logo{display:none}}.liked-page-like{font-size:70px!important}.liked-playlist{display:block;margin-bottom:-12px;font-size:13px;font-weight:600}@media screen and (max-width:800px){.liked-playlist{display:none}}.liked-likedSongs{display:block;font-size:4.5rem;font-weight:800}@media screen and (max-width:800px){.liked-likedSongs{font-size:16px;font-weight:500}}.liked-user{font-size:.95em;font-weight:700}@media screen and (max-width:800px){.liked-user{display:none}}.liked-songs{font-weight:300;font-size:.85em}@media screen and (max-width:800px){.liked-songs{display:none}}.liked-songs-playlist{color:#dfdbdb!important;display:flex;flex-direction:column;align-items:center;justify-content:space-around;margin:20px}.liked-songs-playlist-header{width:100%;height:40px;display:grid;grid-template-columns:40% 30% 30%;justify-content:space-between;border-bottom:1px solid #a9a9a9;text-transform:uppercase;font-size:14px;font-weight:300;align-items:center}@media screen and (max-width:800px){.liked-songs-playlist-header{display:none}}.liked-songs-playlist-header .title{display:flex;justify-content:flex-start;font-size:15px;font-weight:400;text-transform:uppercase}.liked-songs-playlist-header .title .title-id{margin:0 15px 0 10px}.liked-songs-playlist-header .date-added{display:flex;justify-content:center}.liked-songs-playlist-header .duration-parent{display:flex;justify-content:flex-end}.liked-songs-playlist-header .duration-parent .duration{font-size:20px!important}.search-page{grid-area:2/2/3/3;background-color:#181818;overflow-y:auto;scrollbar-width:thin}.search-page h2{color:#fff;margin-left:25px}@media screen and (max-width:800px){.search-page{grid-area:1/1/2/1}.search-page .search-artist{margin-top:10vh}}.search-box{position:absolute;z-index:1;top:2%;left:13%}.search-box .search-box-icon{position:relative!important;left:30px!important;top:9px}.search-box ::-webkit-input-placeholder{margin-left:40px!important}.search-box :-ms-input-placeholder{margin-left:40px!important}.search-box ::placeholder{margin-left:40px!important}.search-box :focus-visible{outline:none}.search-box input{background-color:#fff;border:1px solid #fff;box-shadow:none;border-radius:40px;padding:10px 10px 10px 40px}.search-result{margin-bottom:24%}.artist-result,.search-result{display:flex;background-color:#181818;align-items:center;justify-content:flex-start;flex-wrap:wrap;overflow-y:auto;scrollbar-width:thin;grid-gap:25px;gap:25px;margin-left:25px}.main-card-artist{background-color:#121212;padding:20px 15px;border-radius:2%;width:210px;margin-bottom:20px}.music-card-artist{background-color:#121212!important;box-shadow:none!important}.music-card-artist .artist-res{font-weight:600}.music-card-artist img{border-radius:50%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--scrollbar-vertical-size:12px;--scrollbar-horizontal-size:16px}@media screen and (max-width:800px){:root{--scrollbar-vertical-size:0}}html{scrollbar-color:hsla(0,0%,100%,.3) transparent}::-webkit-scrollbar{width:12px;width:var(--scrollbar-vertical-size)}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.3) transparent}::-webkit-scrollbar-thumb{background:#888}
/*# sourceMappingURL=main.fc2813ef.chunk.css.map */