body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dashboard{display:flex;flex-direction:column}.left{display:flex;margin-top:1vh}.right{align-items:flex-end;display:flex;margin-top:-30vh}.profile .profile-img{border-radius:50%;height:10vh;margin-right:4vh;object-fit:cover;width:10vh}.profile h1{margin:0}.profile{color:#212121;font-size:6vh;width:40vh}.multi-item,.profile{align-items:center;display:flex}.multi-item{background-color:#535353;border-radius:20px 20px;color:#b3b3b3;height:23vh;justify-content:space-evenly;margin-left:2vh;margin-top:1vh;text-align:center;width:153vh}.multi-item h3{font-size:3vh;margin-left:2vh;margin-right:2vh;width:20vh}.multi-item a{color:#212121;text-decoration:none}.multi-item .recent h4{margin-bottom:0;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:8vh}.multi-item .recent p{margin:5px}.multi-item .multi-item-holder{display:flex;gap:3vh;height:85%;overflow-x:scroll;overflow-y:hidden;padding-bottom:1vh;padding-top:2vh;scrollbar-color:#b3b3b3 #535353;width:80%}.multi-item .multi-item-holder::-webkit-scrollbar{width:8px}.multi-item .multi-item-holder::-webkit-scrollbar-track{background:#535353;border-radius:20px}.multi-item .multi-item-holder::-webkit-scrollbar-thumb{background-color:#535353;border:2px solid #212121;border-radius:20px}.multi-item .multi-item-holder .album{align-items:center;background-color:#b3b3b3;border-radius:10px 10px;display:flex;flex-direction:column;font-size:1.3vh;height:18h;justify-content:space-between;text-align:center;text-overflow:ellipsis;width:18vh}.multi-item .multi-item-holder .album h3{margin-left:3vh}.multi-item .multi-item-holder .album .album-cover{border-radius:10px 10px;height:12vh;margin-bottom:1vh;text-overflow:ellipsis;width:12vh}.multi-item .multi-item-holder .album:hover{background-color:#168d40;cursor:pointer}.top3{background-color:#535353;border-radius:20px 20px;gap:3vh;height:55vh;margin-left:2vh;margin-top:1vh;width:40vh}.top3 h3{color:#b3b3b3;font-size:4vh;margin-bottom:2vh;margin-top:2vh;text-align:center}.top3 h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:15vh}.top3 a{color:#212121;text-decoration:none}.top3 .top-holder{align-items:center;align-self:center;display:flex;flex-direction:column;height:80%;padding-left:1vh;text-align:center}.top3 .top-3-item{align-items:center;background-color:#b3b3b3;border-radius:10px 10px;display:flex;margin-bottom:3vh;width:30vh}.top3 .top-3-item .item-cover{border-radius:10px 10px;height:12vh;margin-right:1vh;width:12vh}.top3 .top-3-item .name-artist-holder{font-size:1.5vh;margin-left:2vh;text-align:left}.top3 .top-3-item:hover{background-color:#168d40;cursor:pointer}.new-releases{align-items:center;background-color:#535353;border-radius:20px;display:flex;height:29vh;justify-content:space-around;left:22%;position:absolute;top:43%;width:110vh}.new-releases #album{height:25vh;margin-right:10vh;position:relative;width:25vh}.new-releases #album #cover{border-radius:4px;height:25vh;position:relative;width:25vh;z-index:2}.new-releases #album #vinyl{animation:spinThat 5s linear infinite,getOut 1s ease-out forwards;background-image:url(https://gallery.yopriceville.com/var/resizes/Free-Clipart-Pictures/Music-PNG/Gramophone_Vinyl_LP_Record_PNG_Transparent_Clip_Art_Image.png?m=1462983196);background-position:50%;background-size:cover;border-radius:50%;box-shadow:0 0 20px 4px #0009;height:95%;left:0;position:absolute;top:2.5%;width:95%;z-index:1}.new-releases #album:hover{cursor:pointer}.new-releases h3{align-self:flex-start;color:#b3b3b3;font-size:4vh;margin-bottom:2vh;margin-top:2vh;text-align:center;width:20vh}.new-releases .new-releases-holder{display:flex;flex-direction:column;gap:1vh}.new-releases .new-releases-holder .new-album{background-color:#b3b3b3;border-radius:10px 10px;color:#212121;padding:2vh}.new-releases .new-releases-holder .new-album h4,.new-releases .new-releases-holder .new-album p{margin:0}.new-releases .new-releases-holder .new-album:hover{background-color:#1db954;cursor:pointer}.new-releases .new-releases-holder .current{background-color:#1db954}@keyframes getOut{0%{left:0}to{left:50%}}@keyframes spinThat{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.create-form-holder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.create-form-holder form{align-items:center;background-color:#535353;border-radius:20px 20px;display:flex;height:70vh;justify-content:space-around;width:120vh}.search-holder{background-color:#b3b3b3;border-radius:10px 10px;height:60vh;text-align:center;width:50vh}.search-holder h2{color:#212121;font-size:4vh;margin-bottom:2vh;margin-top:2vh}.search-holder .search{border-radius:10px 10px;font-size:3vh;padding:1vh;width:40vh}.search-holder .genre-holder{align-items:center;display:flex;flex-direction:column;gap:1vh;height:40vh;margin-top:3vh;overflow-y:scroll;scrollbar-color:#1db954 #b3b3b3}.search-holder .genre-holder::-webkit-scrollbar{width:8px}.search-holder .genre-holder::-webkit-scrollbar-track{background:#535353;border-radius:20px}.search-holder .genre-holder::-webkit-scrollbar-thumb{background-color:#535353;border:2px solid #212121;border-radius:20px}.search-holder .genre-holder input[type=radio]{display:none}.search-holder .genre{background-color:#1db954;border-radius:10px 10px;color:#212121;font-size:4vh;padding:1vh;width:40vh}.search-holder .genre:hover{cursor:pointer;text-decoration:underline}.form-inputs{flex-direction:column;height:65vh;justify-content:space-evenly;text-align:center;width:50vh}.form-inputs,.form-inputs label{border-radius:10px 10px;display:flex}.form-inputs label{align-items:center;background-color:#b3b3b3;font-size:3vh;height:5vh;justify-content:space-around;padding:1vh}.form-inputs input,.form-inputs textarea{background-color:#b3b3b3;border:3px solid #535353;border-radius:10px 10px;color:#212121}.form-inputs input[type=text]{font-size:3vh;width:20vh}.form-inputs input[type=number]{font-size:3vh;text-align:center;width:10vh}.form-inputs input[type=checkbox]{cursor:pointer;height:5vh;width:5vh}.form-inputs .extra-options{display:flex;justify-content:space-between}.form-inputs .switch{width:20vh}.form-inputs .genre-display-holder{align-items:center;background-color:#b3b3b3;border-radius:10px 10px;display:flex;font-size:3vh;height:5vh;justify-content:center;padding:1vh;text-align:center;width:25vh}.form-inputs .desc-label{flex-direction:column;height:20vh}.form-inputs .desc-label textarea{height:13vh;margin-top:1vh;width:40vh}.create-button{background-color:#1db954;border:none;border-radius:10px 10px;color:#212121;cursor:pointer;font-size:5vh}.create-button:hover{text-decoration:underline}.error-tag{color:#b3b3b3;font-size:10vh;margin-top:0;text-align:center}.error-btn{border-radius:20px 20px;color:#212121;cursor:pointer;font-size:5vh;margin-left:45%;margin-top:0}.error-btn :hover{text-decoration:underline}.playlist-details .playlist-cover{heigh:30vh}.playlist-details .playlist-description{height:30vh}.songs-container{height:66vh}.new-play-holder{display:flex;justify-content:space-evenly;padding-top:5vh}.playlist-details{align-items:center;background-color:#535353;border-radius:20px 20px;color:#b3b3b3;display:flex;flex-direction:column;height:70vh;padding:2vh;text-align:center;width:50vh}.playlist-details h2{font-size:5vh;margin-bottom:1vh}.playlist-details a{color:#b3b3b3;text-decoration:none}.playlist-details .playlist-track-count{font-size:3vh;margin-bottom:1vh;margin-top:0}.playlist-details .playlist-cover{border-radius:5px 5px;height:30vh;width:30vh}.playlist-details .playlist-description{height:10vh;overflow-y:scroll;scrollbar-color:#b3b3b3 #535353;text-decoration:none;text-overflow:clip;width:30vh}.playlist-details .playlist-description::-webkit-scrollbar{width:8px}.playlist-details .playlist-description::-webkit-scrollbar-track{background:#535353;border-radius:20px}.playlist-details .playlist-description::-webkit-scrollbar-thumb{background-color:#535353;border:2px solid #212121;border-radius:20px}.playlist-details button{background-color:#1db954;border:none;border-radius:10px 10px;color:#212121;cursor:pointer;font-size:4vh;padding:2vh}.playlist-details button:hover{text-decoration:underline}.songs-container{background-color:#535353;border-bottom:2vh solid #535353;border-radius:20px 20px;border-top:2vh solid #535353;display:flex;flex-direction:column;gap:2vh;height:61vh;overflow-y:scroll;padding:2vh;scrollbar-color:#b3b3b3 #535353;width:110vh}.songs-container::-webkit-scrollbar{width:8px}.songs-container::-webkit-scrollbar-track{background:#535353;border-radius:20px}.songs-container::-webkit-scrollbar-thumb{background-color:#535353;border:2px solid #212121;border-radius:20px}.songs-container .track-item{align-items:center;background-color:#b3b3b3;border-radius:10px 10px;color:#212121;display:flex;padding:1vh;text-decoration:none}.songs-container .track-item .track-cover{border-radius:5px 5px;height:10vh;margin-right:2vh;width:10vh}.songs-container .track-item h4{font-size:3vh;margin:0}header{align-items:center;background-color:#1db954;color:#212121;display:flex;justify-content:space-between;padding-left:2vh;padding-right:2vh}header h1{font-size:5vh}.spotifyLogo{height:11vh;margin-bottom:2vh;margin-top:2vh}main{background-color:#212121;height:85vh}.welcome-container{align-items:center;color:#b3b3b3;display:flex;height:70%;justify-content:space-evenly;width:100%}.welcome-container h2{font-size:5vh;margin-bottom:10vh}.welcome-message{width:60vh}.welcome-message p{font-size:3vh;margin:0}.loginBtn{background-color:#1db954;border:none;border-radius:20px 20px;color:#212121;font-size:3vh;height:10vh;width:50vh}.loginBtn:hover{cursor:pointer}.nav-links{align-items:center;display:flex}.nav-links button{background-color:#0000;border:none;color:#212121;font-size:4vh}.nav-links button:hover{cursor:pointer;text-decoration:underline}.nav-links .nav-link{border-right:3px solid #212121;margin-right:1vh;padding-right:2vh}.nav-links p{font-size:3vh;margin:0 2vh}
/*# sourceMappingURL=main.f7f92d7d.css.map*/