#modal{position:fixed;top:0;right:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:999}#modal-background{position:fixed;top:0;right:0;left:0;bottom:0;background-color:transparent}#modal-content{position:absolute;background-color:transparent;z-index:+1}.modalContainer{color:#fff;padding:20px;border-radius:20px;background:linear-gradient(var(--darkp),rgba(.15,.15,.15,1))}.modalForm{display:flex;flex-direction:column;align-items:flex-start}.modalInput{padding:10px;color:#fff}.modalInfo{margin:5px;border-radius:10px;height:20px;width:180px}.modalButton{margin-top:20px;margin-bottom:10px;width:fit-content;height:fit-content;font-size:15px;padding:10px;border-radius:10px;background:linear-gradient(var(--purple),var(--darkp));color:#fff;font-style:italic;cursor:pointer;align-self:center}.modalButton:hover{background:linear-gradient(var(--darkp),rgba(.15,.15,.15,1))}.modalLabel{color:#fff}.signUpModalInput{border-bottom:1px solid var(--purple);width:95%;margin:5px;padding:5px;color:#fff}.modalSignLogErrors{color:red}.modalForm{display:flex;flex-direction:column}.modalInput{margin:10px}.profile-dropdown{display:flex;flex-direction:column;position:absolute;border:2px solid var(--purple);top:70px;height:fit-content;width:fit-content;padding:10px;margin:10px;right:10px;background:linear-gradient(var(--lightp),var(--purple));border-radius:5px;color:var(--darkp);list-style:none}.NavContainer{display:flex;justify-content:space-between;height:50px;border:2px solid black;padding:20px;align-items:center;border-radius:10px;background-color:#000;z-index:1001;color:#000}.ProfileContainer{display:flex;flex-direction:column;justify-content:center}.ProfileButton{width:fit-content;height:fit-content;border-radius:10px;color:var(--purple);background-color:transparent;border:1px solid black;box-shadow:2px 2px 4px var(--darkp);cursor:pointer}.ProfileButton:hover{box-shadow:2px 1px 4px var(--lightp)}.dropDownItem{display:flex;border-radius:5px;margin:10px;justify-content:center;padding:10px;background-color:var(--darkp);color:#fff;cursor:pointer}.profileNavs{text-decoration:none;color:var(--darkp);padding:8px}.profileNavs:hover{border:1px solid var(--darkp);background-color:#0000001a;border-radius:15px}.dropDownLink{cursor:pointer}.navLogo{text-decoration:none;font-weight:bolder;font-size:100px;padding-left:30px;background:linear-gradient(var(--purple),var(--darkp));-webkit-background-clip:text;background-clip:text;color:transparent}.profileNameButton{text-decoration:none;font-weight:bolder;font-size:40px;background:linear-gradient(var(--purple),var(--darkp));-webkit-background-clip:text;background-clip:text;color:transparent}.profile-active-links{display:flex;flex-direction:column;align-items:center;gap:10px}.profile-logout{padding:5px;cursor:pointer}.profile-logout:hover{border:1px solid var(--darkp);background-color:#0000001a;border-radius:15px}#top-modal{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:1000}#top-modal-content{position:fixed;top:84px;background:linear-gradient(black,var(--darkp));border-radius:20px;border:2px solid var(--purple);width:50%;height:fit-content;max-height:40%;overflow-y:scroll;animation:open-top .5s ease-in-out}@keyframes open-top{0%{transform:translateY(-30vw);opacity:0}to{transform:translateY(0);opacity:1}}.song-results{display:flex;flex-direction:column;gap:10px;padding-top:10px;margin-left:20px}.song-result{display:flex;align-items:center;gap:15px;padding:10px 15px;width:fit-content;text-decoration:none;color:#fff;border:2px solid var(--purple);margin-left:20px;margin-bottom:10px;border-radius:20px;background-color:#0000004d}.song-result:hover{opacity:.7}.song-result>img{width:40px;height:40px;border-radius:5px}.search-container{display:flex;flex-direction:column;width:90%;min-width:500px}.search-bar{position:relative;display:flex;align-items:center;gap:10px;border-radius:20px;height:36px;padding-left:20px;padding-right:20px;background-color:#f3f3f3}.search-bar>input{width:90%;font-size:medium;background-color:transparent;border:none}.search-bar>input:focus{outline:none}.rhap_container{box-sizing:border-box;display:flex;flex-direction:column;line-height:1;font-family:inherit;width:100%;padding:10px 15px;background-color:#fff;box-shadow:0 0 3px #0003}.rhap_container:focus:not(:focus-visible){outline:0}.rhap_container svg{vertical-align:initial}.rhap_header{margin-bottom:10px}.rhap_footer{margin-top:5px}.rhap_main{display:flex;flex-direction:column;flex:1 1 auto}.rhap_stacked .rhap_controls-section{margin-top:8px}.rhap_horizontal{flex-direction:row}.rhap_horizontal .rhap_controls-section{margin-left:8px}.rhap_horizontal-reverse{flex-direction:row-reverse}.rhap_horizontal-reverse .rhap_controls-section{margin-right:8px}.rhap_stacked-reverse{flex-direction:column-reverse}.rhap_stacked-reverse .rhap_controls-section{margin-bottom:8px}.rhap_progress-section{display:flex;flex:3 1 auto;align-items:center}.rhap_progress-container{display:flex;align-items:center;height:20px;flex:1 0 auto;align-self:center;margin:0 calc(10px + 1%);cursor:pointer;user-select:none;-webkit-user-select:none}.rhap_progress-container:focus:not(:focus-visible){outline:0}.rhap_time{color:#333;font-size:16px;user-select:none;-webkit-user-select:none}.rhap_progress-bar{box-sizing:border-box;position:relative;z-index:0;width:100%;height:5px;background-color:#ddd;border-radius:2px}.rhap_progress-filled{height:100%;position:absolute;z-index:2;background-color:#868686;border-radius:2px}.rhap_progress-bar-show-download{background-color:#dddddd80}.rhap_download-progress{height:100%;position:absolute;z-index:1;background-color:#ddd;border-radius:2px}.rhap_progress-indicator{box-sizing:border-box;position:absolute;z-index:3;width:20px;height:20px;margin-left:-10px;top:-8px;background:#868686;border-radius:50px;box-shadow:#86868680 0 0 5px}.rhap_controls-section{display:flex;flex:1 1 auto;justify-content:space-between;align-items:center}.rhap_additional-controls{display:flex;flex:1 0 auto;align-items:center}.rhap_repeat-button{font-size:26px;width:26px;height:26px;color:#868686;margin-right:6px}.rhap_main-controls{flex:0 1 auto;display:flex;justify-content:center;align-items:center}.rhap_main-controls-button{margin:0 3px;color:#868686;font-size:35px;width:35px;height:35px}.rhap_play-pause-button{font-size:40px;width:40px;height:40px}.rhap_volume-controls{display:flex;flex:1 0 auto;justify-content:flex-end;align-items:center}.rhap_volume-button{flex:0 0 26px;font-size:26px;width:26px;height:26px;color:#868686;margin-right:6px}.rhap_volume-container{display:flex;align-items:center;flex:0 1 100px;user-select:none;-webkit-user-select:none}.rhap_volume-bar-area{display:flex;align-items:center;width:100%;height:14px;cursor:pointer}.rhap_volume-bar-area:focus:not(:focus-visible){outline:0}.rhap_volume-bar{box-sizing:border-box;position:relative;width:100%;height:4px;background:#dddddd;border-radius:2px}.rhap_volume-indicator{box-sizing:border-box;position:absolute;width:12px;height:12px;margin-left:-6px;left:0;top:-4px;background:#868686;opacity:.9;border-radius:50px;box-shadow:#86868680 0 0 3px;cursor:pointer}.rhap_volume-indicator:hover{opacity:.9}.rhap_volume-filled{height:100%;position:absolute;z-index:2;background-color:#868686;border-radius:2px}.rhap_button-clear{background-color:transparent;border:none;padding:0;overflow:hidden;cursor:pointer}.rhap_button-clear:hover{opacity:.9;transition-duration:.2s}.rhap_button-clear:active{opacity:.95}.rhap_button-clear:focus:not(:focus-visible){outline:0}.apContain{display:flex;align-items:center;border-radius:15px;background-color:#000}.audioPSongInfo{display:flex;align-items:center;padding:5px;margin-left:10px;width:fit-content}.audioPSongTitle{width:fit-content;margin-left:20px}.audioPSongArtist{margin-left:35px;font-size:15px;color:var(--lightp)}.audioPlayer{display:flex;margin-top:10px;width:950px;margin-left:100px}.audioP-song-Img{display:flex;justify-content:center;align-items:center;max-width:80px;max-height:80px;min-height:80px;min-width:80px;border-radius:15px}.a-con{border:2px solid pink}.audioP-song-details{max-height:80px}.rhap_container{background:black;border-radius:20px}.rhap_progress-filled,.rhap_progress-indicator{background-color:var(--purple)}.rhap_main-controls-button{color:#d3d3d3;width:50px}.rhap_main-controls-button:hover{color:var(--purple)}.rhap_volume-indicator{background-color:var(--purple)}.rhap_volume-bar{background-color:#fff}.rhap_volume-filled{background-color:var(--purple)}.rhap_time,.rhap_volume-button,.rhap_repeat-button{color:var(--purple)}.playlistContainer{display:flex;justify-content:center;flex-wrap:wrap;border:2px solid var(--purple);min-width:250px;margin:5px;background-color:#000;border-radius:20px}.playlistCard{display:flex;border:1px solid var(--purple);width:80%;height:fit-content;margin:10px;align-items:center;border-radius:10px;cursor:pointer}.playlistCard:hover{background-color:var(--darkp)}.playlistCardContainer{display:flex;flex-direction:column;width:100%;height:93%;align-items:center}.playlistCardImg{max-height:40px;min-height:40px;max-width:40px;min-width:40px;margin:7px;border-radius:6px}.playlistImgTitle{display:flex;gap:5px;width:fit-content}.playlistDetailsCardSongTitle{min-width:fit-content}.playlistPlayButton{width:fit-content;border-radius:40px}.playlistPlayButton:hover{filter:drop-shadow(0 0 .75rem var(--lightp))}.likedPlaylistIconContainer{display:flex;justify-content:center;align-items:center;border-radius:5px;border:2px solid var(--purple);background-color:var(--darkp);width:40px;height:40px;margin:7px}.likedPlaylistIcon{margin:5px;border-radius:5px}.addPlaylistButton{cursor:pointer}.addPlaylistButton:hover{filter:drop-shadow(0 0 .75rem var(--buttonp))}.pdDContainer{position:absolute;border:2px solid var(--darkp);border-radius:10px;z-index:1;background:black;padding:10px}.pdDLinks{display:flex;flex-direction:row;align-items:center;gap:8px;padding:0 5px 1px;border-radius:5px;height:40px}.pdDLinks:hover{color:var(--buttonp)}.pdDPlaylist{display:flex;flex-direction:row;align-items:center;gap:8px;padding:0 5px 1px;border-radius:5px}.pdDPlaylist:hover{background-color:var(--buttonp)}.pdDCoverImg{border:1px solid var(--darkp);border-radius:5px;max-width:25px;max-height:25px;min-height:25px;min-width:25x}.pdDAllAddedText{font-style:oblique;color:var(--purple);font-size:15px}.pdDPlaylistContainer{margin-bottom:5px}.pSongMinusButton:hover{color:var(--purple);cursor:pointer}.loadingDisc{height:35px}.deletePlaylistModalContainer{display:flex;flex-direction:column;padding:40px;color:var(--darkp);background:linear-gradient(white,var(--lightp));border-radius:30px}.deletePlayButtonContainer{display:flex;justify-content:center;gap:180px}.deletePlaylistButton{width:120px;align-self:center;height:40px;border-radius:10px;font-size:20px;font-style:oblique;background:linear-gradient(var(--purple),var(--darkp));color:#f5f5f5;cursor:pointer;border:2px solid var(--purple)}.songCard{display:flex;flex-direction:column;border:2px solid var(--purple);width:fit-content;height:fit-content;margin:10px 20px 10px 40px;cursor:pointer;border-radius:15px;justify-content:center;align-items:center;padding-top:10px;background-color:#000;padding-left:20px;padding-right:20px}.songImg{max-width:150px;max-height:150px;min-height:150px;min-width:150px;border-radius:20px}.songCardTitle:hover{color:var(--purple)}.songTitleInfo{display:flex;justify-content:space-between;padding:5px;height:fit-content}.songTitleIcons{display:flex;align-items:center;gap:15px}.songContainer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.songInfoText{font-size:12px;font-weight:lighter;color:var(--lightp)}.songInfo{width:100%;height:fit-content;line-height:.5}.landingBodyCard{margin:10px;padding:10px}.bodyCardHeading{font-weight:200}body{color:#fff}.editDeleteMenu{display:flex;gap:30px;font-size:12px}.editDeleteContainer{display:flex;flex-direction:column;align-items:center}.editDeleteButton:hover{color:var(--purple)}.addSongPlaylistButton{cursor:pointer}.addSongPlaylistButton:hover{border:1px solid var(--purple);border-radius:50%}.likeButton{cursor:pointer}.landingLayout{display:flex;flex-direction:row}.songInput{padding:20px}.inputLabel{margin:8px}.inputForm{display:flex;flex-direction:column;margin:100px;align-items:center;padding:50px;background:linear-gradient(white,var(--purple));border-radius:20px}.formContainer{display:flex;flex-direction:column;align-items:center;width:100%}.songTitleInput{margin:5px;border-radius:5px;height:30px;width:170px}.input-field{color:#000}.formTitle{background:linear-gradient(var(--purple),var(--darkp));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:50px}.errorMessages{background:linear-gradient(red,maroon);-webkit-background-clip:text;background-clip:text;color:transparent}.formButton{height:60px;width:200px;border-radius:50px;font-size:18px;color:#fff5ee;background:linear-gradient(var(--darkp),black);border:1px solid var(--darkp);cursor:pointer}.formButton:hover{background:linear-gradient(var(--purple),black)}.genreSelectInput{height:30px;width:120px;margin:10px;border-radius:5px;border:2px solid black}.updateCoverImg{display:flex;flex-direction:column;align-items:center;margin:20px}.updateWarning{color:var(--darkp)}.descriptionInput{border-radius:5px;border:2px solid black}.descriptionLabel{display:flex;flex-direction:row;align-items:center;gap:10px}.albumSongCard{display:flex;width:98%;justify-content:space-between;margin:10px;background-color:#0006;border-radius:15px;padding:5px 5px 5px 10px;border:2px solid var(--darkp)}.albumHeader{display:flex;align-items:center;height:350px;background:linear-gradient(to bottom,var(--darkp) 0%,black 120%);border-radius:20px}.albumCardImg{display:flex;justify-content:center;align-items:center;max-width:290px;max-height:290px;min-height:290px;min-width:290px;margin:40px;border-radius:15px;border:2px solid var(--darkp)}.songUnknownCardImg{display:flex;justify-content:center;align-items:center;max-width:80px;max-height:80px;min-height:80px;min-width:80px;border-radius:15px;border:2px solid var(--darkp)}.albumHeaderInfo{line-height:.8}.albumSongs{display:flex;flex-direction:column;background:linear-gradient(to bottom,var(--darkp) 0%,black 220%);align-items:center;margin:15px;padding:10px;border-radius:10px}.albumSongsContainer{display:flex;flex-direction:column;justify-content:center;background-color:#0003;margin:10px;width:100%;align-items:center;padding:10px;border-radius:10px}.albumSongCard:hover{cursor:pointer;background-color:#5118b04d}.songLabels{border-bottom:2px solid var(--darkp);width:98%;color:#fff}.songTitleAlign{display:flex;width:80px;justify-content:space-between}.songTitleAlignCard{display:flex;width:fit-content;justify-content:space-between}.albumBody{background:linear-gradient(to bottom,black 0%,var(--darkp) 140%);border:2px solid black;border-radius:10px}.iconItemsAlign{display:flex;width:15%;justify-content:space-around;align-items:center;margin-right:30px}.newSongAlbumImgCard{max-width:200px;max-height:200px;min-height:200px;min-width:200px;border:2px solid var(--purple);border-radius:20px}.addSongToAlbumButton:hover{cursor:pointer;color:var(--purple)}.albumDesc{width:70%;line-height:1.5}.albumDescriptionItems{display:flex;align-items:center;justify-content:space-between}.removePlaylistButton{cursor:pointer;color:#fff}.playlistModalButton{border-radius:5px;background-color:transparent;color:#fff;border:1px solid transparent;cursor:pointer}:root{--purple: #A065FF;--darkp: #5218B0;--lightp: #D9C4FF;--buttonp: #8D3DFF;--hoverp: }label{color:#000}@font-face{font-family:MixFont;src:url(/assets/ZTGatha-SemiBold-e60d8a7a.ttf)}body{font-family:MixFont;background:linear-gradient(to bottom,black 20%,var(--purple) 150%)}