body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f1f1f1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:auto;max-width:1800px}*{box-sizing:border-box;margin:0;padding:0}img{height:100%;width:100%}.App{height:100vh}.App,.container{margin:auto;max-width:1800px;width:100%}.container{background-color:#fff;height:100%}.containerDark{background:#000;height:100%;margin:auto;max-width:1800px;width:100%}.HomePage{height:100%}.lightMode{background-color:#fff;color:#000}.darkMode{background-color:#000;color:#f1f1f1}.HomePage .img{height:2.35rem;margin-right:.1rem;width:2.35rem}.HomePage nav .img{cursor:pointer}.HomePage nav{align-items:center;background:#f1f1f1;color:rgba(0,0,0,.781);display:flex;justify-content:center;margin:0 0 1rem;padding:.7rem}.HomePage .p-img,.HomePage .s-img{height:1.1rem;margin-right:.3rem;width:1.1rem}.HomePage .playlist,.HomePage .songs{align-items:center;border-radius:.2rem;cursor:pointer;display:flex;margin:.4rem;padding:.9rem 0 .9rem .7rem}.HomePage .modeContainer{margin:.4rem .9rem}.HomePage .playlist:hover,.HomePage .songs:hover{color:#faa9f9}.white{color:#fff}.HomePage .playlist h2,.HomePage .songs h2{font-size:1.22rem}.HomePage .playlist .forward,.HomePage .songs .forward{color:rgba(0,0,0,.804);margin-left:auto;margin-right:1rem;width:.67rem}.darkMode .HomePage nav{background-color:#3a3434;color:#fff}.AllPlayLists nav{align-items:center;background-color:#f1f1f1;display:flex;margin-bottom:1rem;padding:.6rem}.AllPlayLists nav h1{margin-left:1.5rem}.AddPlaylist{align-items:center;cursor:pointer;display:flex;margin-left:1rem;padding-bottom:2rem}.AllPlayLists .deleteBtn{margin-left:75%}.white{color:#f1f1f1}.AddPlaylist .addWrapper{background-color:#f1f1f1;border-radius:.12rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-right:.3rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}main .playlistsContainer{margin-left:2rem}main .playlistsContainer .img{background:linear-gradient(to top right,#faa9f9,rgba(250,169,249,.569));height:3.9rem;width:3.9rem}.AddPlaylist h3:hover{color:#faa9f9}main .playlistsContainer .playlistSongs{align-items:flex-start;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:1rem 0;padding:.3rem;width:100%}main .playlistsContainer .playlistSongsDetails{align-items:flex-start;display:flex}main .playlistSongsDetails{width:11rem}main .playlistSongsDetails:hover{color:#faa9f9;cursor:pointer}main .playlistsContainer h3{margin:.3rem}.darkMode .AllPlayLists nav{background-color:#3a3434;color:#fff}.darkMode .AllPlayLists .AddPlaylist .addWrapper{background-color:#3a3434}@media (max-width:769px){main .playlistsContainer .img{height:3.5rem;width:3.5rem}main .playlistsContainer{margin-left:.8rem}}@media (max-width:523px){.AllPlayLists .deleteBtn{margin-left:auto}}.PlayList nav{align-items:center;background-color:#f1f1f1;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.6rem}.PlayList img{width:1.28rem}.PlayList .info:hover{background:#f1f1f1}.emptyPlaylist{margin-top:4rem;text-align:center}.darkMode .PlayList nav{background-color:#3a3434;color:#fff}.darkMode .PlayList .kkk{background-color:#000;color:#fff}.darkMode .PlayList .info:hover{background-color:#3a3434}.Search nav{align-items:center;background-color:#f1f1f1;display:flex;justify-content:space-between;padding:.4rem}.Search img{cursor:pointer;width:1.28rem}.Search input{background:none;background-color:#fff;border:none;border-radius:.17rem;cursor:pointer;outline:none;padding:.8rem;width:70%}.Search .Songs{height:89.8vh}.searchWrapper .kkk .wrapper{margin-left:.6rem}.Search .kkk{overflow-y:auto}.Search .noResult{margin-top:3rem;text-align:center}.darkMode .Search nav{background-color:#3a3434}.darkMode .Search{background-color:#000;color:#fff;height:100vh}.darkMode .Search .kkk .wrapper:hover{background-color:#3a3434}.darkMode .Search .kkk{overflow-y:auto}.darkMode .Search .kkk,.darkMode .Search input{background-color:#000;color:#fff}@media (max-width:790px){.Search .Songs{height:90vh}.darkMode .Search input,.Search input{background:none;padding:.1rem .4rem}}.wrapper{cursor:pointer;display:flex;margin:.45rem 0 .45rem .5rem;padding:.1rem}.block{display:block!important}.songsWrapper{height:80vh!important}.kkk{background-color:#fff;color:#000;height:92.4vh;overflow-y:auto;padding-bottom:2rem;padding-top:.6rem}.info h4{font-size:1.16rem;overflow:hidden;width:15rem}.info{margin:0 .3rem;padding:.1rem .4rem;width:80%}.Songs .info:hover{background:#f1f1f1}.Songs nav{align-items:center;background-color:#f1f1f1;display:flex;padding:.5rem}.Songs img{width:1.28rem}.Songs nav h1{margin-left:1.5rem}.sliderr{background-color:aqua;height:4rem;width:18rem}.search{cursor:pointer;margin-left:auto;margin-right:.7rem}.songImg{background:linear-gradient(to top right,#faa9f9,rgba(250,169,249,.569));height:3.9rem;width:3.9rem}.artist p{font-size:1rem}.artist p:nth-child(2){color:#a9a9a9;font-size:.87rem}.options{height:1.2rem;margin-left:auto;margin-right:1.5rem;width:1.1rem}.successfullyAddedSongToPlaylist{background-color:#fff;border:1px solid #d5d4d4;border-radius:.2rem;color:green;left:50%;padding:1rem 2rem;position:absolute;top:70%;-webkit-transform:translate(-50%,-70%);transform:translate(-50%,-70%);z-index:4}.Songs .NowPlaying{background-color:#000;bottom:0;color:#fff;display:none;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;margin-top:.15rem;position:fixed;width:100%}.Songs .NowPlayingWrapper{justify-content:center;margin-left:.6rem;padding:.4rem 0}.cancelWrapper,.Songs .NowPlayingWrapper,.Songs .NowPlayingWrapper .Container{align-items:center;display:flex}.Songs .NowPlayingWrapper .Container{cursor:pointer;width:25rem}#song{text-shadow:0 0 1px rgba(97,94,94,.534)}.Songs .NowPlayinginfo h4{cursor:pointer;font-size:1.16rem;height:2rem;overflow:hidden}.Songs .NowPlayingImg{background-color:#faa9f9;border-radius:.09rem;height:3.9rem;margin-right:.4rem;width:3.9rem}.black{color:#000}.pink{color:#faa8f9}.Songs .NowPlaying .NowPlayingWrapper .musicButtonContainer .musicButton .pink{color:#faa8f9;font-size:2rem}.Songs .NowPlaying .NowPlayingWrapper .musicButtonContainer .musicButton .repeatImg{font-size:1.35rem}.currentMusicLength .musicTime .left{margin-left:-.1rem}.currentMusicLength .musicTime .right{margin-right:-.1rem}.currentMusicLength{margin-top:-9px;padding:0;width:100%}.time{color:#fff;font-size:.74rem;margin-top:-1.2rem}.pause-play{cursor:pointer;display:none}.musciLength{padding:0;width:100%}.progressContainer{background-color:#faa9f954;margin:1.1rem 0;width:100%}.progress,.progressContainer{border-radius:.3rem;cursor:pointer;height:.25rem}.progress{background-color:#faa9f9;width:0}.cancelWrapper .musciLength .one{width:2rem}.cancelWrapper .musciLength .two{height:.8rem;width:.8rem}.cancelWrapper .musciLength .three{width:6rem}.cancel{margin-left:auto}.Songs .repeat{cursor:pointer;margin-left:0;margin-right:0}.Songs .shuffle{cursor:pointer}.Songs .one,.Songs .three,.Songs .two{height:.13rem}.Songs .one{width:40%}.Songs .one,.Songs.two{background-color:#faa9f9}.Songs.two{border-radius:50%;height:.8rem;width:.8rem}.Songs .three{background-color:#c4bfbf96;width:60%}.Songs .musicTime{align-items:center;display:flex;margin-top:-14px}.Songs .left{color:gray;font-size:.83rem;margin-left:.3rem}.Songs .right{font-size:.83rem;margin-left:auto;margin-right:.3rem}.Songs .musicButton{align-items:center;display:flex;justify-content:space-between;margin:0 auto auto;width:100%}.musicButtonContainer{margin:auto auto auto 8.8rem;width:26rem}.Songs .musicButton .play{background-color:#f1f1f1;border-radius:50%;margin:0 1.8rem;padding:0}.Songs .backward{margin-left:2rem}.Songs .forward{margin-right:2rem}.Songs .playlistSongs{cursor:pointer}.absolute .PlayList{background:#f1f1f1;color:#000;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.absolute .PlayList .addWrapper{background-color:#fff;margin-left:1.5rem}.absolute .PlayListDark{background-color:#3a3434;color:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.absolute .PlayListDark .addWrapper{background-color:#000;margin-left:1.5rem}.playlistCancel{margin-left:auto;margin-right:1rem;padding-top:.3rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.absolute{display:flex;height:35vh;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;left:50%;overflow:auto;place-content:center;position:absolute;top:30%;-webkit-transform:translate(-50%,-30%);transform:translate(-50%,-30%);width:80%}.Songs .play img{margin:auto auto auto .3rem}.current{bottom:100%;position:absolute}.current,.currentInfo{background-color:#f1f1f1;width:100%}.currentInfo{padding-bottom:2rem}.currentVisible{bottom:0;left:0;position:fixed;z-index:3}.current h2{font-size:larger;padding:.9rem 0}.currentInfo .container:first-child img{width:1rem}.currentInfo .container:nth-child(3) img{width:.92rem}.currentInfo .container p{margin-left:.14rem}.currentInfo .container p:hover{color:#faa9f9;text-shadow:0 0 0 #000}.currentInfo .container{align-items:center;background-color:#f1f1f1;cursor:pointer;display:flex;padding:1.1rem 1.1rem 1.1rem 2rem}.currentSong .songImg{height:3.7rem;margin:0 .57rem;width:4.3rem}.currentSong{align-items:center;border-bottom:1px solid #000;display:flex;padding:.3rem 0}.currentSongInfo{margin-right:1.2rem;padding:.3rem 0;width:100%}.Volume{align-items:center;display:flex}.currentSongInfo .mobile{display:none}.currentSongInfo p{color:gray;font-size:.75rem;margin:-9px 0 0}.darkMode .Songs{background-color:#000}.darkMode .Songs .musicButton .play{background-color:#fff}.darkMode .Songs .NowPlaying .Container .NowPlayingImg{background-color:#faa9f9}.darkMode .Songs .current,.darkMode .Songs .kkk{background-color:#000;color:#fff}.darkMode .Songs .info:hover{background-color:#3a3434}.darkMode .Songs .currentSong{background-color:#3a3434;border-bottom:1px solid #fff}.darkMode .Songs .currentInfo,.darkMode .Songs .currentInfo .container,.darkMode .Songs .NowPlaying,.darkMode .Songs nav{background-color:#3a3434}.darkMode .successfullyAddedSongToPlaylist{background-color:#000;border:1px solid #3a3434;z-index:4}@media (max-width:1428px){.musicButtonContainer{margin-left:7.5rem}}@media (max-width:1361px){.musicButtonContainer{margin-left:7rem}}@media (max-width:1321px){.musicButtonContainer{margin-left:5.4rem}}@media (max-width:1258px){.musicButtonContainer{margin-left:4rem}}@media (max-width:1240px){.musicButtonContainer{margin-left:3rem}}@media (max-width:1210px){.Songs .play{margin:0;padding:1.5rem}.Songs .backward{margin-left:0}.Songs .forward{margin-right:0}.musicButtonContainer{width:24rem}}@media (max-width:1160px){.musicButtonContainer{margin-left:2rem}}@media (max-width:1129px){.musicButtonContainer{margin-left:.56rem}}@media (max-width:1119px){.musicButtonContainer,.NowPlaying .NowPlayingWrapper .musicButton,.Volume{display:none}.songsWrapper{height:82vh!important}.pause-play{display:block}.NowPlaying .NowPlayingWrapper{justify-content:space-between;padding-top:.4rem}}@media (max-width:769px){.Songs img{width:1.28rem}.songImg{height:3.5rem;width:3.5rem}.artist p{font-size:.9rem}.artist p:nth-child(2){font-size:.77rem}.Songs .NowPlaying{margin-top:.15rem}.kkk{padding-bottom:3rem}.NowPlayingWrapper{margin-left:.6rem;padding-top:.4rem}.Songs .NowPlayingImg{border-radius:.09rem;height:3.55rem;margin-right:.3rem;width:3.55rem}.Songs .wrapper{margin:.35rem 0 .35rem .5rem;padding:0}.songsWrapper{height:87.5vh!important}.time{font-size:.74rem;margin-top:-.2rem}.info h4{font-size:1rem;height:1.18rem;width:20rem}.info{line-height:1.1rem;margin:.1rem 0 .1rem .3rem;padding:.1rem 0;width:80%}.darkMode .Songs .info:hover,.Songs .info:hover{background:none}.Songs .NowPlayinginfo{overflow-x:hidden}.currentInfo{padding-bottom:2rem}.current h2{font-size:larger}.currentInfo .container:first-child img{width:1rem}.currentInfo .container:nth-child(3) img{width:.92rem}.currentInfo .container p{margin-left:.14rem}.currentInfo .container{padding:1.1rem}.currentSong .songImg{height:3.5rem;margin:0 .57rem;width:3.5rem}.currentSong{padding:.5rem 0}.currentSongInfo{margin-right:1rem;padding:0;width:80%}.currentSongInfo p{font-size:.75rem;margin:-20px 0 0}.currentSongInfo .mobile,.NowPlayinginfo .mobile{display:block}.currentSongInfo .laptop,.musicButtonContainer,.NowPlaying .NowPlayingWrapper .musicButton,.NowPlayinginfo .laptop{display:none}.NowPlaying .NowPlayingWrapper .cancelWrapper,.NowPlaying .NowPlayingWrapper .pause-play{line-height:.3rem;margin:0;padding:0}.NowPlaying .NowPlayingWrapper .cancel{margin-left:auto}.successfullyAddedSongToPlaylist{font-size:1rem;padding:.8rem 1rem;text-align:center;width:50%}}@media (max-width:679px){.successfullyAddedSongToPlaylist{width:60%}}@media (max-width:567px){.successfullyAddedSongToPlaylist{width:70%}}@media (max-height:525px){.kkk{padding-bottom:6rem}}@media (max-width:505px){.currentSongInfo{margin-right:.2rem;padding:0;width:80%}}@media (max-width:483px){.successfullyAddedSongToPlaylist{font-size:.9rem;padding:.8rem 1rem;width:80%}}@media (max-width:424px){.Songs .NowPlayinginfoWrapper .mobile,.SongsDark .NowPlayinginfoWrapper .mobile{width:100%}.SongsDark .info{line-height:1.1rem;margin:.1rem 0 .1rem .3rem;padding:.1rem 0;width:72%}.Songs .info{width:72%}.info h4{width:19rem}}@media (max-width:404px){.info h4{width:17rem}}@media (max-width:393px){.currentSongInfo{width:70%}}@media (max-width:387px){.Songs .NowPlayinginfoWrapper .mobile{width:14rem}.info h4{width:16rem}}@media (max-width:357px){.Songs .NowPlayinginfoWrapper .mobile{width:13rem}.Songs .info{width:69%}}@media (max-width:343px){.Songs .NowPlayinginfoWrapper .mobile{width:12rem}}@media (max-width:337px){.Songs .info{width:59%}.currentSong .songImg{height:3.5rem;width:3.8rem}}@media (max-width:332px){.Songs .NowPlayinginfoWrapper .mobile{width:11rem}}@media (max-width:322px){.info h4{width:12rem}}@media (max-width:316px){.Songs .NowPlayinginfoWrapper .mobile{width:10rem}}.NowPlaying nav{align-items:center;background-color:#f1f1f1;display:flex;padding:.5rem}.NowPlaying img{width:1.28rem}.NowPlaying nav h1{color:#000;margin-left:1.5rem}.NowPlaying{color:#000}.disc{background:linear-gradient(to top right,#faa9f9,rgba(250,169,249,.569));border-radius:50%;height:23rem;margin:1rem auto auto;width:23rem}.NowPlaying .info{background-color:#fff;margin-left:auto;margin-right:5.4rem;margin-top:-7.3rem;visibility:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:2}.NowPlaying .info p{background-color:#f1f1f1;color:#000;cursor:pointer;margin:.06rem 0;padding:.7rem;width:8rem}.NowPlaying .info p:hover{background-color:#faa9f9}.repeat{cursor:pointer;margin-left:1rem;margin-right:.5rem}.discContainer{align-items:flex-end;display:flex;margin-top:0}.controls{align-items:center;display:flex;margin-bottom:-12px;margin-left:4.9rem}.shuffle{cursor:pointer}.NowPlaying .shuffleImg{color:pink;font-size:1.63rem}.optionsWrapper .option{cursor:pointer;margin:0 4.5rem 0 .5rem;text-align:end}main .musicButton .controlBtn{font-size:3rem}.musicInfo{margin-left:.8rem;width:39rem}.optionsWrapper{margin-left:auto}.visible{visibility:visible!important}.NowPlaying .musciLength{align-items:center;display:flex;justify-content:center;margin-top:.4rem;padding:0 1rem}.one,.three,.two{height:.13rem}.one{width:30%}.one,.two{background-color:#faa9f9}.two{border-radius:50%;height:.8rem;width:.8rem}.three{background-color:#c4bfbf96;width:60%}.mobile{display:none}.musicTime{align-items:center;display:flex}.left{margin-left:4.6rem}.left,.right{color:gray;font-size:1rem}.right{margin-left:auto;margin-right:4.5rem}.musicButton{align-items:center;display:flex;justify-content:space-between;margin:.8rem auto auto;width:60%}.NowPlaying .play{background-color:#f1f1f1;border-radius:50%;padding:.5rem}.backward,.forward,.play{cursor:pointer}.play img{margin:auto auto auto .3rem}.NowPlaying main .playlistsContainer{cursor:pointer}.NowPlaying .progress,.NowPlaying .progressContainer{height:.5rem}.round{-webkit-animation:round 1.25s infinite both;animation:round 1.25s infinite both;border:3px solid #f1f1f1;border-radius:50%;border-top:4px solid #faa9f9;height:4rem;margin:auto;width:4rem}@-webkit-keyframes round{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes round{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.darkMode .NowPlaying nav{background-color:#3a3434;color:#fff}.darkMode .round{border:3px solid #3a3434;border-top:4px solid #faa9f9}.darkMode .NowPlaying .musicInfo h3{color:#fff}.darkMode .NowPlaying .play{background-color:#3a3434}.vol{color:#faa9f9!important}.darkMode .NowPlaying .info{background-color:#3a3434}.darkMode .NowPlaying .info p{background-color:#3a3434;color:#fff;cursor:pointer}.darkMode .NowPlaying .info p:hover{background-color:#faa9f9}.darkMode .NowPlaying nav h1{color:#fff;margin-left:1.5rem}@media (max-width:1379px){.controls{margin-left:4.1rem}.optionsWrapper .option{margin-right:4.1rem}}@media (max-width:1339px){.optionsWrapper .option{margin-right:3rem}.disc{height:20rem;width:20rem}.NowPlaying .info{margin-left:auto;margin-right:3.7rem}}@media (max-width:1219px){.controls{margin-left:3.4rem}.optionsWrapper .option{margin-right:3.4rem}}@media (max-width:1089px){.optionsWrapper .option{margin-right:3rem}}@media (max-width:1009px){.controls{margin-left:3.1rem}.optionsWrapper .option{margin-right:2.4rem}}@media (max-width:829px){.controls{margin-left:2.2rem}.optionsWrapper .option{margin-bottom:-11px;margin-right:1.9rem}.NowPlaying .optionsWrapper .option .black,.NowPlaying .shuffleImg{font-size:1.34rem}.NowPlaying .info{margin-left:auto;margin-right:2.4rem}}@media (max-width:769px){.NowPlaying .info{margin-left:auto;margin-right:3rem}.repeat,.shuffle{margin-left:0;margin-right:0}.left{margin-left:1rem}.left,.right{font-size:.83rem}.right{margin-left:auto;margin-right:1rem}.controls{margin-bottom:-6px;margin-left:.7rem}.optionsWrapper .option{margin-bottom:-6px;margin-right:1.9rem}.disc{height:18rem;margin-top:2rem;width:18rem}.NowPlaying nav{padding:.5rem}.mobile{display:block}.laptop{display:none}.discContainer{margin-top:0}}@media (max-width:709px){.disc{height:18rem;width:18rem}}@media (max-height:601px){main .disc{margin-top:1rem}.musicButton{margin-top:0;padding-bottom:2rem}}@media (max-width:594px){.disc{height:16.5rem;width:16.5rem}}@media (max-width:444px){.disc{height:15rem;width:15rem}.controls{margin:0 0 -6px}.optionsWrapper .option{margin-bottom:-7px!important}.NowPlaying main .musicButton{margin-top:2rem}.NowPlaying .info{margin-left:auto;margin-right:1rem}.optionsWrapper .option{margin:0}.musicInfo{margin:0;width:80%}}@media (max-width:417px){.musicButton{width:75%}}@media (max-width:379px){.disc{height:14rem;width:61%}.NowPlaying .musicButton .play{padding:.3rem}}@media (max-width:347px){.disc{height:14rem;width:65%}}@media (max-width:320px){.disc{height:13rem;width:65%}}.NewPlaylist nav{align-items:center;background-color:#f1f1f1;display:flex;margin-bottom:2rem;padding:.6rem}.NewPlaylist img{cursor:pointer;width:1.28rem}.NewPlaylist .NewPlaylistWrapper{background-color:#f1f1f1;margin:5rem auto auto;padding:3rem 1rem;width:50%}.NewPlaylist .NewPlaylistWrapper p{color:#888585}.NewPlaylist input{background:none;border:none;border-bottom:2.3px solid #000;cursor:pointer;outline:none;padding:.3rem .4rem;width:100%}.NewPlaylist .playlistBtn{align-items:center;display:flex;justify-content:end;margin-top:1rem}.NewPlaylist .playlistBtn h4{cursor:pointer;margin-right:1rem}.NewPlaylist .playlistBtn :hover{color:#faa9f9}.darkMode .NewPlaylist .NewPlaylistWrapper,.darkMode .NewPlaylist nav{background-color:#3a3434;color:#fff}.darkMode .NewPlaylist input{border-bottom:2.3px solid #fff;color:#fff}@media (max-width:769px){.NewPlaylist .NewPlaylistWrapper{margin-top:2rem;padding:2rem 1rem;width:90%}}
/*# sourceMappingURL=main.9d1d6bfb.css.map*/