*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{display:none}.App{display:flex;min-height:100vh;overflow:hidden;position:relative;width:100%}.background{background:url(/static/media/background.8b16878b58cd04fe945c.jpg) no-repeat 50%;background-size:cover;bottom:0;-webkit-filter:grayscale(100);filter:grayscale(100);left:0;position:absolute;right:0;top:0;z-index:-1}.leftMenu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(34,34,34,.6);height:100%;min-height:100vh;overflow:hidden;padding:25px 20px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:280px}.logoContainer{color:#f1f1f1;justify-content:space-between}.logoContainer,.logoContainer .logo{align-items:center;display:flex}.logoContainer .logo i{font-size:30px}.logoContainer .logo h2{font-size:20px;font-weight:700;margin-left:20px}.searchBox{border-radius:10px;color:#848484;height:45px;margin-top:20px;overflow:hidden;position:relative;width:100%}.searchBox input{background:rgba(0,0,0,.5);border:none;box-shadow:0 0 20px rgba(0,0,0,.4);color:#f1f1f1;font-size:14px;font-weight:700;height:100%;outline:none;padding-left:45px;width:100%}.searchBox input::-webkit-input-placeholder{color:#848484}.searchBox input:-ms-input-placeholder{color:#848484}.searchBox input::placeholder{color:#848484}.searchBox i{font-size:20px;height:45px;left:0;line-height:45px;position:absolute;text-align:center;top:0;width:45px}.menuContainer{margin:15px 0}.menuContainer p{color:#848484;font-size:12px;margin-bottom:10px;text-transform:uppercase}.menuContainer ul{padding:0;width:100%}.menuContainer ul li{list-style:none;margin:5px 0;padding:5px 0;position:relative;width:100%}.menuContainer ul li a{align-items:center;color:#848484;display:flex;font-size:16px;text-decoration:none}.menuContainer ul li a i{font-size:18px;margin-right:15px}.menuContainer ul li:before{background:#49e12e;border-radius:5px;content:"";height:100%;left:-15px;position:absolute;top:0;width:0}.menuContainer ul li.active a,.menuContainer ul li:hover a{color:#f1f1f1;transition:.3s}.menuContainer ul li.active:before,.menuContainer ul li:hover:before{transition:width .5s;width:5px}.playListContainer{cursor:pointer;margin:15px 0}.playListContainer .nameContainer{align-items:center;color:#848484;display:flex;justify-content:space-between;margin-bottom:10px}.playListContainer .nameContainer p{font-size:12px;text-transform:uppercase}.playListContainer .nameContainer i{color:#f1f1f1;cursor:pointer}.playListContainer .playListScroll{height:140px;overflow-x:hidden;overflow-y:scroll;position:relative}.playListContainer .playListScroll .playLists{align-items:center;color:#848484;display:flex;margin:10px 0}.playListContainer .playListScroll .playLists:hover{color:#f1f1f1;transition:all .3s}.playListContainer .playListScroll .playLists .list{font-size:18px}.playListContainer .playListScroll .playLists p{display:inline;font-size:16px;margin-left:15px;overflow:hidden;text-overflow:ellipsis}.playListContainer .playListScroll .playLists .trash{font-size:18px;margin-left:auto}.trackList{border-top:1px solid hsla(0,0%,100%,.1);padding-bottom:10px;padding-top:10px}.trackList .top{align-items:center;display:flex}.trackList .top img{width:50px!important}.trackList .top p{color:#f1f1f1;font-size:14px;margin-left:15px}.trackList .top p span{color:#848484;display:block;font-size:12px}.trackList .bottom{align-items:center;color:#848484;display:flex;justify-content:space-between;margin-top:20px}.trackList .bottom i{font-size:18px}.trackList .bottom i:hover{color:#f1f1f1;cursor:pointer;transition:.3s}.trackList .bottom input{-webkit-appearance:none;appearance:none;background:hsla(0,0%,100%,.1);border:none;border-radius:10px;height:5px;outline:none;position:relative}.trackList .bottom input:before{background:#49e12e;border-radius:10px;content:"";height:100%;left:0;position:absolute;top:0;transition:width .25s linear;width:50%;z-index:2}.trackList .bottom input::-webkit-slider-thumb{-webkit-appearance:none;background:#f1f1f1;border:2px solid #000;border-radius:10px;box-sizing:border-box;cursor:pointer;height:20px;margin:-2px 0 0;position:relative;-webkit-transition:all .25s linear;transition:all .25s linear;width:10px;z-index:3}@media screen and (max-width:550px){.leftMenu{min-width:64px;width:64px}.leftMenu .menuContainer ul li a span,.leftMenu .playListContainer,.leftMenu .searchBox,.leftMenu .trackList{display:none}.leftMenu .menuContainer ul li a i{font-size:24px}.leftMenu .menuContainer ul li{margin:25px 0}}.mainContainer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(34,34,34,.6);flex-grow:1;height:100vh;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:1}.Banner{height:300px;position:relative}.Banner .bannerImg{-webkit-filter:grayscale(100);filter:grayscale(100);height:100%;object-fit:cover;top:0}.Banner .bannerImg,.Banner .bottom{left:0;position:absolute;width:100%}.Banner .bottom{background-image:linear-gradient(transparent,rgba(0,0,0,.9));bottom:0;height:5rem}.content{bottom:0;display:flex;flex-direction:column;left:0;padding:20px 30px;position:absolute;right:0;top:0;z-index:3}.content .breadCrump{align-items:center;display:flex;justify-content:space-between}.content .breadCrump P{color:#848484;font-size:14px;font-weight:600;letter-spacing:1px}.content .breadCrump P span{color:#f1f1f1}.content .breadCrump i{color:#f1f1f1;cursor:pointer;font-size:24px}.content .artist{color:#f1f1f1;justify-content:space-between;margin-top:auto}.content .artist,.content .artist .left .name{align-items:center;display:flex}.content .artist .left .name h2{font-size:50px}.content .artist .left .name img{margin-left:10px;width:30px}.content .artist .left p{font-size:14px}.content .artist .left p i{margin-right:6px}.content .artist .left p span{color:#848484;margin-left:6px}.content .artist .right,.content .artist .right a{align-items:center;display:flex}.content .artist .right a{border-radius:100vw;color:#f1f1f1;font-size:18px;font-weight:700;margin:0 20px;padding:10px 30px;text-decoration:none}.content .artist .right a i{font-size:14px;margin-right:10px}.content .artist .right a:first-child{background:#39aa24}.content .artist .right a:nth-child(2){background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.2);margin-right:0}.mainContainer .menuList{background:#2c2c2c;justify-content:space-between;padding:15px 30px}.mainContainer .menuList,.menuList ul{align-items:center;display:flex}.menuList ul li{list-style:none;margin:0 25px;position:relative}.mainContainer .menuList ul li a{color:#848484;text-decoration:none}.mainContainer .menuList ul li:before{background:#f1f1f1;border-radius:5px;bottom:-20px;content:"";height:5px;left:10px;position:absolute;width:0}.mainContainer .menuList ul li.active:before,.mainContainer .menuList ul li:hover:before{transition:width .3s cubic-bezier(.175,.885,.32,1.275);width:20px}.mainContainer .menuList ul li.active a,.mainContainer .menuList ul li:hover a{color:#f1f1f1;transition:.3s ease}.mainContainer .menuList p{color:#f1f1f1;font-size:14px}.mainContainer p i{font-size:12px;margin-right:6px}.mainContainer p span{color:#848484;margin-left:6px}.AudioList{padding:10px 30px}.AudioList .title{color:#f1f1f1;font-size:18px}.AudioList .title span{color:#848484;font-size:14px;font-weight:200;margin-left:5px}.AudioList .songsContainer{height:220px;overflow-y:scroll}.AudioList .songs{align-items:center;color:#848484;display:flex;font-size:14px;font-weight:600;margin:10px 0;padding:5px;width:100%}.AudioList .songs.active,.AudioList .songs.active .song .section .songName .songSpan{color:#f1f1f1!important}.AudioList .songs .count{margin-right:10px}.AudioList .songs .song{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;padding-bottom:5px;width:100%}.AudioList .songs .song .imgBox{background-color:#848484;border-radius:.5em;height:45px;margin-right:10px;min-width:45px;overflow:hidden;width:45px}.AudioList .songs .song .imgBox img{height:100%;object-fit:cover;width:100%}.AudioList .songs .song .section{display:flex;width:100%}.AudioList .songs .song .section .songName{align-items:center;display:flex;justify-content:space-between;width:50%}.AudioList .songs .song .section .songName .songSpan{font-size:12px;margin-left:0}.AudioList .songs .song .section .hits{align-items:center;display:flex;margin-left:auto}.AudioList .songs .song .section .hits p{margin:0 20px}.AudioList .songs .song .section .hits p:first-child{margin-left:0}.AudioList .songs .song .section .hits .favourite i{color:#49e12e!important;-webkit-filter:drop-shadow(0 0 4px #49e12e);filter:drop-shadow(0 0 4px #49e12e)}.AudioList .songs:hover,.AudioList .songs:hover .song .section .songName .songSpan{color:#f1f1f1;cursor:pointer;transition:all .3s}.AudioList .songs:hover .song .imgBox img{-webkit-transform:scale(1.2);transform:scale(1.2);transition:-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275);transition:transform .3s cubic-bezier(.175,.885,.32,1.275);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275)}@media screen and (max-width:550px){.mainContainer{min-width:380px}.content{padding:10px 15px}.content .breadCrump P{font-size:12px}.content .breadCrump i{font-size:14px}.content .artist .left .name h2{font-size:25px}.content .artist .right a{font-size:12px;margin:0 10px;padding:5px 15px}.menuList ul li{margin:0 5px}.mainContainer .menuList ul li a{font-size:14px}.mainContainer .menuList p{font-size:12px}.mainContainer .menuList p i{font-size:10px}.mainContainer .menuList p span{display:block;font-size:10px;margin-left:0;text-align:center}.mainContainer .menuList{padding:10px 15px}.AudioList{padding:10px 5px}.AudioList .songs .song .section{flex-direction:column}.AudioList .songs .song .section .songName{width:100%}.AudioList .songs .song .section .hits{justify-content:space-between;margin-left:0;margin-top:5px}}@media screen and (max-width:950px){.Banner{height:240px!important;position:relative}}.musicPlayer{display:flex;padding:10px;width:100%}.musicPlayer .songImage{border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.4);height:120px;min-width:120px;overflow:hidden;width:120px}.musicPlayer .songImage img{height:100%;object-fit:cover;width:100%}.musicPlayer .songAttributes{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-left:20px;width:100%}.musicPlayer .songAttributes .bottom,.musicPlayer .songAttributes .top{align-items:center;display:flex;justify-content:space-between;width:100%}.musicPlayer .songAttributes .top .left,.musicPlayer .songAttributes .top .middle,.musicPlayer .songAttributes .top .right{color:#595959;cursor:pointer;font-size:16px}.musicPlayer .songAttributes .top .left,.musicPlayer .songAttributes .top .middle{align-items:center;display:flex}.musicPlayer .songAttributes .top .left .loved{color:#49e12e!important;-webkit-filter:drop-shadow(0 0 4px #49e12e);filter:drop-shadow(0 0 4px #49e12e)}.musicPlayer .songAttributes .top .left .download{padding-left:20px}.musicPlayer .songAttributes .top .middle .back i,.musicPlayer .songAttributes .top .middle .forward i{margin:0 25px}.musicPlayer .songAttributes .top .middle .back i:first-child,.musicPlayer .songAttributes .top .middle .forward i:first-child{margin-right:0}.musicPlayer .songAttributes .top .middle .back i:nth-child(2),.musicPlayer .songAttributes .top .middle .forward i:nth-child(2){color:#9a9a9a!important}.musicPlayer .songAttributes .top .middle .playPause{align-items:center;background:#fff;border-radius:100%;display:flex;height:30px;justify-content:center;min-width:30px;width:30px}.musicPlayer .songAttributes .top .middle .playPause i{color:#000}.musicPlayer .songAttributes .bottom{margin-top:20px}.musicPlayer .songAttributes .bottom .progressBar{-webkit-appearance:none;appearance:none;background:hsla(0,0%,100%,.1);border-radius:10px;height:5px;outline:none;position:relative;width:78%}.musicPlayer .songAttributes .bottom .progressBar:before{background:#848484;border-radius:10px;content:"";height:100%;left:0;position:absolute;top:0;transition:width .25s linear;width:var(--played-width);z-index:2}.musicPlayer .songAttributes .bottom .progressBar::-webkit-slider-thumb{-webkit-appearance:none;border:none;border-radius:50%;box-sizing:border-box;cursor:pointer;height:15px;margin:-2px 0 0;position:relative;-webkit-transition:all .25s linear;transition:all .25s linear;width:15px;z-index:3}.musicPlayer .songAttributes .bottom .progressBar::-moz-range-track{appearance:none;background:hsla(0,0%,100%,.1);border-radius:10px;height:5px;outline:none;width:100%}.musicPlayer .songAttributes .bottom .progressBar::-moz-range-progress{background:#848484;border-radius:10px;height:100%;-moz-transition:width .25s linear;transition:width .25s linear;width:var(--played-width);z-index:2}.musicPlayer .songAttributes .bottom .progressBar::-moz-range-thumb{-moz-appearance:none;border:none;border-radius:50%;box-sizing:border-box;cursor:pointer;height:15px;margin:-2px 0 0;position:relative;-moz-transition:all .25s linear;transition:all .25s linear;width:15px;z-index:3}.musicPlayer .songAttributes .bottom .currentTime,.musicPlayer .songAttributes .bottom .duration{color:#f1f1f1;font-size:12px;font-weight:700}.musicPlayer .songAttributes .bottom .currentTime{margin-right:20px}.musicPlayer .songAttributes .bottom .duration{margin-left:20px}@media screen and (max-width:550px){.musicPlayer .songAttributes .bottom .currentTime{margin-right:0}.musicPlayer .songAttributes .bottom .duration{margin-left:0}.musicPlayer .songAttributes .top .middle .back i,.musicPlayer .songAttributes .top .middle .forward i{margin:0 5px}.musicPlayer .songAttributes .bottom .progressBar{width:110px}}@media screen and (min-width:550px) and (max-width:1080px){.musicPlayer .songImage{height:100px;min-width:100px;width:100px}}.rightContainer{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(34,34,34,.6);border-left:1px solid hsla(0,0%,100%,.1);display:flex;flex-direction:column;height:100vh;justify-content:space-between;padding:30px 0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:100px;z-index:1}.rightContainer .goPro,.rightContainer .profile{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center}.rightContainer .goPro i,.rightContainer .profile i{color:#f1f1f1;font-size:20px;margin:20px 0;position:relative;text-align:center}.rightContainer .goPro i:hover .rightContainer .profile i:hover{-webkit-transform:scale(1.2);transform:scale(1.2);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.rightContainer .goPro i p{font-size:14px}.rightContainer .goPro i:nth-child(2):before{background:#45ab2e;border-radius:50%;content:"";height:8px;position:absolute;right:0;top:0;width:8px}.rightContainer .goPro i p span{color:#848484;margin-right:5px}.rightContainer .profile .profileImage{border-radius:100%;box-shadow:0 0 20px rgba(34,34,34,.6);height:40px;overflow:hidden;width:40px}.rightContainer .profile .profileImage img{height:100%;object-fit:cover;width:100%}@media screen and (max-width:550px){.rightContainer{min-width:64px;width:64px}}
/*# sourceMappingURL=main.b1b614e6.css.map*/