html,body{max-width:100%;height:100%;margin:0;padding:0;background-color:#000}img{-webkit-user-drag:none}@font-face{font-family:Outfit;src:url(/assets/fonts/Outfit-VariableFont_wght.ttf) format("truetype");font-weight:1 300;font-style:normal;font-display:swap;font-variation-settings:"wght" 100}@font-face{font-family:Outfit;src:url(/assets/fonts/Outfit-VariableFont_wght.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap;font-variation-settings:"wght" 200}@font-face{font-family:Outfit;src:url(/assets/fonts/Outfit-VariableFont_wght.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap;font-variation-settings:"wght" 300}@font-face{font-family:Outfit;src:url(/assets/fonts/Outfit-VariableFont_wght.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap;font-variation-settings:"wght" 400}@font-face{font-family:Outfit;src:url(/assets/fonts/Outfit-VariableFont_wght.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap;font-variation-settings:"wght" 500}@font-face{font-family:Outfit;src:url(/assets/fonts/Outfit-VariableFont_wght.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap;font-variation-settings:"wght" 600}@font-face{font-family:Outfit;src:url(/assets/fonts/Urbanist-VariableFont_wght.ttf) format("truetype");font-weight:1 300;font-style:normal;font-display:swap;unicode-range:U+0030-0039,U+002C,U+002E,U+0025,U+002B,U+002D}@font-face{font-family:Outfit;src:url(/assets/fonts/Urbanist-VariableFont_wght.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0030-0039,U+002C,U+002E,U+0025,U+002B,U+002D}@font-face{font-family:Outfit;src:url(/assets/fonts/Urbanist-VariableFont_wght.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0030-0039,U+002C,U+002E,U+0025,U+002B,U+002D}@font-face{font-family:Outfit;src:url(/assets/fonts/Urbanist-VariableFont_wght.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0030-0039,U+002C,U+002E,U+0025,U+002B,U+002D}@font-face{font-family:Outfit;src:url(/assets/fonts/Urbanist-VariableFont_wght.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0030-0039,U+002C,U+002E,U+0025,U+002B,U+002D}@font-face{font-family:Outfit;src:url(/assets/fonts/Urbanist-VariableFont_wght.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0030-0039,U+002C,U+002E,U+0025,U+002B,U+002D}.widget-item{font-weight:500!important}body{font-family:Outfit;background:linear-gradient(180deg,#000,#000);min-height:100vh;max-width:100%;-webkit-user-select:none;user-select:none;overflow-x:hidden;margin-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-top:constant(safe-area-inset-top);padding-right:constant(safe-area-inset-right);padding-bottom:constant(safe-area-inset-bottom);padding-left:constant(safe-area-inset-left)}.footer-logo{width:100px;height:100px;transition:opacity .1s}.footer-logo:hover{opacity:.8}.footer-text{display:flex;justify-content:center;align-items:center;text-align:center;padding:20px}.footer-img{text-align:center}.footer-img p{margin-top:-20px}.footer-text p{margin:-30px 20px 0}header{display:flex;justify-content:space-between;align-items:center;padding:10px;-webkit-user-select:none;user-select:none;background-color:#000;background-size:cover;background-position:center;height:50px;box-shadow:0 4px 8px #0000001a}.nav-components{display:flex;align-items:center;gap:25px;height:100%}.nav-btn{width:30px;height:30px;object-fit:contain;cursor:pointer;opacity:.8;transition:transform .2s,opacity .2s}.nav-btn-container{display:flex}.nav-btn:hover{opacity:1;transform:scale(1.1)}.nav-link{display:flex;align-items:center;justify-content:center}.notification-wrapper{position:relative;display:flex;align-items:center}.logo-img{width:160px;cursor:pointer;margin-left:12px}.left-image,.right-image{position:fixed;top:0;bottom:0;width:200px;background-size:cover;background-position:center;z-index:-1}.left-image,.right-image{position:fixed;top:0;bottom:0;width:400px;z-index:-1;overflow:hidden}.left-image{left:0;background-size:cover;-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));mask-image:linear-gradient(to right,#00000080,#0000)}.right-image{right:0;background-size:cover;-webkit-mask-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0)),to(rgba(0,0,0,.5)));mask-image:linear-gradient(to right,#0000,#00000080)}.logo-text{text-decoration:none;margin-left:3%;color:#fff;font-size:30px;font-weight:600}footer h2{color:#fff;max-width:100%;height:70px;right:-10px;background-color:#2c2a46;background-position:center;border-radius:10px;padding:10px}.logo-img{position:relative;width:230px}.search-bar{position:relative;border:2px solid transparent;right:200px;width:300px;padding-left:40px;height:40px;border-radius:20px;font-weight:500;background-color:#282828;transition:background-color .3s ease,box-shadow .3s ease,border-color .3s ease}.search-bar:focus{outline:none;border:2px solid #ffffff;box-shadow:0 0 8px #fff6}.search-bar:hover{box-shadow:0 0 2px #fff6;background-color:#303030}.serach-bar::placeholder{color:#fff}.search-container{position:relative;display:flex;align-items:center;margin-right:15px}.search-input-desktop{width:300px;height:40px;border-radius:20px;border:2px solid transparent;color:#fff;padding:0 40px 0 20px;background-color:#282828;transition:background-color .3s ease,box-shadow .3s ease,border-color .3s ease}.search-input-desktop:focus{outline:none;border:2px solid #ffffff;box-shadow:0 0 8px #fff6}.search-icon-inner{position:absolute;right:12px;width:18px;height:18px;opacity:.7;cursor:pointer}.search-icon-inner:hover{filter:brightness(1.2) hue-rotate(30deg)}::textarea{color:#909}.logo-text:hover{color:#fff}.profile-icon{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #333;cursor:pointer;transition:border-color .2s}.profile-icon:hover{border-color:#fff}.main-header{padding-right:50px}nav ul{display:flex;list-style-type:none;margin:0;padding:0}input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#fff}.song-info h3{margin-bottom:5px}.upload-icon{position:absolute;background-color:none;width:45px;height:45px;right:150px;top:13px;opacity:.8;transition:opacity .15s}.music-library{position:absolute;width:41px;height:41px;right:220px;top:14px;opacity:.8;transition:opacity .15s}.upload-icon:hover,.music-library:hover{opacity:1}.upload-logo{position:relative;top:3px;right:20px;max-width:40px;border-radius:50%}.upload-logo:hover{box-shadow:0 0 0 5px #ffffff78,inset 0 0 0 25px #ffffff78;border-radius:100%}.search-icon{width:25px;height:25px;position:absolute;right:553px;top:22px}.search-parent{margin-right:80px}.search-icon:hover{filter:brightness(1.2) hue-rotate(30deg)}@keyframes heartBeat{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.8}to{transform:scale(1);opacity:1}}.footer-text a{font-weight:800;text-decoration:none;color:inherit;transition:opacity .1s}.footer-text a:hover{opacity:.7}.copyright-info{position:relative;padding:20px;text-align:center}.footer-cl p{color:#d6d6d6}.footer-content{display:flex;justify-content:space-around;flex-wrap:wrap}.footer-section{flex:1;margin:0 20px;position:relative}.footer-section h2{position:absolute;top:-20px;left:-20px;padding:20px;margin-left:10px;height:120px;background-color:#2c2a46;border-radius:10px;color:#fff;text-align:center;z-index:-1}.footer-section.contact{position:relative;z-index:9}.Links{text-align:center;margin-right:10px;margin-top:55px}.footer-section.contact a{color:#fff}select{font-size:16px}.aboutsec{text-align:center;margin-right:10px;margin-top:55px}.Contact{margin-right:10px;margin-top:55px}.footer-section.about,.footer-section.links{position:relative;z-index:9}.footer-section p{margin-top:30px}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{color:#ff7b00;text-decoration:underline}.aboutsec a{color:#cdcdcd;text-align:center;text-decoration:underline}.footer-bottom{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:12px;margin-top:60px}html,body{-webkit-overflow-scrolling:touch!important;height:100%!important}.social-media{margin-bottom:0;margin-top:20px;text-align:center}.social-media a{margin:0 5px}.social-media img{height:27px;width:auto}.social-media img:hover{opacity:.8}@media screen and (max-width: 600px){.logo-text{font-size:6vw;margin-left:5%}.upload-logo{position:relative;top:2px;right:-10px;max-width:40px;border-radius:50%}.account-photo{position:relative;max-width:35px;margin-left:40%;margin-top:3px}.upload-logo:hover{box-shadow:0 0 0 2px #ffffff78,inset 0 0 0 25px #ffffff78;border-radius:100%}body{background-color:#141414;color:#f1f1f1;margin:0}}:root,html,body,ion-app,ion-page,ion-content,.ion-page{--ion-font-family: "Outfit" !important;font-family:Outfit!important;background:linear-gradient(180deg,#000,#000);min-height:100vh;max-width:100%;overflow-x:hidden;-webkit-user-select:none;user-select:none;margin-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-top:constant(safe-area-inset-top);padding-right:constant(safe-area-inset-right);padding-bottom:constant(safe-area-inset-bottom);padding-left:constant(safe-area-inset-left)}