.detailBanSection{align-items:center;display:flex;margin-bottom:48px}@media(max-width:1024px){.detailBanSection{display:block;margin-bottom:32px}}.detailBanSection .detailImg{background-color:#ffffff1a;background-image:url(https://a10.gaanacdn.com/gn_img/gaanav5/bitmap.png);background-position:50%;background-repeat:no-repeat;background-size:30% auto;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;flex:0 0 auto;height:248px;margin-right:32px;width:248px}.detailBanSection .detailImg.r100{border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%}.detailBanSection .detailImg img{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;height:248px;object-fit:cover;width:248px}.detailBanSection .detailImg img.r100{border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%}@media(min-width:2561px){.detailBanSection .detailImg,.detailBanSection .detailImg img{height:340px;width:340px}}@media(max-width:1024px){.detailBanSection .detailImg{height:188px;margin:0 auto 16px;width:188px}.detailBanSection .detailImg img{height:188px;width:188px}}.detailBanSection .detailContent{flex:0 0 auto;width:calc(100% - 280px)}@media(max-width:1024px){.detailBanSection .detailContent{flex:inherit;text-align:center;width:auto}}.detailBanSection .detailContent h1{font-size:2rem;font-weight:800;margin-bottom:8px}@media(max-width:1024px){.detailBanSection .detailContent h1{font-size:1.2rem;font-weight:700;margin-bottom:4px}}.detailBanSection .detailContent p{color:#ffffff80;font-weight:400;margin-bottom:4px;word-spacing:2px}@media(max-width:1024px){.detailBanSection .detailContent p{font-size:.8rem}}.detailBanSection .detailContent p a{color:#ffffff80;text-decoration:none}.detailBanSection .detailContent p a:hover{color:#fff}.detailBanSection .detailContent .detaiBanBtns{align-items:center;display:flex;gap:8px;margin-top:24px}@media(max-width:1024px){.detailBanSection .detailContent .detaiBanBtns .detailLikeButton{order:1}.detailBanSection .detailContent .detaiBanBtns .detailShareBtn{order:2}.detailBanSection .detailContent .detaiBanBtns .detailMoreBtn{order:3}.detailBanSection .detailContent .detaiBanBtns .detailShuffleBtn{order:4}.detailBanSection .detailContent .detaiBanBtns .play-pause-btn,.detailBanSection .detailContent .detaiBanBtns .playBtn{order:5}.detailBanSection .detailContent .detaiBanBtns:has(>:nth-child(2)){justify-content:center}.detailBanSection .detailContent .detaiBanBtns .play-pause-btn button,.detailBanSection .detailContent .detaiBanBtns .playBtn button{background-position:50%;height:56px;overflow:hidden;padding:0;text-indent:-999px;width:56px}}.detailBanSection .detailContent .detaiBanBtns .detailLikeButton .followButton,.detailBanSection .detailContent .detaiBanBtns .detailLikeButton .likeButton{border:1px solid #ffffff1a}.detailBanSection .detailContent .detaiBanBtns .detailLikeButton .followButton:hover,.detailBanSection .detailContent .detaiBanBtns .detailLikeButton .likeButton:hover{background-color:#ffffff1a}@media(max-width:1024px){.detailBanSection .detailContent .detaiBanBtns .detailLikeButton .followButton,.detailBanSection .detailContent .detaiBanBtns .detailLikeButton .likeButton{background-color:#ffffff1a;background-position:50%;border:none;height:40px;overflow:hidden;padding:0;text-indent:-9999px;width:40px}}.detailBanSection .detailContent .detaiBanBtns .detailShareBtn .actionBtn{height:48px;width:48px}.detailBanSection .detailContent .detaiBanBtns .detailShareBtn .actionBtn .shareButton{border:1px solid #ffffff1a;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;height:48px;width:48px}.detailBanSection .detailContent .detaiBanBtns .detailShareBtn .actionBtn .shareButton:hover{background-color:#ffffff1a}@media(max-width:1024px){.detailBanSection .detailContent .detaiBanBtns .detailShareBtn .actionBtn{height:40px;width:40px}.detailBanSection .detailContent .detaiBanBtns .detailShareBtn .actionBtn .shareButton{background-color:#ffffff1a;border:none;height:40px;width:40px}}.detailBanSection .detailContent .detaiBanBtns .detailShuffleBtn .actionBtn{height:48px;width:48px}.detailBanSection .detailContent .detaiBanBtns .detailShuffleBtn .actionBtn .shuffleButton{border:1px solid #ffffff1a;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;height:48px;width:48px}.detailBanSection .detailContent .detaiBanBtns .detailShuffleBtn .actionBtn .shuffleButton:hover{background-color:#ffffff1a}@media(max-width:1024px){.detailBanSection .detailContent .detaiBanBtns .detailShuffleBtn .actionBtn,.detailBanSection .detailContent .detaiBanBtns .detailShuffleBtn .actionBtn .shuffleButton{height:40px;width:40px}}.detailBanSection .detailContent .detaiBanBtns .detailMoreBtn .actionBtn{height:48px;width:48px}.detailBanSection .detailContent .detaiBanBtns .detailMoreBtn .actionBtn .moreDotButton{border:1px solid #ffffff1a;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;height:48px;width:48px}.detailBanSection .detailContent .detaiBanBtns .detailMoreBtn .actionBtn .moreDotButton:hover{background-color:#ffffff1a}.detailBanSection .detailContent .detaiBanBtns .detailMoreBtn .actionBtn .moreDotButton.activeBtn{background-color:#fff;background-image:url(https://a10.gaanacdn.com/images/section/dotIcon-black_1739873459.svg)}@media(max-width:1024px){.detailBanSection .detailContent .detaiBanBtns .detailMoreBtn .actionBtn{height:40px;width:40px}.detailBanSection .detailContent .detaiBanBtns .detailMoreBtn .actionBtn .moreDotButton{background-color:#ffffff1a;border:none;height:40px;width:40px}}.gaanaRenewBanner{margin-bottom:48px;text-align:center}@media(max-width:1024px){.gaanaRenewBanner{margin-bottom:32px}}.gaanaRenewBanner a{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;display:block;overflow:hidden;position:relative}.gaanaRenewBanner img{display:block;height:100%;max-width:100%;object-fit:cover;width:100%}.gaanaRenewBanner img.webBan{display:block}@media(max-width:768px){.gaanaRenewBanner img.webBan{display:none}}.gaanaRenewBanner img.mWebBan{display:none}@media(max-width:768px){.gaanaRenewBanner img.mWebBan{display:block}}.row-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.row-head .add-btn,.row-head .delete-btn{background-color:#ffffff1a;border:none;border-radius:42px;-moz-border-radius:42px;-webkit-border-radius:42px;color:#ffffff80;font-size:10px;font-weight:700;min-height:34px;outline:none;padding:10px 20px}.row-head .add-btn.active,.row-head .delete-btn.active{background-color:#e72c30;color:#fff}.row-head .add-btn{background-color:#fff;color:#000}@media(max-width:1024px){.row-head .add-btn{background-color:#ffffff1a;color:#ffffff80}}.playlistTableSection{margin-bottom:36px}@media(max-width:1024px){.playlistTableSection{margin-bottom:32px}}.playlistTableSection .tableListHeading{color:#ffffff80;font-size:12px}.playlistTableSection .tableListData{color:#ffffff80;font-size:14px}.playlistTableSection .tableListData a{color:#ffffff80;text-decoration:none}.playlistTableSection .tableListData a:hover{color:#e72c30}.playlistTableSection .tableRow{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:16px;padding:8px 0}.playlistTableSection .tableRow:last-child{border:none}@media(max-width:1024px){.playlistTableSection .tableRow{border:none;margin-bottom:28px;padding:0}}.playlistTableSection .tableRow strong{color:#fff;font-weight:600}.playlistTableSection .tableRow li{flex:0 0 auto}.playlistTableSection .tableRow .select-all{align-items:center;display:flex;gap:8px;width:fit-content}.playlistTableSection .tableRow .select-all label{cursor:pointer;user-select:none}.playlistTableSection .tableRow .tabSno{width:40px}.playlistTableSection .tableRow .tabArtwork{position:relative;width:56px}.playlistTableSection .tableRow .tabArtwork img{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;display:block;width:100%}.playlistTableSection .tableRow .tabArtwork .playBtnBox{height:60%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .4s ease;width:60%;z-index:1}.playlistTableSection .tableRow .tabArtwork .playBtnBox [class*=play-pause-btn]{height:100%;width:100%}.playlistTableSection .tableRow .tabArtwork .playBtnBox [class*=play-pause-btn] button{backdrop-filter:invert(24%);background-color:#0009;height:100%;width:100%}.playlistTableSection .tableRow .tabContent{align-items:center;display:flex;flex:1;gap:16px}@media(max-width:1024px){.playlistTableSection .tableRow .tabContent{display:block}}.playlistTableSection .tableRow .tabContent .tabContTxt{align-items:center;display:flex;flex:0 0 auto;gap:16px;width:70%}@media(max-width:1024px){.playlistTableSection .tableRow .tabContent .tabContTxt{align-items:inherit;display:block;gap:4px;width:100%}}.playlistTableSection .tableRow .tabContent .tabContTxt .tabContTxtTrack{flex:0 0 auto;width:40%}.playlistTableSection .tableRow .tabContent .tabContTxt .tabContTxtTrack strong{align-items:center;display:flex;gap:4px}.playlistTableSection .tableRow .tabContent .tabContTxt .tabContTxtTrack strong a{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.playlistTableSection .tableRow .tabContent .tabContTxt .tabContTxtTrack strong a:hover{color:#e72c30}@media(max-width:1024px){.playlistTableSection .tableRow .tabContent .tabContTxt .tabContTxtTrack{width:100%}.playlistTableSection .tableRow .tabContent .tabContTxt .tabContTxtTrack strong a{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}}.playlistTableSection .tableRow .tabContent .tabContTxt .tabContTxtArtist{flex:0 0 auto;width:55%;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}@media(max-width:1024px){.playlistTableSection .tableRow .tabContent .tabContTxt .tabContTxtArtist{width:100%}}.playlistTableSection .tableRow .tabContent .tabContTxtAlbum{flex:0 0 auto;width:28%;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.playlistTableSection .tableRow .tabActionCtrl{opacity:0;transition:all .4s ease;width:56px}@media(max-width:1024px){.playlistTableSection .tableRow .tabActionCtrl{opacity:1;width:42px}}.playlistTableSection .tableRow .tabDuration{text-align:right;width:40px}.playlistTableSection .tableRow:hover .tabActionCtrl{opacity:1}.playlistTableSection .add-suggested-song{background:#141e30cc;border:1px solid #6478964d;border-radius:20px;box-shadow:0 2px 8px #0006;color:#e0e6ed;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.playlistTableSection .add-suggested-song:active{box-shadow:0 1px 4px #0006;transform:translateY(0)}@font-face{font-display:swap;font-family:"Manrope";font-style:normal;font-weight:400;src:url(https://static.gaanacdn.com/fonts/Manrope-Regular.0a35156104fbbe7edefe.eot) format("embedded-opentype"),url(https://static.gaanacdn.com/fonts/Manrope-Regular.7b7ec1278a854101c4fb.woff) format("woff"),url(https://static.gaanacdn.com/fonts/Manrope-Regular.5e89549f57077a7046ca.ttf) format("truetype"),url(https://static.gaanacdn.com/27504216c805774aafcc.svg#Manrope-Regular) format("svg")}@font-face{font-display:swap;font-family:"Manrope";font-style:normal;font-weight:600;src:url(https://static.gaanacdn.com/fonts/Manrope-SemiBold.e222f3c0879aac23d503.eot?#iefix) format("embedded-opentype"),url(https://static.gaanacdn.com/fonts/Manrope-SemiBold.fa54f998aa9903378ca0.woff) format("woff"),url(https://static.gaanacdn.com/fonts/Manrope-SemiBold.d0a3196dca941d8138ea.ttf) format("truetype"),url(https://static.gaanacdn.com/79aa717d6274d8492b17.svg#Manrope-SemiBold) format("svg")}@font-face{font-display:swap;font-family:"Manrope";font-style:normal;font-weight:500;src:url(https://static.gaanacdn.com/fonts/Manrope-Medium.2b75de81ce8cc935e9b2.eot?#iefix) format("embedded-opentype"),url(https://static.gaanacdn.com/fonts/Manrope-Medium.2b59f2701d7d3b205b5e.woff) format("woff"),url(https://static.gaanacdn.com/fonts/Manrope-Medium.1aff2d507f7838a6c55f.ttf) format("truetype"),url(https://static.gaanacdn.com/3cd962a6fed1b3b783b5.svg#Manrope-Medium) format("svg")}@font-face{font-display:swap;font-family:"Manrope";font-style:normal;font-weight:300;src:url(https://static.gaanacdn.com/fonts/Manrope-Light.22d6fbbbaced75740c26.eot?#iefix) format("embedded-opentype"),url(https://static.gaanacdn.com/fonts/Manrope-Light.0cba0a81a478e025e981.woff) format("woff"),url(https://static.gaanacdn.com/fonts/Manrope-Light.cbf0a75ca226464627ed.ttf) format("truetype"),url(https://static.gaanacdn.com/8baa23a942473d58c79e.svg#Manrope-Light) format("svg")}@font-face{font-display:swap;font-family:"Manrope";font-style:normal;font-weight:200;src:url(https://static.gaanacdn.com/fonts/Manrope-ExtraLight.fa041465240fe41ab524.eot?#iefix) format("embedded-opentype"),url(https://static.gaanacdn.com/fonts/Manrope-ExtraLight.12f5ebd0b0be3074db4f.woff) format("woff"),url(https://static.gaanacdn.com/fonts/Manrope-ExtraLight.73d2f94d4477602e1f73.ttf) format("truetype"),url(https://static.gaanacdn.com/a4e0864b632c20e9a3e1.svg#Manrope-ExtraLight) format("svg")}@font-face{font-display:swap;font-family:"Manrope";font-style:normal;font-weight:700;src:url(https://static.gaanacdn.com/fonts/Manrope-ExtraBold.9bc999bbac881cd0bd5b.eot?#iefix) format("embedded-opentype"),url(https://static.gaanacdn.com/fonts/Manrope-ExtraBold.d71359ee018d9dfeff13.woff) format("woff"),url(https://static.gaanacdn.com/fonts/Manrope-ExtraBold.3e37190e66483fd59209.ttf) format("truetype"),url(https://static.gaanacdn.com/729c3aa1cdd2a51f5627.svg#Manrope-ExtraBold) format("svg")}@font-face{font-display:swap;font-family:"Manrope";font-style:normal;font-weight:700;src:url(https://static.gaanacdn.com/fonts/Manrope-Bold.cce72181a4b1fe9870d4.eot?#iefix) format("embedded-opentype"),url(https://static.gaanacdn.com/fonts/Manrope-Bold.7c041a42aa909b94ac36.woff) format("woff"),url(https://static.gaanacdn.com/fonts/Manrope-Bold.b0935f3db27515b876a9.ttf) format("truetype"),url(https://static.gaanacdn.com/c15ba5fb4eb32792c30a.svg#Manrope-Bold) format("svg")}.customInputField{position:relative}.customInputField .countryCode{border-right:1px solid #a3a3a3;color:#a3a3a3;font-size:.9rem;left:16px;line-height:.9rem;padding-right:10px;position:absolute;top:16px}.customInputField .clearFieldBtn{background-image:url(https://a10.gaanacdn.com/images/section/whiteCrossIcon_1739794162.svg);background-size:100%;height:10px;opacity:.8;top:18px;width:10px}.customInputField .clearFieldBtn,.customInputField .showPasswordBtn{background-color:#0000;background-position:50%;background-repeat:no-repeat;border:none;position:absolute;right:14px}.customInputField .showPasswordBtn{background-image:url(https://a10.gaanacdn.com/images/section/hidePassword_1740645958.svg);background-size:100% auto;display:block;height:20px;opacity:.5;top:13px;transition:all .4s ease;width:20px}.customInputField .showPasswordBtn.hideIcon{background-image:url(https://a10.gaanacdn.com/images/section/showPassword_1740645998.svg)}.customInputField .showPasswordBtn:hover{opacity:1}.customInputField label{background-color:#060428;color:#ffffffe6;font-size:.9rem;font-weight:600;left:12px;padding:0 4px;position:absolute;top:-10px;transition:all .2s ease}.customInputField .formControl{background-color:#0000;border:1px solid #4e5778;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-sizing:border-box;color:#fff;font-size:.9rem;height:46px;line-height:46px;padding:14px 32px 14px 16px;width:100%}.customInputField .formControl::placeholder{color:#a3a3a399}.customInputField .formControl:focus{border-color:#8e8e93;box-shadow:none;outline:none}.customInputField .formControl:-webkit-autofill,.customInputField .formControl:-webkit-autofill:active,.customInputField .formControl:-webkit-autofill:focus,.customInputField .formControl:-webkit-autofill:hover{-webkit-transition-delay:9999s;transition-delay:9999s}.customInputField .formControl:disabled{color:#fff6}.customInputField .formControl.phoneField{-moz-appearance:textfield;padding-left:62px}.customInputField .formControl.phoneField::-webkit-inner-spin-button,.customInputField .formControl.phoneField::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.customInputField .formControl.errorField{border-color:#e72c30}.customInputField.otpField{display:flex;gap:8px}.customInputField.otpField input{flex:1;padding-left:1px;padding-right:1px;text-align:center}.customInputField .errorMsg{color:#e72c30;font-size:.8rem;font-weight:600;padding:6px 0}.customSelectField label{color:#ffffffe6;display:block;font-size:.9rem;font-weight:600;left:12px;margin-bottom:4px;position:absolute;top:-10px}.customSelectField .formControl{appearance:none;background-color:#0000;background-image:url(https://a10.gaanacdn.com/images/section/dropdownArrow_1706859130.svg);background-origin:content-box;background-position:100%;background-repeat:no-repeat;border:1px solid #fff3;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-sizing:border-box;color:#fff;font-size:.9rem;height:46px;padding:14px 16px;width:100%}.customSelectField .formControl:focus{border-color:#ffffff4d;box-shadow:none;outline:none}.customSelectField .formControl:-webkit-autofill,.customSelectField .formControl:-webkit-autofill:active,.customSelectField .formControl:-webkit-autofill:focus,.customSelectField .formControl:-webkit-autofill:hover{-webkit-transition-delay:9999s;transition-delay:9999s}.radioControl{position:relative}.radioControl input{cursor:pointer;left:0;margin:0 3px;opacity:0;position:absolute;top:0}.radioControl label{color:#fff;cursor:pointer;font-size:.9rem;padding:1px 0 1px 28px;position:relative}.radioControl label:before{border:1px solid #727278;height:20px;left:0;top:0;width:20px}.radioControl label:after,.radioControl label:before{border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;content:"";display:block;position:absolute;transition:all .3s ease}.radioControl label:after{background-color:#e72c30;height:12px;left:4px;opacity:0;top:4px;transform:scale(.6);width:12px}.radioControl input:checked~label:before{border-color:#e72c30}.radioControl input:checked~label:after{opacity:1;transform:scale(1)}.checkboxControl{display:inline-block;height:20px;position:relative;width:20px}.checkboxControl input{cursor:pointer;height:20px;margin:0;opacity:0;position:absolute;width:20px;z-index:2}.checkboxControl .checkboxBox{background:#0000;border:2px solid #727278;border-radius:4px;box-sizing:border-box;height:20px;left:0;position:absolute;top:0;transition:all .2s ease;width:20px}.checkboxControl .checkboxBox:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg) scale(0);transition:transform .15s ease-out;width:5px}.checkboxControl input:checked+.checkboxBox:after{transform:rotate(45deg) scale(1)}.checkboxControl input:disabled+.checkboxBox{background:#eee;border-color:#bbb;cursor:not-allowed}.checkboxControl.primary input:checked+.checkboxBox{background:#e72c30;border-color:#e72c30}.checkboxControl.outline .checkboxBox{border:2px solid #727278}.checkboxControl.outline input:checked+.checkboxBox{background:#0000;border-color:#fff}.checkboxControl.outline input:checked+.checkboxBox:after{border-color:#fff}