:root{--menu-close-color:#fff;--main-button-border:0}.navbar-container{height:45px;background-color:#000;position:fixed;top:0;left:0;right:0;padding:0 6px;overflow:hidden}.side-navbar-container{display:none}.top-navbar-container{-ms-flex-pack:justify;justify-content:space-between}.top-navbar-container,.top-navbar-links{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.top-navbar-links{background-color:#393b40;height:45px;width:100%;-ms-flex-pack:distribute;justify-content:space-around;position:fixed;top:0;left:0;right:0}.music-spectrum-img{height:25px;width:60px;margin:3px 5px 3px 0}.logo-button{margin:4px 5px 3px}.logo-button,.menu-close-button{border:0;border:var(--main-button-border);background-color:transparent}.menu-close-button{margin:4px 6px}.menu-icon{height:23px;width:23px}.close-icon,.menu-icon{color:#fff;color:var(--menu-close-color)}.close-icon{height:24px;width:24px}.menu-option{height:18px;width:18px;color:#aaa;margin:3px 6px}@media (min-width:476px){.navbar-container,.top-navbar-links{height:50px}.top-navbar-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.logo-button{margin:5px 8px 5px 5px}.music-spectrum-img{height:26px;width:70px;margin:4px 6px 4px 0}.menu-close-button{margin:5px 15px}.menu-icon{height:26px;width:26px}.close-icon{height:27px;width:27px}.menu-option{height:22px;width:22px;color:#aaa;margin:4px 8px}}@media (min-width:768px){.navbar-container{height:100vh;width:65px;background-color:#040306;position:fixed;top:0;bottom:0;left:0;padding:0 2px}.side-navbar-container{height:500px;-ms-flex-pack:justify;justify-content:space-between}.side-navbar-container,.side-navbar-links{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.side-navbar-links{height:55%;-ms-flex-pack:distribute;justify-content:space-around}.top-navbar-container,.top-navbar-links{display:none}.music-spectrum-img{height:35px;width:60px;margin:3px 1px}.logo-button{margin:15px 0}.icon-container{width:65px;height:65px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center;-webkit-transition:border .2s ease-out;-o-transition:border .2s ease-out;transition:border .2s ease-out;-webkit-transition:background .2s ease-out;-o-transition:background .2s ease-out;transition:background .2s ease-out;-webkit-transform:scale(.9);transform:scale(.9)}.icon-container:hover{border-right:3px solid #1ed760;background-color:#181818;-webkit-transform:scale(1);transform:scale(1)}.menu-option:active{-webkit-transform:scale(.8);transform:scale(.8)}.activeIcon{border-right:3px solid #1ed760;background-color:#181818}.menu-option{height:25px;width:25px;color:#aaa;margin:8px 5px 8px 2px;-webkit-transition:width .2s ease-out;-o-transition:width .2s ease-out;transition:width .2s ease-out}}.card-item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:2px;padding:0;width:100px;height:105px}.card-item-image{height:65px;width:65px;border-radius:4px;margin:2px}.card-item-name{color:#f8fafc;font-size:12px;font-weight:300;text-align:center;margin:2px 0;width:100px;white-space:nowrap;overflow:hidden!important;-o-text-overflow:ellipsis;text-overflow:ellipsis}@media (min-width:476px){.card-item{width:115px;height:130px}.card-item-image{height:85px;width:85px}.card-item-name{font-size:14px;width:110px}}@media (min-width:768px){.card-item{width:160px;height:180px;margin:5px}.card-item-image{height:140px;width:140px}.card-item-name{font-size:16px;width:150px;margin:5px 0 2px}}.loader-div{height:95vh;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.loader{margin:10px}.loader-text{color:#fff;font-size:19px;font-weight:300;margin:10px}.app-container{height:100vh;background-color:#202020;overflow:auto}.app-body{padding:40px 0 30px}.app-body,.content-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.content-container{-ms-flex-align:start;align-items:flex-start}.content-heading{color:#fff;font-size:18px;font-weight:600;margin:20px 8px 0 15px}.content{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:5px 0}a{text-decoration:none}@media (min-width:476px){.content-heading{font-size:22px;font-weight:700;margin:25px 8px 8px 15px}}@media (min-width:768px){.app-body{position:relative;left:65px;width:calc(100% - 65px);padding:5px}.content-heading{font-size:25px;font-weight:700;margin:15px 5px 0 10px}.content{margin:10px 0}}.login-form-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background-image:url(https://res.cloudinary.com/do4qwwms8/image/upload/v1625029113/Spotify%20Clone/Webp.net-compress-image_wm1vsk.jpg);background-position:50%;background-size:cover;height:100vh;width:100%;margin:auto}@media screen and (min-width:992px){.login-form-container{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around}}.login-website-logo-desktop-image{width:185px}.form-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;background-color:#181818;border-radius:8px;width:95%;max-width:350px;padding:64px 48px}@media screen and (min-width:992px){.form-container{width:350px;-ms-flex-negative:0;flex-shrink:0;-webkit-box-shadow:0 8px 40px rgba(7,7,7,.08);box-shadow:0 8px 40px rgba(7,7,7,.08)}}.login-button{font-family:Roboto;font-weight:700;font-size:14px;color:#fff;height:40px;width:100%;margin-top:20px;margin-bottom:2px;background-color:#1db954;border-radius:8px;border:none;outline:none;cursor:pointer}.play-list-item{list-style-type:none;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;margin:10px 5px}.item-image{height:70px;width:70px;border-radius:6px;margin:4px}.item-info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;width:220px;margin:5px 10px 5px 5px}.item-name,.tracks{color:#fff;font-size:13px;font-weight:300;margin:4px;text-align:left}.your-playlist-main-container{height:100vh;width:100%;background-color:#202020}.your-playlist-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:90%;position:relative;top:45px;left:10px;right:0}.your-playlist-name{color:#fff;font-size:22px;font-weight:600;margin:15px 5px 5px 10px}.your-playlist-music-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:5px 0;padding:0}ul{padding:0}@media (min-width:768px){.your-playlist-main-container{height:100vh;border:0;padding:10px}.your-playlist-container,.your-playlist-main-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.your-playlist-container{padding:20px 0 0 20px;margin:0;width:calc(100% - 75px);-ms-flex-align:start;align-items:flex-start;position:absolute;left:75px;top:0}.your-playlist-name{color:#fff;font-size:24px;font-weight:700;margin:20px 10px 20px 8px}.your-playlist-music-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:15px 5px}}.profile-container{height:calc(100vh - 45px);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;top:45px;left:0;right:0;background-color:#181818}.user-icon{height:100px;width:100px;margin:10px 5px}.user-name{color:#ddd;font-size:24px;font-weight:500;margin:10px 5px}.followers-playlists-div,.followers-playlists-info-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.followers-playlists-div{-ms-flex-direction:column;flex-direction:column;margin:10px}.followers-playlists-info{color:#1db954;font-size:14px;font-weight:400;margin:5px}.followers-playlists-info-text{color:#ddd;font-size:14px;font-weight:400;margin:5px}.logout-button{color:#ddd;font-size:12px;font-weight:400;background-color:transparent;border:1px solid #fff;border-radius:22px;padding:7px 15px 8px;width:80px;height:30px;margin:10px 5px;-webkit-box-shadow:7px 6px 25px 1px rgba(0,0,0,.24);box-shadow:7px 6px 25px 1px rgba(0,0,0,.24);-webkit-transition:all .16s;-o-transition:.16s all;transition:all .16s}.logout-button:active{-webkit-transform:scale(.9);transform:scale(.9);-webkit-box-shadow:3px 2px 20px 7px rgba(0,0,0,.75);box-shadow:3px 2px 20px 7px rgba(0,0,0,.75)}@media (min-width:476px){.user-icon{height:120px;width:120px}.user-name{font-size:26px}.followers-playlists-info,.followers-playlists-info-text{font-size:16px}.logout-button{font-size:15px;padding:7px 18px;width:100px;height:35px}}@media (min-width:768px){.profile-container{height:100vh;width:calc(100% - 65px);position:absolute;left:65px;top:0;right:0;bottom:0}.user-icon{height:150px;width:150px}.user-name{font-size:28px}.followers-playlists-info,.followers-playlists-info-text{font-size:18px}.logout-button{font-size:15px;padding:8px 20px;width:110px;height:40px}}.back-arrow-container{background-color:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border:none;padding:10px 10px 5px}.back-button{background-color:rgba(32,32,32,.5019607843137255);border-radius:50px;padding:2px 4px 0 2px;border:0;cursor:pointer;outline:none}.back-arrow{color:#fff;height:20px;width:20px}@media (min-width:476px){.back-arrow-container{padding:12px 5px 3px 12px}.back-arrow{height:22px;width:22px}}@media (min-width:768px){.back-arrow-container{padding:3px 2px 5px;margin:5px 10px;position:fixed;top:0;right:0;left:65px;width:calc(100% - 65px)}.back-button{padding:2px 5px 0 3px}.back-arrow{height:27px;width:24px}}.album-display-info{width:180px;height:180px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:5px}.album-display-image{height:110px;width:110px;border-radius:4px;margin:3px 0;-webkit-box-shadow:rgba(0,0,0,.4) 20px 25px 50px;box-shadow:20px 25px 50px rgba(0,0,0,.4)}.album-display-name{color:#3a5a81;font-size:18px;font-weight:400;text-align:center;margin:4px 0;width:inherit;white-space:nowrap;overflow:hidden!important;-o-text-overflow:ellipsis;text-overflow:ellipsis}.section{display:none}@media (min-width:476px){.album-display-info{width:220px;height:220px}.album-display-image{height:130px;width:130px}.album-display-name{font-size:20px;font-weight:500}}@media (min-width:768px){.album-display-info{width:95%;height:200px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;margin:10px 5px}.album-display-image{height:160px;width:160px;-webkit-box-shadow:rgba(0,0,0,.4) -20px 25px 30px;box-shadow:-20px 25px 30px rgba(0,0,0,.4)}.section-name{-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:end;align-self:flex-end}.section,.section-name{display:-ms-flexbox;display:flex}.section{color:#3a5a81;font-size:18px;font-weight:500}.album-display-name,.section{text-align:left;margin:0 4px 10px 10px}.album-display-name{font-size:30px}}.song-row{list-style-type:none;width:98%;height:45px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:space-evenly;justify-content:space-evenly;-ms-flex-align:center;align-items:center;margin:8px 0;padding:0 2px;overflow:hidden;cursor:pointer}.song-thumbnail{height:40px;width:40px;margin:2px 5px;border-radius:4px}.song-info-md{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;text-align:left;width:190px;margin:0 5px 0 0}.song-name-md{color:#3a5a81;font-size:13px;font-weight:400;margin:2px;width:180px}.artist-name-md{margin:2px;width:180px;font-size:12px;font-weight:300;color:#181818}#song-info{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:space-evenly;justify-content:space-evenly;-ms-flex-align:center;align-items:center}#duration{font-size:13px;font-weight:300;margin:5px}#added,#album-name,#artist-name,#song-name{display:none}.activeClass{background-color:#d1dcc6;border-left:3px solid #1db954;-webkit-box-shadow:rgba(0,0,0,.3) 5px 10px 40px;box-shadow:5px 10px 40px rgba(0,0,0,.3)}@media (min-width:476px){.song-row{height:50px}.song-thumbnail{height:45px;width:45px}.song-info-md{width:210px;margin:0 20px 0 0}.song-name-md{font-size:14px;width:210px}.artist-name-md{font-size:13px;width:210px}#duration{font-size:14px}.activeClass{border-left:4px solid #1db954}}@media (min-width:768px){.song-row{width:100%;height:30px;margin:4px 0}#song-info{width:100%;-ms-flex-pack:space-evenly;justify-content:space-evenly}.artist-name-md,.song-info-md,.song-name-md,.song-thumbnail{display:none}#song-name{width:120px;font-weight:400;color:#3a5a81}#album-name,#song-name{display:-ms-flexbox;display:flex;font-size:15px}#album-name{width:110px;color:#181818!important;font-weight:300}#duration{width:45px;font-size:14px}#artist-name,#duration{text-align:center;font-weight:300}#artist-name{width:110px;color:#181818}#added,#artist-name{display:-ms-flexbox;display:flex;font-size:13px}#added{width:100px;text-align:center;font-weight:300}.activeClass{border-radius:4px;border-left:3px solid #1db954}}.player-container{height:100vh;width:100%;background-color:#eaeaea}.player-container,.playlist-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.playlist-container{-ms-flex-align:center;align-items:center;overflow:auto}.playlist{padding:10px 0 50px;width:100%;margin:0;overflow:auto}.music-controls{height:60px;width:100%;background-color:#3a5a81;border-top:1px solid #9b9b9b;position:fixed;bottom:0;left:0;right:0;padding:0 7px 0 0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:space-evenly;justify-content:space-evenly;-ms-flex-align:center;align-items:center}.album-img{margin:2px 3px 2px 15px;height:50px;width:50px;border-radius:4px}.album-info{width:150px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center;margin:2px 2px 2px 3px}.album-name{color:#fff;font-size:13px;font-weight:400;width:150px;margin:2px 0;text-align:left;white-space:nowrap;overflow:hidden!important;-o-text-overflow:ellipsis;text-overflow:ellipsis}.artist-div{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:2px 0}.artist-name{color:#9b9b9b;font-size:12px;width:150px;font-weight:300;text-align:left;white-space:nowrap;overflow:hidden!important;-o-text-overflow:ellipsis;text-overflow:ellipsis}.play-pause-button{background-color:transparent;outline:none;cursor:pointer;border:0;padding:2px;margin:3px 5px;-webkit-transition:all .15s;-o-transition:.15s all;transition:all .15s}.play-pause-icon{color:#fff;height:22px;width:22px}.play-pause-button:active{-webkit-transform:scale(.85);transform:scale(.85)}.next-prev-button{background-color:transparent;outline:none;cursor:pointer;border:0;padding:0;margin:3px 5px;-webkit-transition:all .1s;-o-transition:.1s all;transition:all .1s}.next-prev-button:active{-webkit-transform:scale(.85);transform:scale(.85)}.next-prev-icon{color:#fff;height:20px;width:20px}@media (min-width:476px){.playlist-columns{display:none}.playlist{padding:20px 0 55px}.music-controls{height:65px;padding:0 15px 0 0}.album-img{height:55px;width:55px}.album-info{width:250px}.album-name{font-size:14px;width:250px}.artist-name{font-size:13px;width:200px}.play-pause-button{padding:5px}.play-pause-icon{height:25px;width:25px}}@media (min-width:768px){.player-container{padding:0;position:absolute;width:100%}.playlist-container{-ms-flex-direction:column;flex-direction:column;padding:0;position:relative;left:65px;top:45px;width:calc(100% - 65px);height:calc(100vh - 45px)}#columns-row,.playlist-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#columns-row{border-bottom:1px solid #475569;height:45px;margin:0 5px 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:space-evenly;justify-content:space-evenly}#column-name{padding:2px;font-size:16px;font-weight:300;margin:0;width:100px;text-align:center}.playlist{padding:10px 0 30px;width:99%;margin:0 0 40px}.music-controls{height:75px;width:calc(100% - 65px);padding:0;position:fixed;bottom:0;right:0;left:65px}.time-update{color:#fff;font-size:13px;font-weight:300;margin:2px;white-space:nowrap;overflow:hidden!important;text-align:left;-o-text-overflow:ellipsis;text-overflow:ellipsis}.album-img{margin:2px;height:60px;width:60px}.album-info{width:22%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center;margin:2px}.album-name{color:#fff;font-size:13px;white-space:nowrap;overflow:hidden!important;text-align:left;-o-text-overflow:ellipsis;text-overflow:ellipsis}.album-name,.artist-name{font-weight:400;width:100%}.artist-name{font-size:12px}.play-pause-button{background-color:transparent;padding:0;margin:2px}.play-pause-icon{color:#fff;height:22px;width:22px}.next-prev-button{background-color:transparent;outline:none;cursor:pointer;border:0;padding:0;margin:2px;-webkit-transition:all .1s;-o-transition:.1s all;transition:all .1s}.next-prev-button:active{-webkit-transform:scale(.85);transform:scale(.85)}.next-prev-icon{color:#fff;height:20px;width:20px}.volume-icon{color:#fff;height:18px;width:18px}.seek-slider{width:27%}.seek-slider,.volume-slider{background-color:#eaeaea;height:3px;-webkit-appearance:none;-webkit-transition:.2s}.seek-slider::-webkit-slider-thumb,.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fff;-webkit-transition:background;transition:background;-webkit-transform:scale(.8);transform:scale(.8);border-radius:50%;height:15px;width:15px}.seek-slider::-webkit-slider-thumb:hover,.volume-slider::-webkit-slider-thumb:hover{-webkit-transform:scale(1.1);transform:scale(1.1);background:#209cb9}.volume-slider{width:10%}}.genre-album-container{list-style-type:none;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;padding:2px;margin:2px}.genre-album-image{height:65px;width:65px;margin:3px;border-radius:4px}.genre-album-info{margin:2px}.genre-album-name{color:#fff;font-size:14px;font-weight:300;margin:3px;width:180px;white-space:nowrap;overflow:hidden!important;-o-text-overflow:ellipsis;text-overflow:ellipsis}.genre-album-tracks{color:#64748b;font-size:13px;font-weight:400;margin:3px}@media (min-width:476px){.genre-album-container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:110px;height:120px;padding:0;margin:3px}.genre-album-image{height:70px;width:70px;margin:3px;border-radius:4px}.genre-album-info{margin:2px 0;text-align:center}.genre-album-name{font-size:13px;width:110px;margin:2px 0}.genre-album-tracks{font-size:12px;margin:2px 0}}@media (min-width:768px){.genre-album-container{height:160px;width:150px;padding:2px;margin:8px 4px}.genre-album-image{height:110px;width:110px;margin:2px}.genre-album-info{margin:2px 0;-ms-flex-pack:center;justify-content:center;text-align:center}.genre-album-name{font-size:17px;font-weight:300;width:150px;margin:2px 0}.genre-album-tracks{font-size:15px;font-weight:400;margin:2px 0}}.genre-category-container{height:100vh;overflow:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#202020;background-size:cover;border:0;padding:0}.category-heading{color:#fff;font-size:18px;font-weight:700;margin:15px 5px 5px 15px}.genre-list-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:0;overflow:auto;margin:5px 0 5px 5px}@media (min-width:476px){.category-heading{font-size:20px}.genre-list-container{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:10px 0}}@media (min-width:768px){.genre-category-container{width:calc(100% - 64px);position:absolute;left:64px;top:0;right:0;bottom:0;margin:0}.category-heading{font-size:22px;margin:50px 0 5px 20px}.genre-list-container{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:10px 5px;margin:0}}span{white-space:nowrap;overflow:hidden!important;text-align:left;-o-text-overflow:ellipsis;text-overflow:ellipsis}.track-row{list-style-type:none;width:100%;height:60px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:space-evenly;justify-content:space-evenly;-ms-flex-align:center;align-items:center;margin:5px 0;padding:0;overflow:hidden}.track-thumbnail{height:50px;width:50px;margin:2px;border-radius:4px}.track-info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;text-align:left;width:190px;margin:0 5px 0 0}.track-name{color:#fff;font-size:13px}.track-artist-name,.track-name{font-weight:300;margin:1px;width:180px}.track-artist-name{font-size:12px;color:#181818}.track-album-name{color:#000;font-size:14px;font-weight:400;margin:1px;width:180px}.track-duration{font-size:13px;font-weight:300;margin:2px 5px 2px 3px}@media (min-width:768px){.track-row{height:70px}.track-thumbnail{height:60px;width:60px}.track-info{width:300px}.track-name{font-size:15px;width:280px}.track-artist-name{width:250px;font-size:14px}.track-album-name{font-size:16px;width:280px}.track-duration{font-size:15px;font-weight:400}}.search-list-item{list-style-type:none;background-color:#accbff;height:180px;width:150px;border-radius:4px;margin:2px 8px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.search-item-image{height:120px;width:110px;border-radius:4px;margin:3px}.search-item-info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.search-item-name{color:#192132;font-weight:500}.search-item-name,.search-tracks{font-size:13px;width:140px;text-align:center;margin:2px 0;white-space:nowrap;overflow:hidden!important;-o-text-overflow:ellipsis;text-overflow:ellipsis}.search-tracks{color:#2f313b;font-weight:400}@media (min-width:768px){.search-list-item{height:260px;width:200px}.search-item-image{height:160px;width:145px}.search-item-name{font-size:15px;width:180px}.search-tracks{font-size:14px;width:180px}}.search-body{background-color:#4b80cc;width:100%;height:100vh;overflow:auto}.search-container{width:100%;overflow:auto}.form-input-container,.search-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.form-input-container{-ms-flex-pack:center;justify-content:center;padding:2px;margin:3px;background-color:inherit;background-size:cover;height:45px;position:fixed;top:45px;right:0;left:0}.input-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;background-color:#fff;padding:2px;margin:10px 0 10px 10px;cursor:pointer;height:35px;width:80%;border-radius:30px;-webkit-box-shadow:20px 15px 20px 5px rgba(0,0,0,.3);box-shadow:20px 15px 20px 5px rgba(0,0,0,.3);-webkit-transition:width .4s ease-out;-o-transition:width .4s ease-out;transition:width .4s ease-out;-webkit-transform:scale(.9);transform:scale(.9)}.input-container:hover{width:90%;-webkit-transform:scale(1);transform:scale(1)}input{outline:none;border:none;height:30px;width:100%;border-radius:30px;margin:0 3px;padding:2px 6px;color:#75818c;font-size:18px;font-weight:400}input:placeholder{color:#757575;font-size:15px;font-weight:300px;padding:2px 6px}.search-icon{height:26px;width:26px;margin:3px}.search-results-container{overflow:auto;position:absolute;top:90px;left:0;right:0;height:calc(100vh - 90px)}.search-playlist-container,.search-results-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.search-playlist-container{-ms-flex-pack:start;justify-content:flex-start;margin:2px 0}.content-name{color:#fff;font-size:20px;font-weight:500;margin:5px 0 0 5px}.playlist-content{height:190px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;overflow-x:auto;padding:0}.playlist-content,.search-tracks-container{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;margin:3px 0}.search-tracks-container{-ms-flex-direction:column;flex-direction:column}.tracks-content{overflow:auto;padding:0;margin:3px 0}.no-results-container,.tracks-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.no-results-container{-ms-flex-pack:center;justify-content:center;height:calc(100vh - 90px)}.no-result-text{color:#fff;font-size:20px;font-weight:500;margin:5px 0 0 5px}.no-result-description{color:#fff;font-size:17px;font-weight:400;margin:5px 0 0 5px}@media (min-width:768px){.search-container{width:calc(100% - 65px);height:calc(100vh - 50px);position:relative;left:65px;right:0;top:50px}.form-input-container{height:70px;position:fixed;top:50px;right:0;left:65px;margin:5px 0}.input-container{height:70px;width:30%;border-radius:30px;-webkit-box-shadow:20px 15px 20px 5px rgba(0,0,0,.3);box-shadow:20px 15px 20px 5px rgba(0,0,0,.3);-webkit-transition:width .4s ease-out;-o-transition:width .4s ease-out;transition:width .4s ease-out;-webkit-transform:scale(.95);transform:scale(.95)}.input-container:hover{width:50%;-webkit-transform:scale(1);transform:scale(1)}input{outline:none;border:none;height:35px;width:100%;margin:0 5px;padding:2px 6px;color:#75818c;font-size:18px;font-weight:400}input:placeholder{color:#757575;font-size:15px;font-weight:300px;padding:2px 6px}.search-icon{height:35px;width:35px;margin:5px}.search-results-container{position:absolute;left:0;top:75px}.search-playlist-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;margin:10px 0}.content-name{color:#fff;font-size:25px;font-weight:600;margin:8px}.playlist-content{height:280px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;overflow-x:auto;padding:0;margin:5px 0}.playlist-content,.search-tracks-container{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.search-tracks-container{margin:10px 0}.search-tracks-container,.songs-content{-ms-flex-direction:column;flex-direction:column}.songs-content{height:300px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow-y:auto;padding:0;margin:5px 0}}.not-found-container{height:100vh;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.not-found-img-mobile{width:70%;height:250px}.not-found-img-desktop{display:none}@media (min-width:768px){.not-found-img-mobile{display:none}.not-found-img-desktop{display:-ms-flexbox;display:flex;width:90%;height:300px}}.not-found-text{font-size:20px;font-weight:500;color:#001f3f;text-align:center;margin:10px}*{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Roboto}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}.desktop-common-component{display:none}@media (min-width:768px){.desktop-common-component{display:-ms-flexbox;display:flex}}
/*# sourceMappingURL=main.3d92c7fc.chunk.css.map */