@import"https://fonts.googleapis.com/css2?family=Yatra+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.main-homepage{margin-top:-153px}.main-sidebar{height:100%;width:100%;background:#131313;margin-top:300px}*{font-family:Poppins,sans-serif}.sideBar{height:100%;width:25%;display:flex;justify-content:center;flex-direction:column;align-items:center;position:fixed}.header{width:100%;display:flex;justify-content:flex-start;align-items:center;color:#6f8ef5;gap:25px;margin:40px;font-size:25px}.header h1{font-family:Yatra One,system-ui;font-weight:400;font-style:normal}.main-homepage{height:100%;width:100%}.items{display:flex;flex-direction:column;width:100%;margin-left:10px;gap:30px}.items h1{color:#b1b1b1;display:flex;gap:25px;align-items:center;transition:all .2s ease;font-size:20px}.items h1:hover{cursor:pointer}.top,.medium{background:#202020;padding:14px;margin:24px;border-radius:20px}.medium h1{font-size:20px}.bottom{padding:14px;margin:140px 24px 24px;border-radius:20px}.bottom h1{font-size:20px}h1.activeText{color:#fff}.loader{width:48px;height:48px;border-radius:50%;position:relative;animation:rotate 1s linear infinite}.loader:before{content:"";box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:5px solid #fff;animation:prixClipFix 2s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}.main-topbar{width:70%;margin-left:31.5%;position:absolute;z-index:100;top:0}.topbar{color:#fff;width:95%;background:#131313;height:100px;margin:14px;border-radius:24px;display:flex;align-items:center;flex-direction:row}.genre{display:flex;gap:20px;margin-left:30px}.genre span{padding:10px 15px;background:#272727;color:#fff;border-radius:16px;cursor:pointer;transition:all .2s ease}span.active{background:#fff;color:#000}.userProfile{width:100%;cursor:pointer;display:flex;justify-content:flex-end;color:#fff;margin-right:50px;position:a}@media (max-width: 848px){.genre{display:none}.topbar{background:none}}.main-bottombar{width:70%;height:15%;position:fixed;bottom:20px;margin-bottom:0;display:flex;flex-direction:row;gap:26px;align-items:center;background-color:#202020;border-radius:30px;margin-left:27%}.bottombar{width:100%}.left{width:100%;display:flex;justify-content:start;margin-left:20px;flex-direction:row;align-items:center;gap:20px}.songInfo{color:#fff;display:flex;flex-direction:column;gap:5px}.songInfo h1{font-size:18px}.songInfo span{font-size:12px;color:#b1b1b1}.controls{display:flex;flex-direction:row;align-items:center;gap:20px;width:100%}.controls button{padding:12px 16px;border-radius:100%;border:1px solid black;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff;transition:all .1s ease}.controls button:hover{scale:1.1}input[type=range]{height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:200px;margin:2px;border-radius:8px;transition:.2s ease;background-color:#5e5e5e}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background-color:#fff}input[type=range]:hover{cursor:pointer}input[type=range]::-webkit-slider-thumb:hover{background-color:#fff}.slider span{font-size:7px;color:#fff;display:flex;flex-direction:row;gap:2px}.volume{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:row-reverse;gap:27px;margin-left:150px}.volume input{width:100px}.main-card{width:70%;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:10px;box-sizing:border-box;position:absolute;margin-top:130px}.songs{width:75%;margin-left:25%;margin-top:150px}.card{width:200px;height:400px;background-color:#333;border-radius:10px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;align-items:center;color:#fff;padding:20px;box-sizing:border-box;transition:transform .3s ease}.card img{width:100%;border-radius:10px;margin-bottom:10px}.card h1{font-size:1.2rem;margin:10px 0;text-align:center}.card h2{font-size:1rem;margin:5px 0;text-align:center;color:#ccc}.card button{padding:18px;border:1px solid var(--blue);display:flex;align-items:center;justify-content:center;cursor:pointer;width:100px;border-radius:16px;background:var(--blue);color:#000;transition:all .1s ease}.button{display:flex;justify-content:center;flex-direction:row;align-items:center;gap:21px;width:100%}#addToLibraryBtn{height:30px;padding:2px;background:none;width:30px;background:#000;color:#fff}.card button:hover{scale:1.1}.card:hover{transform:scale(1.1)}.inputMain input{padding:30px;width:100%;border-radius:24px;border:2px solid var(--blue);color:#fff;background:#252525}body{overflow-x:hidden}.inputMain{width:60vw}.songs{position:absolute;display:flex;justify-content:center}.help-page-container{display:flex}.main-help-page{flex:1;padding:20px;color:#333;background-color:#202020;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:900px;margin:20px auto}.backButton{display:flex;justify-content:center;margin-bottom:20px}.faq{margin-top:50px}.faq h1{text-align:center;margin-bottom:30px;color:#f1f1f1;font-size:2rem}.faq-item{margin-bottom:20px;background-color:#3a3a3a;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.faq-item h2{margin-bottom:10px;color:#007bff;font-size:1.5rem}.faq-item p{margin:0;color:#f3f3f3;line-height:1.6}button{padding:12px 24px;background:#007bff;color:#fff;border-radius:24px;border:none;cursor:pointer;transition:all .2s ease;font-size:1rem}button:hover{transform:scale(1.1)}button:focus{outline:none;box-shadow:0 0 0 4px #007bff80}.login-container{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.login-form{height:85%;width:80%;background:#fff;border-radius:50px;background:url(https://images.rawpixel.com/image_800/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdjEwNTktMDQxYy1rdjd2N3duYi5qcGc.jpg)}.leftLogin{width:60%;height:100%;background:#1f3ce4;margin-left:0;border-radius:50px 0 0 50px;display:flex;justify-content:flex-start;align-items:flex-start}.leftLogin h1{margin:50px;color:#fff;font-size:50px}.inputs{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:16px;margin-top:-20px}.inputs input{padding:18px;margin-left:150px;width:100%;border-radius:20px;border:1.5px solid black}.loginBtn{width:100%;margin:30px 50px}.loginBtn button{padding:24px;width:300px;background:#000}.providers{margin-left:50px;margin-top:-20px;display:flex;align-items:center;gap:30px}.providers button{background:#000}.switchLogin{margin-left:50px;margin-top:15px}.profile-main{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#1f1c2c,#928dab);color:#fff}.profile{background:#0009;border-radius:10px;padding:20px;width:90%;max-width:800px;text-align:center;box-shadow:0 4px 8px #0000004d}.topProfile{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.profile-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:20px}.profile-pic{border-radius:50%;width:100px;height:100px;object-fit:cover;border:3px solid #fff}.user-info{flex:1;margin-left:20px;text-align:left}.user-info h1{font-size:2.5rem;margin:0;font-family:Poppins,sans-serif;font-weight:700}.user-info p{font-size:1.2rem;margin:5px 0;font-family:Poppins,sans-serif;font-weight:400}.buttons{display:flex;gap:10px}#backBtn,#logoutBtn{background:#ff6f61;border:none;color:#fff;padding:10px 20px;font-size:1rem;border-radius:5px;cursor:pointer;transition:background .3s ease}#backBtn:hover,#logoutBtn:hover{background:#ff3f2e}#backBtn:focus,#logoutBtn:focus{outline:none}.profile-content{margin-top:20px;background:#ffffff1a;padding:20px;border-radius:10px}.sidebarSide{width:25%;height:100%;position:fixed;top:0;margin-top:-300px}.libraryMain{width:100%;height:100%;display:flex;justify-content:flex-end}.library{width:70%;height:100%}.library-header{display:flex;justify-content:center;margin-top:50px;color:#fff}.song-cards{width:100%;height:100%;display:flex;gap:31px;justify-content:center;flex-wrap:wrap;margin-top:50px}.bottomBar{position:fixed;z-index:1000}#removeFromLibrary{height:30px;padding:2px;background:none;width:30px;background:#f83434;color:#fff;border:none}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#131313;color:#f5f5f5;text-align:center}.coming-soon h1{font-size:2.5rem;margin-bottom:.5rem}.coming-soon p{font-size:1.2rem;margin-top:0}html,body,#root{height:100%;width:100%;background:#000}*{margin:0;padding:0}:root{--blue: rgb(111, 142, 245)}