*{margin:0}body::-webkit-scrollbar{display:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:default;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{border-radius:25px}::-webkit-scrollbar-thumb{background-color:var(--light-grey);border-radius:25px}::-webkit-scrollbar-thumb:hover{color:var(--white);cursor:pointer}a{text-decoration:none}.login{align-items:center;background-color:var(--black);display:flex;flex-direction:column;height:100vh;justify-content:space-evenly}.login a{background-color:var(--light-green);border-radius:100px;color:#fff;font-size:x-large;font-weight:800;padding:20px;text-decoration:none}.menuAndBodyWrap{display:flex}:root{--menu-width:230px;--footer-height:65px;--main-header-height:60px}.menu{background-color:var(--dark-black);color:var(--white);display:flex;flex-direction:column;height:100vh;overflow-x:hidden;padding:10px;position:fixed;width:var(--menu-width)}.menu img{height:40px;margin-bottom:30px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;object-fit:contain;padding-left:10px}.menu hr{border:0;border-top:1px solid var(--light-grey);margin-bottom:10px;padding-left:10px}.playlists{max-height:50vh;overflow-y:scroll;padding-left:10px;position:relative}.selectedMenuItem{color:var(--light-green)}.menuItem{align-items:center;display:flex;height:40px}.menuItem:hover{color:var(--light-green);cursor:pointer}.menuItemIcon{padding-left:10px;padding-right:10px}.body{background:linear-gradient(var(--dark-grey),var(--black));display:flex;flex-direction:column;height:calc(100vh - var(--footer-height));margin-left:calc(var(--menu-width) + 20px);overflow-y:scroll;position:relative;width:100%}.header{height:var(--main-header-height);justify-content:flex-end;overflow-x:hidden;position:fixed;width:calc(100% - var(--menu-width));z-index:1}.header,.userProfile{align-items:center;display:flex}.userProfile{background-color:var(--dark-black);border-radius:50px;height:30%;justify-content:space-between;margin-right:40px;max-width:200px;padding:10px;width:auto}.userProfile Avatar,.userProfile h4{color:var(--white);margin:20px}.userProfile Avatar{size:10px}.home{align-items:flex-start;color:var(--white);flex-direction:column;height:auto;justify-content:flex-start;margin-left:30px}.home,.home h1{display:flex;width:auto}.home h1{align-items:center;justify-content:center}.greetingWrap{height:auto;margin-top:30px;width:auto}.featuredPlaylistsWrap,.newReleasesWrap,.recentlyPlayedTracksWrap{display:flex;flex-direction:column;height:auto;justify-content:space-between;margin-top:30px;width:100%}.featuredPlaylistsWrap h2,.newReleasesWrap h2,.recentlyPlayedTracksWrap h2{margin-bottom:10px}.featuredPlaylists,.newReleases{display:flex;height:auto;overflow-x:scroll;width:auto}.recentlyPlayedTracks{display:flex;flex-direction:column}.album{background-color:var(--dark-grey);border-radius:10px;color:var(--white);display:inline-block;flex-direction:column;flex-wrap:wrap;height:250px;justify-content:space-evenly;margin:10px;min-width:200px;width:200px}.album:hover{background-color:var(--light-grey)}.albumPhoto{align-self:center;margin:15px 25px}.album h2{font-size:medium;margin:5px 10px}.album h2,.album p{align-items:center;display:inline-block;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:180px}.album p{font-size:small;margin:0 10px 5px}.song{align-items:center;color:var(--white);display:flex;height:60px;min-width:0;width:100%}.song:hover{background-color:var(--dark-grey);transition:background-color .1s ease-in}.duration,.leftInfo,.songAlbum{align-items:center;display:flex;height:auto;margin:0 10px;min-width:0;overflow:hidden;width:30%}.leftInfo{width:40%}.leftInfo img{margin-left:10px}.songRank{align-self:center;color:var(--dark-green);margin-left:5px;min-width:20px}.blankAlbumImage,.songRank{display:flex;justify-content:center}.blankAlbumImage{align-items:center;background-color:var(--light-grey);height:40px;margin-left:10px;width:40px}.nameAndArtist{display:flex;flex-direction:column;padding-left:10px;width:100%}.artist{font-size:small}.duration{justify-content:center}.artist,.name,.songAlbum{display:flex;height:20px;margin:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library{color:var(--white);flex-direction:column;height:100%}.library,.library h1{width:auto}.library,.library h1,.stats{align-items:center;display:flex;justify-content:center}.stats{color:var(--white);flex-direction:column;height:auto;width:100%}.stats h1{justify-content:center;width:auto}.stats h1,.statsHeader{align-items:center;display:flex}.statsHeader{height:75px;justify-content:space-around;margin-top:var(--main-header-height);width:100%}.statsHeader h2:hover,.statsHeader h3:hover{color:var(--light-green);cursor:pointer;transition:color .2s ease-in}.statsTitle{justify-content:space-around;width:300px}.statsRange,.statsTitle{align-items:center;display:flex;height:auto}.statsRange{justify-content:space-evenly;width:400px}.selectedStat{color:var(--light-green)}:root{--black:#191414;--white:#fff;--light-green:#1eb760;--light-grey:#535353;--dark-green:#1db954;--dark-grey:#222326;--dark-black:#000}.statsBody{display:flex;flex-wrap:wrap;justify-content:center;overflow-x:none;width:100%}.artistProfile{background-color:var(--dark-grey);border-radius:10px;color:var(--white);display:flex;flex-direction:column;height:300px;justify-content:space-evenly;margin:20px;width:250px}.artistProfile:hover{background-color:var(--light-grey);transition:background-color .2s ease-in}.pfp{align-self:center}.artistProfile h2{padding-left:10px}.labelAndRank{display:flex;justify-content:space-between}.artistLabel{align-self:center;padding-left:10px}.artistRank{color:var(--dark-green);font-size:x-large;padding-right:15px}.playlist{color:var(--white);display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:scroll}.playlistBanner{align-items:center;display:flex;height:400px;justify-content:flex-start;margin:30px;padding-top:50px;text-shadow:2px 2px 2px var(--dark-black);width:100%}.playlistBannerText{align-items:flex-start;display:flex;flex-direction:column;height:200px;justify-content:center;margin-left:20px}.playlistBannerText strong{font-size:12px}.playlistBannerText h1{font-size:75px;height:100px;overflow:hidden;width:100%}.playlistBannerText h3{margin-top:10px}.playCircle{color:var(--dark-green);margin:0 0 30px 30px}.songs{display:flex;flex-direction:column;height:auto;margin-left:30px}.footer{align-items:center;background-color:var(--dark-grey);bottom:0;color:var(--white);display:flex;height:var(--footer-height);justify-content:space-between;position:fixed;width:100%}.footerIcon:hover,.footerIconHighlightable:hover{-webkit-transform:scale(1.2)!important;transform:scale(1.2)!important;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in}.songInfo{display:flex;flex:0.3 1;margin-left:10px;max-width:200px}.playControls{flex:0.4 1;max-width:300px}.playControls,.volumeControls{align-items:center;display:flex;justify-content:space-evenly}.volumeControls{flex:0.3 1;margin-right:10px;max-width:200px}.footerSlider{max-width:100px}
/*# sourceMappingURL=main.c9eaaa6c.css.map*/