body{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}body{background-color:#00002a;margin:0;padding:0;overflow:hidden}#loader{position:absolute;top:50%;left:50%;width:140px;transform:translate(-50%,-50%)}#loader .pair{position:absolute;width:60px;height:10px}#loader .pair .dot{position:absolute;width:10px;height:10px;background-color:#fefcf6;border-radius:50%}#loader .pair .dot-2{right:0}#loader .pair-2{left:50px}#loader .pair-1{-webkit-animation:move 1s ease-in-out infinite;animation:move 1s ease-in-out infinite}#loader .pair-2{animation:move 1s ease-in-out infinite reverse}@-webkit-keyframes move{0%{transform:rotate(0deg)}50%,to{transform:rotate(180deg)}}@keyframes move{0%{transform:rotate(0deg)}50%,to{transform:rotate(180deg)}}#loader .pair-1 .dot-1{animation:hide 1s ease-in-out infinite reverse;opacity:0}#loader .pair-2 .dot-2{-webkit-animation:hide 1s ease-in-out infinite;animation:hide 1s ease-in-out infinite;opacity:0}@-webkit-keyframes hide{0%,49%{opacity:0}50%,to{opacity:1}}@keyframes hide{0%,49%{opacity:0}50%,to{opacity:1}}.text{position:absolute;margin-top:60%;left:50%;font-size:50px;transform:translate(-50%,-50%);color:#fefcf6;font-family:courier new}#android{left:40%;color:#43a047}#android,#apple{position:absolute;top:200px;transform:translate(-50%,-50%);font-size:20px}#apple{left:60%;color:#cfd8dc}#copyright{position:absolute;top:230px;left:50%;transform:translate(-50%,-50%);font-size:10px;font-family:courier new;color:#cfd8dc}#loader{display:none}.header{height:7vh;justify-content:space-around;color:#fff;margin-top:5vh;font-size:15px;font-family:"Montserrat",sans-serif}.header,.song-details{display:flex;width:100%;align-items:center}.song-details{height:40vh;justify-content:center}.act-img{width:260px;height:260px;border:1px solid #154360;box-shadow:0 0 10px 1px #000;border-radius:50%}#artist-name,#loadbar,#song-name{width:100%;height:10vh;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;font-family:courier new}#song-name{font-weight:bolder;position:absolute;top:60%;margin-bottom:5px;font-size:35px}#artist-name{top:65%;color:#fefcf6}#artist-name,#loadbar{position:absolute;font-size:20px}#loadbar{top:70%;color:red}.button-control{width:100%;position:absolute;height:20vh;display:flex;top:90%;left:50%;transform:translate(-50%,-50%);justify-content:space-around;align-items:center}#prev{margin-left:-20%}#next,#prev{position:absolute;font-size:40px;color:#fefcf6;cursor:pointer}#next{margin-left:20%}#fav{font-size:30px;margin-left:40%}#fav,#play{position:absolute;cursor:pointer}#play{font-size:40px;color:#fefcf6;margin-left:0}#shuffle{font-size:30px;color:#fefcf6;margin-left:-40%}#shuffle,.bg-img{position:absolute}.bg-img{top:0;left:0;height:auto;width:100%;z-index:-10}.song-pic{position:absolute;top:20%}#Sidebar{position:absolute;width:200px;height:100%;background-color:#00002a;left:-200px;transition:all .5s linear;top:2%;font-family:courier new;display:flex}#Sidebar.active{left:0}#Sidebar .Tg_Button{position:absolute;left:210px;top:10px;background-color:none;cursor:pointer}#Sidebar .Tg_Button span{display:block;color:#fefcf6;background-color:transparent;border-radius:50%}#Sidebar ol li{color:#fefcf6;list-style:none;padding:15px 10px;border-bottom:1px solid hsla(0,0%,39.2%,.3);cursor:pointer}#Sidebar ol{overflow-y:scroll}#about{position:absolute;top:3%;left:93%;color:#fefcf6;cursor:pointer;font-size:25px}#Sidebar ol::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#00002a}#Sidebar ol::-webkit-scrollbar{width:10px;background-color:#00002a}#Sidebar ol::-webkit-scrollbar-thumb{background-color:#00002a}.activeitem{font-weight:900}.progress{width:100%;max-width:40%;height:6px;background:#e1e4e8;overflow:hidden}.progress-bar{display:block;height:100%;background:linear-gradient(90deg,#ffd33d,#ea4aaa 17%,#b34bff 34%,#01feff 51%,#ffd33d 68%,#ea4aaa 85%,#b34bff);background-size:300% 100%;-webkit-animation:progress-animation 2s linear infinite;animation:progress-animation 2s linear infinite}@-webkit-keyframes progress-animation{0%{background-position:100%}to{background-position:0}}@keyframes progress-animation{0%{background-position:100%}to{background-position:0}}
/*# sourceMappingURL=main.f35b6b1f.chunk.css.map */