@import url(https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap);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}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.login{display:grid;place-items:center;height:100vh;background-color:#000}.login>img{width:auto;height:200px}.login>a{padding:20px;border-radius:99px;font-weight:600;background-color:#168d40;border-color:#116e32}.login>a,.login>a:hover{color:#fff;text-decoration:none}.login>a:hover{background-color:#1ed760;transition:all .3s ease-in}.main{font-family:"Noto Sans",sans-serif!important;height:100vh;width:100vw;background-color:#fff}.music-nav-main{background-color:#d8dbe7;box-shadow:5px 1px 15px 5px #000}.music-content-main{background-color:#f1f4f5;flex-grow:1;overflow:hidden}.logo-area{color:#000;font-size:1.5rem;letter-spacing:2px}.logo-area svg{height:25px;width:25px}.music-menu-area{color:#454f63}.menu-title{color:#9a9aa6;font-size:.8rem;letter-spacing:1.5px;font-weight:600}.menu-list{font-size:.9em;cursor:pointer;font-weight:600;letter-spacing:.8px}.menu-list a{color:#454f63!important;text-decoration:none!important}.menu-list a:hover{color:#5773ff!important}.menu-list:hover{color:#5773ff}.music-libaray-area{color:#454f63}.libaray-title{color:#9a9aa6;font-size:.8rem;letter-spacing:1.5px;font-weight:600}ul{font-size:.9rem;list-style:none}.libaray-list{font-size:.9em;cursor:pointer;font-weight:600;letter-spacing:.8px}.libaray-list a{color:#454f63!important;text-decoration:none!important}.libaray-list a:hover{color:#5773ff!important}.libaray-list:hover{color:#5773ff}.title-search{font-size:.7rem;border:1px solid #9a9aa6;border-radius:5px;color:#9a9aa6}input{border:none;width:250px;height:25px;background-color:transparent}.title-account{width:150px;border-radius:10px;font-size:12px;font-weight:600}.account-img{width:50px;border-radius:50%;border-top-left-radius:3px;border-bottom-left-radius:3px}.account-img img{height:35px;width:35px;border-radius:50%}.account-name{width:100px;color:#454f63;border-top-right-radius:3px;border-bottom-right-radius:3px}.top-main-content{background-color:#fff;border-radius:5px}.bottom-main-content,.top-main-content{flex-basis:content}.main-content-title{font-size:.8rem}.main-content-title,.main-top-artist{color:#9a9aa6;font-weight:600;letter-spacing:.9px}.main-top-artist{font-size:.9rem;background-color:#fff;border-radius:5px}.main-top-genres{color:#9a9aa6;background-color:#fff}.main-music-player,.main-top-genres{font-weight:600;letter-spacing:.9px;font-size:.9rem;border-radius:5px}.main-music-player{color:#fff;background-color:#32323d;flex-basis:30%}.main-content{flex:1 1}.main-top-charts{color:#9a9aa6;font-weight:600;letter-spacing:.9px;font-size:.9rem;background-color:#fff;border-radius:5px;padding-left:10px;padding-right:10px;flex-basis:100%}.top-artist-image img{height:65px;width:65px;border-radius:50%}.artist-name{color:#454f63;font-size:11px;height:30px;overflow:hidden;cursor:pointer}.artist-name:hover{text-decoration:underline}.artist-plays{color:#bfc2c4;font-size:9px}.top-track{font-weight:400;height:170px;overflow:auto}.track-count{color:#9a9aa6;font-size:.9em}.track-image img{height:55px;width:55px}.track-time{font-size:12px;font-weight:600}.track-name{color:#454f63;font-size:11px}.track-artist,.track-name{font-weight:600;width:140px}.track-artist{font-size:9px}.track-play svg{width:20px;height:20px}.track-play svg:hover{color:#000;cursor:pointer;transition:.2s ease-in}.player-image img{height:130px;width:auto;border-radius:5px}.player-name{font-size:24px;font-weight:400;height:40px}.player-artist{font-size:15px;font-weight:400;height:20px}.player-buttons{flex:1 1;flex-basis:fill}.player-button svg{height:60px;width:60px;cursor:pointer}.player-button svg:hover{color:#454f63;transition:all .2s ease-in}.player-button svg:active{color:#1c1d21;transition:all .1s ease-in}.recent-tracks{width:100px;border-radius:10px;cursor:pointer;color:#454f63;transition:.3s ease}.recent-tracks:hover{text-decoration:underline}.recent-tracks img{height:80px;width:80px;border-radius:10px}.recent-track-name{height:50px;font-size:.7rem;font-weight:600;overflow:hidden}.album-main{width:100%}.content-main{height:600px;overflow:auto;padding-bottom:80px}.track-main-wrapper{height:200px;width:200px}.track-main-image img{height:100px;width:100px;border-radius:5px}.track-main-name{font-size:12px;font-weight:600;cursor:pointer}.track-main-name:hover{text-decoration:underline}.track-main-artist-name{font-size:10px;font-weight:600;cursor:pointer;color:#6e8797}.track-main-artist-name:hover{text-decoration:underline}.artist-main{background-color:#fff;border-radius:5px}.artist-main-wrapper{height:200px;width:200px}.artist-main-image img{height:80px;width:80px;border-radius:50%}.artist-main-name{font-size:12px;font-weight:600;cursor:pointer}.artist-main-name:hover{text-decoration:underline}.album-main{background-color:#fff;border-radius:5px}.recent-main-wrapper{height:200px;width:200px}.recent-main-image img{height:100px;width:100px;border-radius:50%}.recent-main-name{font-size:12px;font-weight:600;cursor:pointer}.recent-main-name:hover{text-decoration:underline}.recent-main-artist-name{font-size:10px;font-weight:600;cursor:pointer;color:#6e8797}.recent-main-artist-name:hover{text-decoration:underline}.miniplayer-wrapper{position:fixed;bottom:0;width:100%}.miniplayer-main{height:65px;background-color:#212529}.miniplayer-image img{height:50px;width:50px}.miniplayer-detail{width:300px;color:#fff;height:-webkit-min-content;height:-moz-min-content;height:min-content}.miniplayer-name{font-size:15px}.miniplayer-artist{font-size:12px}.miniplayer-buttons{flex:1 1;flex-basis:fill}.miniplayer-button svg{height:50px;width:50px;cursor:pointer;color:#fff}.miniplayer-button svg:hover{color:#454f63;transition:all .2s ease-in}.miniplayer-button svg:active{color:#1c1d21;transition:all .1s ease-in}.playlist-main{background-color:#fff;border-radius:5px}.playlist-main-wrapper{height:200px;width:200px}.playlist-main-image img{height:80px;width:80px;border-radius:5px}.playlist-main-svg svg{height:80px;width:80px;cursor:pointer}.playlist-main-svg{height:150px;width:150px;cursor:pointer;border-radius:5px}.playlist-main-svg:hover{background-color:rgba(33,37,41,.5)}.playlist-main-add-name{padding:5px;border-radius:15px}.playlist-main-add-name,.playlist-main-name{font-size:12px;font-weight:600;cursor:pointer}.playlist-main-name:hover{color:#1db954}.popup-wrapper{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:2;cursor:pointer}.popup-main{height:200px;width:350px;background-color:#fff;border-radius:10px}.popup-warining-top{font-weight:600;font-size:20px}.popup-warining-main{font-size:15px}.popup-warining-main span{color:#f44336}
/*# sourceMappingURL=main.574a4926.chunk.css.map */