#app{background:linear-gradient(-90deg,#1b0f3c,#16092d)}h3[data-v-5412c44a]{margin:40px 0 0}ul[data-v-5412c44a]{list-style-type:none;padding:0}li[data-v-5412c44a]{display:inline-block;margin:0 10px}a[data-v-5412c44a]{color:#42b983}h3[data-v-f6811d8a]{margin:40px 0 0}ul[data-v-f6811d8a]{list-style-type:none;padding:0}li[data-v-f6811d8a]{display:inline-block;margin:0 10px}a[data-v-f6811d8a]{color:#42b983}h3[data-v-37fb4a97]{margin:40px 0 0}ul[data-v-37fb4a97]{list-style-type:none;padding:0}li[data-v-37fb4a97]{display:inline-block;margin:0 10px}a[data-v-37fb4a97]{color:#42b983}.music-description[data-v-37fb4a97]{font-size:.9rem;color:#666}.loader[data-v-37fb4a97]{text-align:center;font-size:1.2rem;color:#666;margin-top:20px}h3[data-v-23c4f7d6]{margin:40px 0 0}ul[data-v-23c4f7d6]{list-style-type:none;padding:0}li[data-v-23c4f7d6]{display:inline-block;margin:0 10px}a[data-v-23c4f7d6]{color:#42b983}h3[data-v-3034ad08]{margin:40px 0 0}ul[data-v-3034ad08]{list-style-type:none;padding:0}li[data-v-3034ad08]{display:inline-block;margin:0 10px}a[data-v-3034ad08]{color:#42b983}.error-text[data-v-3034ad08]{color:red;font-size:.9em;margin-top:5px}h3[data-v-5150158c]{margin:40px 0 0}ul[data-v-5150158c]{list-style-type:none;padding:0}li[data-v-5150158c]{display:inline-block;margin:0 10px}a[data-v-5150158c]{color:#42b983}.music-description[data-v-5150158c]{font-size:.9rem;color:#666}.no-data[data-v-5150158c]{text-align:center;font-size:1.2rem;color:#999;margin-top:20px}.loader[data-v-5150158c]{text-align:center;font-size:1.2rem;color:#666;margin-top:20px}body{font-family:Poppins,sans-serif;color:#fff}.container{max-width:1300px!important;width:100%}.container-large{max-width:1440px!important;width:100%;margin:0 auto}.capitalize{text-transform:capitalize}body.login{background:url(/img/login.ae5ef59e.png) no-repeat 50%/cover;min-height:100vh;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}button.navbar-toggler{background-color:#fff;padding:5px}button.navbar-toggler span{width:25px;height:25px}i.seacrh-icon:before{font-size:25px}.modal-content.text-white{background:linear-gradient(-90deg,#542770,#372248 37%,#4e2e8d)!important}.modal-content input{height:50px;border:none}.modal-content input:focus{box-shadow:none}header.header-secondary{padding-top:40px;padding-bottom:24px;padding-left:20px;padding-right:20px}header.header-secondary input{height:40px;width:300px;border-radius:20px;background-color:#524768;border:none;color:#fff;border:2px solid transparent}header.header-secondary input:focus{height:40px;width:300px;border-radius:20px;background-color:#0000;border:none;color:#fff;box-shadow:none;border:2px solid #fff}header.header-secondary a.nav-link{padding-left:0;padding-right:0}.noti-box{position:relative}.noti-box span{width:18px;height:18px;background-color:#d92ce5;border-radius:100%;display:flex;justify-content:center;align-items:center;font-size:12px;position:absolute;top:0}header.header-secondary nav ul{-moz-column-gap:50px;column-gap:50px}header.header-secondary nav ul a.nav-link{position:relative}header.header-secondary nav ul a.nav-link:after{position:absolute;content:"";width:50%;height:4px;border-radius:15px;background-color:#fff;bottom:0;left:50%;transform:translate(-50%);opacity:0;transition:all .2s ease}header.header-secondary nav ul a.nav-link:hover:after{opacity:1}section#section-login{padding:100px 20px}.login-box h2{color:#fff;font-size:46px;line-height:50px;font-weight:700;margin-top:30px}.login-box{max-width:550px;width:100%}.login-box p{color:#fff;font-size:20px;font-weight:300}.login-box form label{color:#fff;font-size:20px;font-weight:500;margin-bottom:8px}.login-box form label a{color:#fff;font-size:16px;font-weight:400}.pass-label{display:flex;justify-content:space-between;align-items:center}.login-box form input{min-height:50px;border-radius:15px;background-color:#514665;border:none;color:#fff}.login-box form input:focus{background:transparent;border:2px solid #fff;box-shadow:none;color:#fff}.login-box .input-wrapper{margin-top:30px}.loggedin-avatar.sm{width:60px;height:60px}.login-box form button{height:50px;background-color:#fff;border-radius:15px;margin-top:30px!important;margin-bottom:45px;color:#141414;font-size:20px;transition:all .4s ease}.login-box form button:hover{background:linear-gradient(180deg,#8030ad,#602394);color:#fff}.login-box p.sign-up-text{font-size:16px;text-align:center;color:#fff}.login-box p.sign-up-text a{color:#fff;text-decoration:none}.login-box .social-icons{display:flex;gap:10px;justify-content:center}.login-box .social-icons img{width:40px;padding:8px;background:#fff;border-radius:50%;gap:10px}.streaks,body.subscription{background:linear-gradient(-90deg,#1b0f3c,#16092d)}section#streaks-banner{min-height:400px;padding:50px 20px;padding-top:180px;background:url(/img/banner-on-all.4b126912.png) no-repeat 50%/cover}section#streaks-banner h2{font-size:45px;line-height:54px;font-weight:500;color:#fff}section#streaks-banner p{font-size:16px;line-height:24px;font-weight:300;margin-bottom:0;color:#fff}section#streaks-banner button{color:#141414;font-size:20px;font-weight:600;padding:8px 50px;border-radius:30px;margin:20px 0;border:1px solid #fff;transition:all .4s ease}section#streaks-banner button:hover{color:#fff;background-color:#0000;margin-left:10px}.row.row-2{margin-top:50px}.streaks .profile{display:flex;align-items:center;gap:15px}.streaks .profile h4{font-size:16px;margin:0;color:#fff}ul.music-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:30px;padding:0}ul.music-grid li{list-style:none;position:relative;border-radius:15px;overflow:hidden;transition:all .4s ease;max-height:170px;display:flex;align-items:center;flex-direction:column;justify-content:center}ul.music-grid li:after{position:absolute;content:"";width:100%;height:100%;background:#000;left:0;top:0;background:url(/img/music-overlay.b40d6566.png) no-repeat 50%/cover;transition:all .4s ease}ul.music-grid li:hover:after{background-color:#00000040!important}ul.music-grid li:hover{transform:scale(1.1)}ul.music-grid li h4{font-size:20px;font-weight:500;margin:0;position:absolute;bottom:8px;left:50%;transform:translate(-50%);z-index:1;text-align:center;color:#fff}ul.music-grid li img{width:100%;height:130px;border-radius:15px;-o-object-fit:cover;object-fit:cover}section.musics{padding:50px 20px}footer.footer{background:linear-gradient(-90deg,#542770,#372248 37%,#4e2e8d);padding:10px;min-width:100%}footer.footer p{margin:0;text-align:center;font-weight:400;color:#fff}section.subscription-banner{display:flex;align-items:center;padding:0 20px 0;padding-top:40px;background:url(/img/subscription.ac27d7c4.png) no-repeat 50%/cover}section.subscription-banner h4{font-size:20px;color:#fff;font-weight:500}section.subscription-banner h2{font-size:60px;margin-bottom:10px;font-weight:600;color:#fff;text-transform:uppercase}section.subscription-banner p{font-size:22px;color:#fff;margin-bottom:0;max-width:64%;margin-bottom:25px;line-height:1.8}section.subscription-banner p.p-sm{font-size:18px}section.pricing-plan{padding:80px 20px}.pricing-box{padding:30px;background-color:#392c4d;border-radius:15px}.pricing-box h2{font-size:36px;font-weight:600;margin-bottom:20px;position:relative;padding-bottom:16px;color:#fff}.pricing-box h2:after{position:absolute;height:1px;content:"";width:55%;bottom:0;left:0;background-color:#fff}.pricing-box h4{font-size:26px;font-weight:500;color:#fff}.pricing-box p{font-size:17px;line-height:30px;font-weight:300;margin-top:30px;color:#fff}.pricing-box ul{padding-left:18px}.pricing-box ul li{font-size:16px;line-height:30px;color:#fff;font-weight:300;clear:both;display:block;margin-bottom:15px}.pricing-box ul{max-height:300px;overflow-y:auto}.pricing-box h5{color:#fff;font-size:15px}.pricing-box.center{transform:scale(1.08);margin:0 20px;background:linear-gradient(-90deg,#8833a7,#6326af)}.pricing-box ul::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:0;background-color:#fff}.pricing-box ul::-webkit-scrollbar{width:5px;background-color:#fff}.pricing-box ul::-webkit-scrollbar-thumb{border-radius:0;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#45245b}section.profile-banner{height:380px;background-image:url(/img/banner-on-all.4b126912.png);background-repeat:no-repeat;background-size:cover;background-position:50%}.avatar img{width:150px}body.profile{background:linear-gradient(-90deg,#1b0f3c,#16092d)}section.avatar-section{color:#fff;margin-top:-70px}h4.name{font-size:30px;FONT-WEIGHT:600;margin-top:20px}h6.email{FONT-WEIGHT:300;color:grey}a.btn.primary{background-color:#5a506f;padding:8px 20px}a.btn{color:#fff;FONT-WEIGHT:400;font-size:16px;border-radius:12px}a.btn.secondary{background:linear-gradient(180deg,#511d88,#8030ad);padding:8px 25px;border:0}.account-btns{display:flex;gap:20px;justify-content:right}.account-btn-col{display:flex;flex-direction:column;justify-content:center}.profile-tabs .nav-tabs .nav-link.active{border:none;color:#fff;background:linear-gradient(180deg,#511d88,#8030ad);border-radius:12px}.profile-tabs .nav-tabs .nav-link{color:#fff;border:none;padding:8px 25px;font-weight:300}.profile-tabs .card{background-color:transparent;border:none;border-radius:10px;padding:0}.profile-tabs .section-divider{border-top:2px solid #5a506f;margin:20px 0}.profile-tabs .form-section{margin:20px 0;display:flex}.profile-tabs .form-section div{flex:0 0 50%;gap:20px!important}.profile-tabs .btn-purple{background:linear-gradient(180deg,#511d88,#8030ad);color:#fff;padding:8px 25px;border-radius:12px;border:0}.profile-tabs .btn-grey{background-color:#4c2d78;color:#fff}.profile-tabs .btn-danger{background-color:#5a506f;color:#fff;border:0;padding:8px 25px;border-radius:12px}.profile-tabs .profile-img{width:80px;height:80px;background-color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.profile-tabs ul#profileTab{background-color:#5a506f;border:#ffdead;border-radius:12px;width:-moz-max-content;width:max-content}.profile-tabs li.nav-item{border-radius:12px!important}.profile-tabs li.nav-item a{padding:8px 30px}.profile-tabs div#profile h5{color:#fff!important;font-size:28px;font-weight:400}.profile-tabs div#profile small{font-weight:300;color:#ffffffb0!important}.profile-tabs a.btn.btn-grey{background-color:#5a506f;border-radius:12px;padding:8px 25px}.profile-tabs .profile-wrapper{display:flex;align-items:center;gap:20px}.profile-tabs .profile-pic{width:70px;height:70px;border-radius:50%;background-color:#000;overflow:hidden;position:relative;cursor:pointer;border:2px solid #4c2d78}.profile-tabs .profile-pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-tabs .camera-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:#fff;opacity:.8}.profile-tabs div#profile a,.profile-tabs div#profile p{color:#fff;font-weight:300}.profile-tabs input#imageInput{display:none}section.profile-tabs{padding:30px 0 50px}.profile-tabs div#profileTabContent{color:#fff}.subscriptionContent .card{background-color:#372c4c;padding:30px!important}.subscriptionContent .card .d-flex{justify-content:space-between;margin-bottom:30px}.subscriptionContent .card h5{font-weight:500;font-size:28px}.card li,.subscriptionContent .card p{font-size:18px;font-weight:200;color:#fff}.subscriptionContent .card h2{font-size:45px;font-weight:600}.subscriptionContent .card p.small{font-size:14px;width:70%;margin:auto;color:#fff!important}.subscriptionContent .card small{color:#fff!important;font-weight:300;display:flex;justify-content:right;margin-bottom:5px}.subscriptionContent .card .section-divider{width:41%;margin:10px 0 20px!important}.subscriptionContent .card li{margin-bottom:15px;font-size:17px}div#subscription .section-divider{margin:40px 0}button.btn.btn-grey{background-color:#5a506f;color:red;border-radius:12px;padding:8px 25px}.header-main{background-color:#00000066;z-index:99;width:100%}.header-main a.nav-link{color:#fff;padding:0 30px!important;font-weight:400}.header-main a.nav-link.active{color:#fff!important}.header-main div#navbarNav{justify-content:center}.header-main a.navbar-brand img{width:80%}.header-main a.nav-link:hover{color:#fff}body,div#app,html{min-height:100%}section#section-login{height:97%}li.music-item.cat-item:after{display:none}ul.music-grid li img{height:unset;max-height:80%;width:unset}ul.music-grid li.cat-item h4{position:static;text-align:center;transform:unset;width:100%;clear:both;display:block}.cat-img-wrap{height:150px;overflow:hidden;display:flex;align-items:center;flex-direction:column;justify-content:center;border-radius:10px;margin-bottom:0;cursor:pointer}@media (max-width:767px){.login-box h2{font-size:30px}.header-main a.navbar-brand img{width:60%}body,div#app,html,section#section-login{height:unset}section#section-login{padding-top:20px}.header-main a.nav-link{padding:0!important;margin:10px 0}section.profile-banner{height:300px}.avatar img{width:100px}section.avatar-section{margin-top:-50px}h4.name{font-size:22px}h6.email{font-size:16px}a.btn.primary{padding:7px 16px}a.btn.secondary{padding:7px 20px}.account-btns{justify-content:left;margin-top:20px}.profile-tabs .nav-tabs .nav-link{padding:7px 20px}.nav-parent{overflow:scroll;scrollbar-width:none}.profile-tabs div#profile h5{font-size:22px}.profile-tabs .form-section .col1,.profile-tabs .form-section .col2{flex-direction:column;justify-content:end;align-items:start;width:100%;min-width:100%}.profile-tabs .form-section .d-flex.gap-2{justify-content:start;align-items:start;align-items:center}.profile-tabs .btn-purple,button.btn.btn-grey{padding:7px 20px}.profile-tabs .form-section{width:100%;min-width:100%;flex-wrap:wrap}.profile-tabs .form-section .col2{margin-top:20px}.card .d-flex.justify-content-end.mt-4{justify-content:start!important}.profile-tabs .section-divider{margin:10px 0}.profile-wrapper{flex-direction:unset!important;min-width:unset!important;width:unset!important}div#subscription .section-divider{margin:10px 0 10px}.subscriptionContent .card h2{font-size:36px}.subscriptionContent .card h5{font-size:20px}.card li,.subscriptionContent .card p{font-size:15px;width:100%}.subscriptionContent .col-md-6{margin-top:20px}.subscriptionContent .d-flex.justify-content-end.mt-4.gap-3{justify-content:start!important}.subscriptionContent .card .d-flex{flex-direction:column;gap:10px}.subscriptionContent .card small{justify-content:start}.subscriptionContent .d-flex.justify-content-center.gap-2.my-3{flex-direction:row!important}a.btn{font-size:14px}.profile-tabs .form-section div{gap:10px!important}}@media (min-width:768px) and (max-width:992px){section.profile-banner{height:350px}.subscriptionContent .card h5{font-size:18px;line-height:26px}.subscriptionContent .card p.small{width:100%;margin:30px 0}.card li,.subscriptionContent .card p{font-size:14px}.subscriptionContent .card h2{font-size:32px}.header-main a.nav-link{padding:0!important;margin:10px 0}.subscriptionContent .card .section-divider{width:50%}}div#navbarNav a{color:#fff;text-decoration:none;font-size:17px}div#navbarNav li{margin:0 30px}div#navbarNav a.router-link-active{border-bottom:1px solid #fff;padding-bottom:3px}.loggedin-avatar{width:120px;height:120px;border-radius:180px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex:unset!important}.loggedin-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}ul.list-style li{clear:both;display:block;position:relative;padding-left:25px}ul.list-style li:before{content:"";width:8px;height:8px;background-color:#ffffff73;position:absolute;left:0;top:10px;border-radius:50px}ul.list-style{padding-left:0!important}@media only screen and (max-width:767px){div#navbarNav li{margin:5px 4px}ul.music-grid{grid-template-columns:repeat(2,1fr);gap:10px}}