@import"https://fonts.googleapis.com/css2?family=Creepster&family=Rubik+Mono+One&display=swap";@import"https://fonts.googleapis.com/css2?family=League+Gothic&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}.loading{align-items:center;display:flex;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#ff7f06;height:40px;width:40px}@keyframes spin{to{transform:rotate(360deg)}}.background{align-items:center;background:linear-gradient(-65deg,#fd5021 0%,#f8643b 30%,#ce2d01 90%);display:flex;height:100vh;justify-content:center;width:auto}.white-box{align-items:center;background-color:#f9eae1;border:1px solid #fd5021;border-radius:60px;box-shadow:3px 2px 5px 4px #00000040;display:flex;flex-direction:column;height:450px;justify-content:center;width:700px}.login-form{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:60px;margin-top:-80px;width:100%}.login-form input{background:#f9eae1;border:2px solid #fd5021;border-radius:15px;color:#1c1f33;font-size:14px;font-weight:600;height:30px;margin-bottom:10px;text-align:center;width:320px}.login-form button{background-color:#fd5021;border:none;border-radius:15px;box-shadow:0 3px 4px #00000040;color:#f9eae1;cursor:pointer;font-size:18px;font-weight:700;height:30px;text-align:center;width:328px}.login-form button:disabled{background-color:#fd8049;box-shadow:none;color:#fff;cursor:not-allowed}.login-form button:active{box-shadow:none}.black-logo{align-items:center;height:320px;width:320px}.main-search{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center;width:80vw}.searchtab{align-items:center;background:url(/assets/orangebg-2182d7ee.jpg);display:flex;height:25vh;justify-content:center;width:80vw}.searchtab input{background-color:#f9eae1;border:none;border-radius:40px;color:#161827;font-size:14px;font-weight:700;height:10px;padding:10px;text-align:start;width:300px}.searchtab button{background-color:#1c1f33;border:none;border-radius:40px;box-shadow:2px 3px 3px #00000080;color:#fff;cursor:pointer;font-size:14px;font-weight:700;height:30px;margin-left:10px;text-align:center;text-transform:uppercase;width:120px}.searchtab button:disabled{background-color:#666370;box-shadow:none;color:#f9eae1;cursor:not-allowed}.searchtab button:active{box-shadow:none}.result-div{align-items:center;background:url(/assets/torn-posters-f01a7819.jpg);display:flex;flex-direction:column;height:75vh;justify-content:center;width:80vw}.result-title{align-items:center;background-color:#1c1f33;border-radius:20px;color:#ff6b42;display:flex;font-size:12px;font-style:italic;height:40px;justify-content:center;margin-bottom:20px;margin-left:100px;margin-right:100px;text-align:center}.result-title h2{font-family:Honk,system-ui;font-optical-sizing:auto;font-size:22px;font-style:normal;font-variation-settings:"MORF" 15,"SHLN" 50;font-weight:400}.albums-div{align-items:center;display:flex;flex-flow:wrap;flex-direction:row;height:60vh;justify-content:center;margin-top:20px;overflow-y:scroll;width:80vw}.login-page{align-items:center;background:url(/assets/grunge-wall-texture-4117ab93.jpg);display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}::-webkit-scrollbar-track{background-color:#f9eae14d}::-webkit-scrollbar-thumb{background-color:#1c1f33cc;height:10px}::-webkit-scrollbar{border-radius:12px;width:10px}.album{align-items:center;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5));border:1px solid rgba(0,0,0,.3);border-radius:20px;display:flex;height:150px;justify-content:center;margin-left:20px;margin-right:20px;margin-top:20px;overflow:hidden;position:relative;width:150px}.album-image-container{align-items:center;display:flex;height:100px;justify-content:center;width:100%}.album-image-container img{border-radius:10px;height:100px;object-fit:cover;width:100px}.album-info{align-items:center;background-color:#000000b3;border-radius:20px;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.collection-name{font-family:Lacquer,system-ui;font-style:normal;font-weight:400;margin:5px 2px}.artist{color:#fd5021;font-family:Diplomata SC,serif;font-size:12px;font-style:normal;font-weight:400;margin:5px 2px}.track-count,.album-price{display:none}.album:hover img{transform:scale(1.4)}.album:hover .album-info{opacity:1}.album-info p{margin:5px 0}.album-not-found{align-items:center;background-color:#1c1f33e6;border-radius:20px;box-shadow:-9px 9px 16px #0009;color:#f8eae1;display:flex;height:10vh;justify-content:center;padding:10px 8px}.checkbox-with-image{cursor:pointer}.song-player{align-items:center;display:flex;flex-direction:row;justify-content:start;margin-top:4px;width:100%}.music-name{align-items:center;display:flex;flex-flow:wrap;flex-direction:row;height:60px;justify-content:center;width:55%}.music-name h3{background:linear-gradient(180deg,#1c1f33 20%,#3b4168 40%,#161927 60%);-webkit-background-clip:text;background-clip:text;font-size:16px;text-decoration:none;-webkit-text-fill-color:transparent}.link-to-album{text-decoration:none}.player{align-items:center;display:flex;flex-direction:row;height:60px;justify-content:space-around;margin-right:6px;width:55%}.player audio{color:#f8f8f8;height:40px;width:90%}audio::-webkit-media-controls-panel{background:linear-gradient(-45deg,#fd982d,#ff7c0f)}audio::-webkit-media-controls-play-button{background-color:#ff6b02;border-radius:20px}.main-album-page{align-items:center;background:url(/assets/grunge-wall-texture-4117ab93.jpg);display:flex;height:100vh;justify-content:center;width:80vw}.main-songs{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:80vw}.album-artist-container{align-items:center;background:url(/assets/orangebg-2182d7ee.jpg);display:flex;flex-direction:column;height:25vh;justify-content:end;width:80vw}.album-artist-container img{border-radius:12px;box-shadow:3px 3px 5px 3px #0009;margin-bottom:-20px;margin-right:45vw;margin-top:20px;position:absolute}.album-artist-container div{color:#fff;font-size:24px;height:50%;margin-bottom:10px;margin-left:350px;margin-top:50px;width:65%}.album-artist-container div h1{font-family:Creepster,system-ui;font-size:24px;font-style:normal;font-weight:400;margin-bottom:10px;margin-left:-15px;text-align:start}.album-artist-container div h2{color:#1c1f33;font-family:Rubik Mono One,monospace;font-size:14px;font-style:normal;font-weight:400;margin-bottom:10px;margin-left:-10px;text-align:start}.songs-container{align-items:center;background:url(/assets/torn-posters-f01a7819.jpg);display:flex;flex-direction:column;height:75vh;justify-content:center;overflow-y:auto;width:80vw}.audio-players{align-items:center;background:rgba(244,244,245,.6);border-radius:10px;display:flex;flex-direction:column;height:70vh;justify-content:start;margin-left:20vw;margin-top:10px;overflow-y:scroll;width:50vw}.audio-players::-webkit-scrollbar{height:0;width:0}hr{border:0;border-top:2px solid #666370;margin:0;width:100%}header{background:linear-gradient(140deg,#1c1f33 45%,#242842 80%,#161827 98%);display:flex;flex-direction:column;height:100vh;text-align:center;width:20vw}.main{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:space-between}.logo{height:200px;margin-top:-20px;width:200px}.navbar{align-items:center;display:flex;flex-direction:column;height:180px;justify-content:space-between;margin-bottom:150px;width:250px}.navlink{align-items:center;background-color:#16182799;border-radius:40px;color:#f9eae1;display:flex;flex-direction:row;font-family:Oswald,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400;margin-left:40px;margin-right:40px;padding:8px;text-decoration:none;text-transform:capitalize;width:200px}.navlink:visited{text-decoration:none}.navlink img{height:26px;margin-right:10px;width:26px}.user-div{align-items:center;color:#f9eae1;display:flex;flex-direction:row;font-size:18px;justify-content:center;margin-bottom:20px;margin-right:40px}.user-div img{border-radius:50%;height:40px;margin-right:10px;width:40px}.main-layout{display:flex;flex-direction:row;height:100vh;text-align:center;width:250px}.favorite-songs-container{align-items:center;background:url(/assets/grunge-wall-texture-4117ab93.jpg);display:flex;flex-direction:column;height:100vh;justify-content:center;width:80vw}.title-and-favorites{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.favorite-title-container{align-items:center;background:url(/assets/orangebg-2182d7ee.jpg);display:flex;height:25vh;justify-content:center;width:100%}.favorite-title-container h2{color:#f9eae1;font-family:League Gothic,sans-serif;font-optical-sizing:auto;font-size:3rem;font-style:normal;font-variation-settings:"wdth" 100;font-weight:400;margin-top:60px;text-align:center}.songs-container{align-items:center;background:url(/assets/torn-posters-f01a7819.jpg);display:flex;flex-flow:wrap;flex-direction:row;height:75vh;justify-content:center;overflow-y:scroll;width:100%}.main-profile{align-items:center;background:url(/assets/grunge-wall-texture-4117ab93.jpg);display:flex;height:100vh;justify-content:center;width:80vw}.profile-page-container{align-items:center;background:url(/assets/grunge-wall-texture-4117ab93.jpg);height:100%;justify-content:center;width:100%}.profile-picture{border-radius:100%;box-shadow:-9px 8px 8px #0033;height:220px;margin-left:4vw;margin-top:8vh;position:absolute;width:220px}.file-uploader{margin-left:4vw;margin-top:48vh;position:absolute;width:220px}.file-uploader input{display:none}.custom-file-input{background-color:#666370;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:4px 12px}.profile-picture img{border-radius:100%;height:100%;width:100%}.profile-info-container{background:linear-gradient(90deg,#1c1f33,#161927);height:75vh;margin-top:25vh;width:100%}.username-edit-input,.email-input{background:#161927;border:none;border-radius:12px;color:#f9eae1;font-size:1rem;height:30px;margin-top:0;padding-left:10px;width:50%}.description-edit-input{background:#161927;border:none;border-radius:12px;box-sizing:border-box;color:#f9eae1;font-size:1rem;height:180px;margin-top:0;padding-left:10px;resize:vertical;vertical-align:top;width:100%;word-wrap:break-word}.username-container,.email-container{display:flex;flex-flow:column;justify-content:center;margin-left:21vw;width:50%}.description-container{display:flex;flex-flow:column;height:30vh;justify-content:start;margin-left:21vw;width:50%}.profile-info-container div h3{color:#f9eae1;font-size:16px;text-align:justify}.profile-info-container div p{color:#ffffffb3;font-size:1rem;margin-top:0;text-align:justify}.edit-profile-button{border:1px solid #1c1f33;border-radius:18px;color:#f9eae1;cursor:pointer;font-size:1.2rem;margin-left:21vw;width:10vw}.edit-profile-button button{background:#fd5021;border:none;border-radius:18px;color:#f9eae1;cursor:pointer;font-size:1.2rem;font-weight:600;height:40px;margin-top:10px;width:12vw}.edit-profile-button button:disabled{background:#161927;color:#f9eae1;cursor:not-allowed}.profile-info-container a{text-decoration:none}.profile-info-container a:visited{color:#f9eae1}