*,*:before,*:after{padding:0;margin:0;outline:0;box-sizing:border-box}html{scroll-behavior:smooth;background-color:#141414}html,body{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100;color:#fff}:root{--cola: #1B263B;--colb: #FFFFFF;--colc: #1B263B;--cold: #B89C6F;--cole: #141414;--colee: #dcdcdc10}.cola{color:var(--cola)}input{width:100%;height:30px;border-radius:3px;border:solid 1px var(--cola);padding-left:5px;background-color:var(--cola);color:var(--colb)}input:hover{border:solid 1px black}input:focus{border:solid 1px #007acc}input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px var(--cola) inset!important;-webkit-text-fill-color:var(--colb)!important;transition:background-color 5000s ease-in-out 0s}input:-moz-autofill{box-shadow:0 0 0 1000px var(--cola) inset!important;-moz-text-fill-color:var(--colb)!important}.btnA{background-color:var(--cola);color:var(--colb);transition:.3s ease-in-out}.btnA:hover{filter:brightness(1.1)}.table-container{width:96%;font-family:Arial,sans-serif;font-size:14px;background-color:var(--cole);color:var(--colb)}.table-container table{width:100%;border-collapse:collapse}.table-container th{background-color:#111;height:60px;color:var(--colb);font-weight:700;text-align:left;padding:12px 10px;border-bottom:2px solid var(--colee)}.table-container td{padding:12px 10px;border-bottom:1px solid var(--colee);color:var(--colb)}.table-container tr:nth-child(2n){background-color:#161616}.table-container tr:hover{background-color:#181717;color:var(--cole)}@media screen and (max-width:768px){.table-container table,.table-container thead,.table-container tbody,.table-container th,.table-container td,.table-container tr{display:block}.table-container thead tr{display:none}.table-container tr{margin-bottom:10px;background-color:var(--cole);border-radius:6px;padding:6px 8px;box-shadow:0 1px 4px #ffffff14;transition:transform .15s ease,box-shadow .15s ease}.table-container tr:hover{transform:translateY(-2px);box-shadow:0 3px 8px #ffffff1f}.table-container td{position:relative;padding-left:28%;text-align:left;border:none;border-bottom:1px solid var(--colee);font-size:12px;color:var(--colb)}.table-container td:before{content:attr(data-label);position:absolute;left:10px;top:8px;font-weight:700;color:var(--cold);font-size:12px;width:20%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-container td:last-child{border-bottom:none}.table-container td img{width:30px;height:30px}}.table-white{width:96%;font-family:Arial,sans-serif;font-size:14px;background-color:#fff;color:#222}.table-white table{width:100%;border-collapse:collapse}.table-white th{background-color:#f2f2f2;height:60px;color:#111;font-weight:700;text-align:left;padding:12px 10px;border-bottom:2px solid #ddd}.table-white td{padding:12px 10px;border-bottom:1px solid #e0e0e0;color:#222}.table-white tr:nth-child(2n){background-color:#fafafa}.table-white tr:hover{background-color:#f0f0f0;color:#000}@media screen and (max-width:768px){.table-white table,.table-white thead,.table-white tbody,.table-white th,.table-white td,.table-white tr{display:block}.table-white thead tr{display:none}.table-white tr{margin-bottom:10px;background-color:#fff;border-radius:6px;padding:6px 8px;box-shadow:0 1px 4px #00000014;transition:transform .15s ease,box-shadow .15s ease}.table-white tr:hover{transform:translateY(-2px);box-shadow:0 3px 8px #0000001f}.table-white td{position:relative;padding-left:28%;text-align:left;border:none;border-bottom:1px solid #e0e0e0;font-size:12px;color:#222}.table-white td:before{content:attr(data-label);position:absolute;left:10px;top:8px;font-weight:700;color:#666;font-size:12px;width:20%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-white td:last-child{border-bottom:none}.table-white td img{width:30px;height:30px}}.iconsHover{cursor:pointer;transition:.3s ease-in-out;padding:3px;border-radius:6px}.iconsHover:hover{background-color:#2b2b2b33}.tooltip{position:relative;display:inline-block}.tooltipText{position:absolute;color:#fff;padding:5px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;opacity:0;visibility:hidden;box-shadow:0 4px 6px #0003;animation:fadeOut .3s forwards;font-weight:600}.tooltip:hover .tooltipText{visibility:visible;animation:fadeIn .3s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tooltipText.top{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px}.tooltipText.bottom{top:100%;left:50%;transform:translate(-50%);margin-top:8px}.tooltipText.left{top:50%;right:100%;transform:translateY(-50%);margin-right:8px}.tooltipText.right{top:50%;left:100%;transform:translateY(-50%);margin-left:8px}.loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;z-index:1000}.spinner{border:5px solid rgb(204,203,203);border-radius:100%;animation:spin 1s infinite}@keyframes spin{to{transform:rotate(360deg)}}.snackbar{position:fixed;bottom:20px;left:2%;transform:translateY(100%);background-color:#333;color:#fff;padding:15px 20px;border-radius:5px;box-shadow:0 4px 6px #0003;font-size:14px;z-index:1000;display:flex;align-items:center;gap:12px;opacity:0;transition:opacity 1s ease-out,transform 1s ease-out;max-width:80%;word-wrap:break-word;text-align:center}.snackbar.show{opacity:1;transform:translateY(0)}.snackbar.hide{opacity:0;transform:translateY(100%)}.success{background-color:#27ae60}.error{background-color:#e74c3c}.warning{background-color:#d68910}.info{background-color:#3498db}@media(max-width:767px){.snackbar{width:80%}}.progressBar{width:100%;max-width:600px;margin:20px auto;font-family:Arial,sans-serif;position:relative}.progress-container{width:100%;background-color:silver;border-radius:12px;overflow:hidden;box-shadow:inset 0 2px 5px #0000001a;height:28px;position:relative}.progress-fill{height:100%;border-radius:12px 0 0 12px;transition:width .3s ease-in-out,background .3s ease-in-out;box-shadow:inset 0 -2px 5px #0003}.progress-text{position:absolute;width:100%;top:0;left:0;height:100%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;pointer-events:none}.autocomplete{position:relative;margin:0 auto;color:#000;width:100%}.autocomplete-input-wrapper{position:relative}.autocomplete input{width:100%;padding:8px;font-size:16px;border:1px solid #ccc;border-radius:4px;transition:.3s ease-in-out;outline:1px solid transparent}.autocomplete input:focus{border:1px solid #2990c8;outline:1px solid #2990c8}.clear-icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size:18px;cursor:pointer;color:#5183ce;transition:color .3s}.clear-icon:hover{color:#2164c9}.autocomplete-list{position:absolute;top:100%;left:0;right:0;max-height:150px;overflow-y:auto;background-color:#fff;border:1px solid #ccc;border-top:none;box-shadow:0 4px 8px #0000001a;z-index:10;margin-top:5px}.autocomplete-item{padding:8px;cursor:pointer}.autocomplete-item:hover,.autocomplete-item.highlighted{background-color:#e6e6e6}.no-results{padding:8px;text-align:center;color:#aaa}.badge{position:relative;display:inline-block}.badgeP{position:absolute;background-color:#333;color:#fff;font-size:10px;padding:4px 6px;border-radius:50%;top:-5px;right:-5px}.checkBoxes{display:flex;flex-wrap:wrap;gap:1rem}.checkBoxesDiv{display:flex;align-items:center;gap:6px}.checkBoxes input{width:15px}.cloudFile{border:1px solid rgb(202,202,202);border-radius:18px;cursor:pointer;background-color:#dcdcdc;display:flex;justify-content:center;align-items:center}.cloudUploadIcon{width:70px;height:70px;color:#2990c8}.imgFile{height:180px}.thumbnail{width:50px!important}.cfRect{width:250px;height:250px;overflow:hidden}.cfCircle{width:150px;height:150px;border-radius:50%;overflow:hidden}.cfTicket{width:250px;height:400px;overflow:hidden}.cfSmall{width:150px;height:150px;overflow:hidden}.image-container img{width:100%;height:100%;object-fit:contain}.copy{display:flex;align-items:center;gap:3px}.copy p{cursor:pointer;transition:.3s ease-in-out}.downpdf{cursor:pointer;transition:.3s ease-in-out;padding:3px;border-radius:4px}.downpdf:hover{background-color:#ff000027}.imgHover{position:relative}.imgHover img{width:50px;height:50px}.imgHover-cont{display:none;position:absolute;bottom:0;left:60px;width:150px;height:150px;padding:10px;background-color:#fffc;border:1px solid #ccc;border-radius:5px;transition:.3s ease-in-out;z-index:1}.imgHover-cont img{width:100%;height:100%}.imgHover:hover .imgHover-cont{display:block}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001}.modal .modalSect{background-color:#eaebef;padding:1rem;overscroll-behavior:contain;border-radius:8px;max-height:90vh;overflow-y:auto}.modal .modalSect::-webkit-scrollbar{width:0;height:0}.modal .btnModal{display:block;width:120px;height:40px;margin:auto;border:none;border-radius:6px;margin-top:1rem;cursor:pointer;transition:.3s ease-in-out}.modal .btnModal:hover{background-color:#333333ea!important}@media(max-width:769px){.modal .modalSect{max-width:96%}}.paginator{display:flex;justify-content:center;align-items:center;gap:8px;margin:20px 0;font-family:Arial,sans-serif}.paginator p{cursor:pointer;padding:8px 14px;border-radius:6px;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none}.paginatorActualPage{color:#fff;font-weight:700;background-color:#2c3e50;box-shadow:0 2px 6px #0003}.paginatorNextPage{color:#2c3e50;background-color:#ecf0f1}.paginatorNextPage:hover{background-color:#bdc3c7;transform:translateY(-2px);box-shadow:0 2px 6px #00000026}.paginator p:active{transform:translateY(1px);box-shadow:0 1px 3px #0003}.print{cursor:pointer;transition:.3s ease-in-out;display:flex;align-items:center;justify-content:center;padding:0 .4rem;border-radius:6px}.print:hover{background-color:#d8d8d8}@media print{.print{display:none!important}}.spinnerH{margin:0 auto;width:50px;height:30px;text-align:center;font-size:10px;display:flex;flex-direction:row!important;gap:3px}.spinnerH>div{height:100%;width:6px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.spinnerH .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinnerH .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.spinnerH .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.spinnerH .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes sk-stretchdelay{0%,40%,to{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes sk-stretchdelay{0%,40%,to{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}.switch{display:flex;flex-direction:column;gap:3px;font-size:12px;color:gray}.switch .switchSections{display:flex;align-items:center;gap:10px}.switch .switchSections p{font-size:14px;font-weight:600;padding-top:3px}.switchInput{position:relative;display:inline-block;width:50px!important;height:20px!important;filter:drop-shadow(2px 2px 3px)}.switchInput input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;border-radius:34px;transition:.4s}.slider:before{position:absolute;content:"";height:15px;width:15px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:.4s}input:checked+.slider{background-color:#1976d2}input:checked+.slider:before{transform:translate(29px)}.accordion{border-radius:6px;overflow:hidden}.accordion-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.accordion-header h3{margin:0;font-size:1.1em;-webkit-user-select:none;user-select:none}.accordion-icon{transition:transform .3s ease-in-out}.accordion-icon.open{transform:rotate(180deg)}.accordion-content{transition:max-height .4s ease-out,padding .4s ease-out;padding:0 15px}.accordion-content[style*="max-height: 0px"]{padding-top:0;padding-bottom:0}.accordion-content:not([style*="max-height: 0px"]){padding-top:15px;padding-bottom:15px}.popup-container{position:relative;display:inline-block}.popup-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:700}.popup-content{position:absolute;background-color:#fff;border:1px solid #ccc;box-shadow:0 4px 8px #0003;border-radius:5px;width:100%;overflow:hidden}.popUp-r{left:110%;top:-50%}.popUp-l{right:110%;top:-50%}.popUp-lt{bottom:110%;right:110%}.popUp-rt{bottom:110%;left:110%}.popUp-t{bottom:110%;right:-100%}.popUp-b{top:110%;right:-100%}.popUp-lb{top:110%;right:110%}.popUp-rb{top:110%;left:110%}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes popupFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.popup-content{animation:popupFadeIn .25s ease forwards}.popup-content.closing{animation:popupFadeOut .25s ease forwards}.navBar{width:100%;height:70px;position:fixed;top:0;transition:top .3s;background-color:#141414;z-index:999}.navBarCont{width:100%;height:100%;background-color:var(--cole);color:var(--colf);display:flex;align-items:center;justify-content:space-between;padding:0 2rem}.navBarCont .navBarContNav{display:flex;align-items:center;gap:6px}.navBarContNavMenu{width:40px;height:40px;padding:6px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.navBarContNavMenu:hover{background:var(--colee)}.navBarCont .navBarContNav .navBarContTit{display:flex;align-items:center;gap:6px;text-decoration:none}.navBarCont .navBarContNav .navBarContTit:hover h1{color:#dcdcdc}.navBarCont .navBarContNav .navBarContTit img{transition:.3s ease-in-out}.navBarCont .navBarContNav .navBarContTit:hover img{transform:scale(1.1)}.navBarCont .navBarContNav .navBarContTit h1{text-decoration:none;color:var(--colb)}@media(max-width:767px){.navBarCont{padding:0 3px}.navBarCont .navBarContCent input{display:none}}.navBarMenu{position:relative}.navBarMenuPortal{width:50px;height:50px;background-color:#333;display:flex;align-items:center;justify-content:center;border-radius:50%;border:solid 1px var(--colb);overflow:hidden;cursor:pointer}.navBarMenuPortal:hover img{transform:rotate(360deg)}.navBarMenuPortal img{transition:.3s ease-in-out;width:100%;height:100%;object-fit:cover}.navBarMenu p:hover{color:#aaa}.navBarMenu section{width:280px;position:absolute;top:3.6rem;background-color:var(--colc);box-shadow:2px 2px 6px #00000041;padding:10px 12px;border-radius:6px;display:flex;flex-direction:column;gap:1rem;right:0;transition:visibility 0s,.3s ease-in-out}.menuItemVewOpen{visibility:visible;opacity:1}.menuItemVewClosed{visibility:hidden;opacity:0}@media(max-width:426px){.navBarMenu section{top:2.6rem}}@media(max-width:376px){.navBarMenu section{right:5px}}.navBarMenuEnd{display:flex;align-items:center;color:gray;gap:1rem;cursor:pointer}.navBatMenuData{display:flex;align-items:center;gap:12px;color:var(--colb);padding-bottom:10px;border-bottom:1px solid var(--colee)}.navBarMenuLinks{width:100%;display:flex;flex-direction:column;gap:1rem}.navBarMenuLinks a{display:flex;align-items:center;gap:1rem;cursor:pointer;color:gray;text-decoration:none}.navBarMenuWallet{width:95%;display:flex;justify-content:space-between;color:gray;border-top:1px solid var(--colee);border-bottom:1px solid var(--colee);padding:12px 0}.navBarMenuWallet a{font-size:12px;background-color:var(--colpay);display:flex;align-items:center;padding:6px;color:gray;border-radius:6px;text-decoration:none}.navbarinput{height:100%;display:flex;align-items:center}.navbarinput .navbarinputInput{display:flex;background-color:var(--cola);padding:6px 12px;border-radius:8px;width:400px;position:relative}.navbarinput .navbarinputInput input{border:none}.navbarinput .navbarinputView{position:absolute;top:62px;background-color:var(--cola);width:400px;border-radius:8px;overflow:hidden}.navbarinput .navbarinputView p{padding:1.4rem 1rem;cursor:pointer}.navbarinput .navbarinputView p:hover{background-color:#212f49}.navbarinputView p.selected{background-color:#eee}@media(max-width:767px){.navbarinput .navbarinputInput{width:80%}.navbarinput .navbarinputInput input{display:none}}.user{margin-top:70px;width:100%;min-height:88vh;height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3rem;padding:1re,}.userSect{max-width:600px;width:90%;min-height:350px;height:90%;margin-bottom:3rem;box-shadow:0 0 5px #000;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.userSect h2{margin:1rem 0}.user .userImg{display:flex;flex-direction:column;align-items:center}.user .userImg p{max-width:350px;line-height:1.4;text-align:center;margin-top:3px}.user .userImg img{max-width:350px;width:90%;box-shadow:0 0 5px #000;border-radius:12px;margin-bottom:6px}.userFirst{cursor:pointer;transition:.3s ease-in-out}.userFirst:hover{opacity:.7}.userSecond{color:gray;font-size:12px;cursor:pointer;transition:.3s ease-in-out}.userSecond:hover{color:#dcdcdc}@media(max-width:1007px){.user{padding:2rem 0;gap:1rem}}.password{display:flex;background-color:var(--cola);padding:0 6px;border-radius:4px}.password svg{cursor:pointer}.password input:hover,.password input:focus{border:solid 1px var(--cola)}.password{--strength-color: var(--cola);border-bottom:2px solid var(--strength-color);transition:box-shadow .3s ease}.password.strength-weak{--strength-color: #e74c3c}.password.strength-medium-low{--strength-color: #f39c12}.password.strength-medium-high{--strength-color: #3498db}.password.strength-strong{--strength-color: #2ecc71}.dashBoard{min-height:100vh;position:relative;padding-bottom:3rem}.dashBoardSect{padding:70px 0 3rem;margin-left:80px}.sidebar-4 button{background:transparent;border:0;padding:0;cursor:pointer}.sidebar-4{position:absolute;overflow:hidden;top:70px;left:0;bottom:0;width:60px;min-height:100vh;background:var(--cola);transition:width .4s;z-index:2}@media(min-width:1000px){.sidebar-4:hover{width:200px}}.sidebar-4 .inner{position:absolute;top:0;left:0;bottom:0;width:100%}.sidebar-4 .header{display:flex;align-items:center;height:72px;padding:0 15px;background:#00000026}.sidebar-4 .header h2{margin-left:15px;font-weight:600;font-size:12px;letter-spacing:2px;color:var(--cold)}.sidebar-4 .header img{width:40px;height:40px;object-fit:contain;border-radius:50%}.sidebar-4 .logo{height:28px;scale:1.1;transition:.5s}.sidebar-4 .menu{position:relative;display:grid}.sidebar-4 .menu:after{content:"";position:absolute;top:0;left:0;height:56px;width:6px;background:var(--cold);translate:0 var(--top);transition:.5s}.sidebar-4 .menu button{display:flex;gap:16px;align-items:center;height:56px;width:100%;font-size:17px;text-transform:capitalize;line-height:1;padding:0 22px;color:#fff9;cursor:pointer;opacity:.8;transition:.5s}.sidebar-4:hover .menu button:hover:not(.active){background:#00000014}.sidebar-4 .menu :is(button:hover,.active){background:#00000059;color:#fff;opacity:1}.sidebar-4:hover .menu .active{cursor:default}.sidebar-4 .menu button:hover>span{opacity:1}.sidebar-4 .menu button p,.sidebar-4 .header h1{opacity:0;transition:.5s}.sidebar-4:hover :is(.sidebar-4 .menu button p,.sidebar-4 .header h1){opacity:1}.sidebar-4:hover .logo{scale:1}.sidebar-4 .menu button>img{width:24px;height:24px}.dashTitle{border-bottom:1px solid #1b263b96;width:98%;margin:1rem 0;padding-bottom:10px}.dashTitle .dashTitleLeft{display:flex;align-items:center;gap:6px}.dashTitle .dashTitleLeft h4{font-size:2rem;color:var(--colc)}.dashTitle .dashTitleLeft p{color:#fff;font-size:10px}.dashAdMusic{display:flex;gap:1rem;justify-content:space-around;flex-wrap:wrap}.switchInput{filter:drop-shadow(2px 2px 3px black)}.dashAdMusic .dashAdMusicInfo{max-width:600px;width:90%;background-color:var(--cola);padding:1rem;display:flex;flex-direction:column;gap:1rem;line-height:1.6;font-size:14px;border-radius:8px}.dashAdMusic .dashAdMusicInfo div{display:flex;align-items:center;gap:1rem}.dashAdMusic .dashAdMusicInfo div h4{font-size:1.6rem}.dashAdMusic .dashAdMusicInfo ul{margin-left:1rem}.dashAdMusic .dashAdMusicInfo ul li{margin-bottom:12px}.dashAdMusic .dashAdMusicInfo ul li .dashAdMusicSpan{color:var(--cold)}.modSongListImg{width:50px;height:50px;object-fit:cover}.modSongListTable h2{text-align:center;padding-bottom:1rem}@media(max-width:768px){.modSongListTable{width:80vw}}.radio{position:fixed;bottom:0;left:0;width:100%;min-height:70px;background-color:var(--cola);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:5}.radioProgress{position:fixed;bottom:70px;left:0;width:100%;height:4px;background:#333;cursor:pointer;z-index:10}.radioProgressFill{height:100%;width:0%;background:linear-gradient(90deg,#0fc,#06f);transition:width .2s linear}.radioProgressFill{height:100%;width:0%;background:linear-gradient(90deg,#0fc,#06f);transition:width .3s linear}#radioTv{display:none}.radio .radioBtns,.radio .radioInputs{display:flex;align-items:center;gap:6px}.radioIcon{padding:6px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.radioIcon:hover{background-color:var(--colee)}.radio .radioData{display:flex;align-items:center;gap:1rem;cursor:pointer}.radio .radioData div h4{font-size:14px}.radio .radioData img{width:55px;height:55px;object-fit:cover}.radio .radioInputs{position:relative}@media(max-width:767px){.radio{justify-content:center}.radio .radioBtns p,.radio .radioData,.radio .radioInputs{display:none}}.radioInputsVol{width:50px;justify-content:flex-end}.radioInputsVol:hover input[type=range],.radioInputsVol:focus-within input[type=range],.radioInputsVol input[type=range]:active{opacity:1;pointer-events:auto}input[type=range]{opacity:0;pointer-events:none;transition:.3s ease;position:absolute;left:-70%;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100px;height:4px;background:gray;border-radius:3px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{pointer-events:none;transition:.3s ease;-webkit-appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;border:2px solid white;box-shadow:0 0 2px #00000080;transition:background .3s,transform .2s}input[type=range]::-webkit-slider-thumb:hover{pointer-events:none;transition:.3s ease;transform:scale(1.2)}.body{margin-top:70px;min-height:100vh;padding-bottom:150px}.body .bodyRadio{position:fixed;background-color:var(--cold);padding:6px;bottom:90px;border-radius:8px;cursor:pointer;transition:.3s ease-in-out}.body .bodyRadio:hover{opacity:.8}.bodyList{display:flex;flex-direction:column;width:70%;margin:3rem auto;gap:1rem;padding-left:4px}.bodyList h2{padding-left:5%}.bodyList .bodyListSect{display:flex;justify-content:center;flex-wrap:wrap;gap:1.7rem}.bodyList .bodyListSect .bodyListSectCard{display:flex;flex-direction:column;align-items:center;border-radius:8px;overflow:hidden;box-shadow:0 0 5px #000;padding-bottom:1rem;gap:1rem;width:140px}.bodyList .bodyListSect .bodyListSectCard:hover .bodyListImg .bodyListImgIcons{display:flex}.bodyList .bodyListSect .bodyListSectCard:hover .bodyListImg{opacity:.8}.bodyList .bodyListSect .bodyListSectCard .bodyListImg{position:relative}.bodyList .bodyListSect .bodyListSectCard .bodyListImg .bodyListImgIcons{position:absolute;display:flex;flex-direction:column;top:5px;right:8px;height:90%;justify-content:space-between;display:none}.bodyList .bodyListSect .bodyListSectCard .bodyListImg .bodyListImgIcons .bodyListImgIconsIc{background-color:var(--cola);padding:6px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.bodyList .bodyListSect .bodyListSectCard .bodyListImg .bodyListImgIcons .bodyListImgIconsIc:hover{background-color:#2d3c58}@media(max-width:1025px){.bodyList{width:100%;align-items:center}.bodyList h2{padding-left:1px}.bodyList .bodyListSect .bodyListSectCard .bodyListImg .bodyListImgIcons{display:flex}}.bodySongs{width:80%;margin:0 auto}.bodySongs .bodySongsTit{display:flex;justify-content:space-between;gap:1rem;width:93%;margin:0 auto}.bodySongs .bodySongsTit div{display:flex;gap:1rem}.bodySongs .bodySongsTab{width:100%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-around;gap:1rem;padding:2rem 0}.bodySongs .bodySongsTab .bodySongsTabCard{max-width:280px;width:100%;height:60px;box-shadow:0 0 5px #000;display:flex;align-items:center;justify-content:space-between;border-radius:8px;gap:12px;padding-right:1rem}.bodySongs .bodySongsTab .bodySongsTabCard img{width:60px;height:60px;object-fit:cover;border-radius:6px}.bodySongs .bodySongsTab .bodySongsTabCard .bodySongsTabCardText{min-width:0;flex:1}.bodySongs .bodySongsTab .bodySongsTabCard .bodySongsTabCardText p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;min-width:0}.bodySongs .bodySongsTab .bodySongsTabCard .bodySongsTabCardPlay{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.bodySongs .bodySongsTab .bodySongsTabCard .bodySongsTabCardPlay:hover{background-color:#f8f8f818}@media(max-width:767px){.bodySongs{width:98%;display:flex;flex-direction:column;align-items:center}.bodySongs .bodySongsTit{justify-content:center}}.bodyCategories{padding:1.4rem 0;display:flex;gap:1rem;overflow-x:auto;max-width:800px;width:90%;margin:0 auto;scroll-padding-left:10px}.bodyCategories::-webkit-scrollbar{height:10px}.bodyCategories::-webkit-scrollbar-track{background:transparent}.bodyCategories::-webkit-scrollbar-thumb{background-color:#8080802f;border-radius:10px}.bodyCategories::-webkit-scrollbar-thumb:hover{background-color:#8080802f}.bodyCategories div{width:200px;padding:12px;background-color:var(--colee);border-radius:8px;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--colb);text-decoration:none}.bodyCategories div:hover{background-color:#8080802f}.bodyCategories div p{display:inline;white-space:nowrap}@media(max-width:767px){.bodyCategories::-webkit-scrollbar{height:6px}}.equalizer-mini{width:40px;height:40px;display:flex;align-items:flex-end;justify-content:center}.bar-mini{flex:1;height:100%;background:linear-gradient(180deg,#2c3e50,#1a2735);border-radius:1px;transform-origin:bottom;transform:scaleY(.25);animation:barBounce 1.8s ease-in-out infinite;opacity:.9}@keyframes barBounce{0%{transform:scaleY(.25);opacity:.7}25%{transform:scaleY(.9);opacity:1}50%{transform:scaleY(.4);opacity:.8}75%{transform:scaleY(.8);opacity:1}to{transform:scaleY(.25);opacity:.7}}.bar-mini:nth-child(1){animation-delay:0ms}.bar-mini:nth-child(2){animation-delay:.25s}.bar-mini:nth-child(3){animation-delay:.5s}.bar-mini:nth-child(4){animation-delay:.75s}.bar-mini:nth-child(5){animation-delay:1s}.footer{width:100%;min-height:100vh;background-color:var(--colc);padding:2rem 2rem 4rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.footerA{display:flex;align-items:center;color:var(--colb);gap:6px;text-decoration:none;font-size:1.4rem;transition:.3s ease-in-out;font-weight:600}.footer .footerTop{margin-top:4rem;width:100%;display:flex;justify-content:space-evenly}.footerBottom{width:100%;margin-top:3rem;border-top:1px solid #8080803a;border-bottom:1px solid #8080803a;display:flex;align-items:center;padding:1rem 0;justify-content:space-between;color:var(--colorD);flex-wrap:wrap}.footerBottomL{display:flex;align-items:center;gap:.6rem}.footerBottomCata{color:gray;font-size:1.4rem}@media(max-width:767px){.footer .footerTop{flex-direction:column;gap:1rem}.footerBottom{border-top:none}}@media(max-width:424px){.footerBottomL{width:100%;flex-direction:column}}.footerColumn{color:#fff}.footerColumnText{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.footerColumnText p{color:gray;transition:.3s ease-in-out}.footerColumnText p:hover{color:var(--cole)}.footerColumnPCMobile{display:none}@media(max-width:767px){.footerColumnPC{display:none}.footerColumnPCMobile{display:block}.footerColumnPCMobile details{border-bottom:1px solid #8080803a;width:100%;padding-bottom:1rem}}.footerSocial{display:flex;align-items:center;gap:1rem}.footerSocialIcon{color:var(--colorJ);cursor:pointer;transition:.3s ease-in-out}.footerSocialIcon:hover{color:var(--colorD)}.ourNews{margin-top:70px;min-height:100vh;padding-bottom:3rem;display:flex;flex-direction:column;gap:1rem}.ourNews h2{text-align:center;padding-top:1rem;font-size:2rem}.news-section{padding:40px 20px;max-width:900px;margin:0 auto}.news-section h2{font-size:26px;margin-bottom:20px;letter-spacing:.5px}.news-card{background:#14161c;border-radius:14px;padding:25px 28px;box-shadow:0 0 5px #000;border:1px solid #1f2430}.news-date{display:inline-block;margin-bottom:15px;font-size:13px;color:#888;letter-spacing:1px;text-transform:uppercase}.news-list{list-style:none;display:flex;flex-direction:column;gap:22px}.news-list li{position:relative;padding-left:20px;border-left:2px solid #2a2f3a}.news-list li:before{content:"";position:absolute;left:-6px;top:6px;width:10px;height:10px;background:#fff;border-radius:50%}.news-list strong{display:block;font-size:16px;margin-bottom:6px;color:#fff}.news-list p{font-size:14px;line-height:1.6;color:#b5b5b5}.player{min-height:90vh;padding-top:70px;display:flex}@media(max-width:768px){.player{flex-direction:column}}.playerView{flex:2;border-top:solid 2px var(--cola);border-right:solid 2px var(--cola);padding:1rem}.playerView .playerViewTitle{display:flex;justify-content:space-between}.playerView .playerViewTitPs .playerViewAuthor{margin:6px 0;color:var(--cold);font-size:14px}.playerView .playerViewTitle .playerViewIcons{display:flex;gap:12px}.playerView .playerViewTitle .playerViewIcons div{width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%}.playerView .playerViewTitle .playerViewIcons div:hover{background-color:#ffffff18}.playerView .playerViewSect{margin-top:2rem;display:flex;gap:2rem;width:100%}.playerView .playerViewSect img{width:300px;height:300px;object-fit:cover;border-radius:8px;box-shadow:0 0 5px #000}.playerView .playerViewSect .playerViewSectTopics{width:100%}.playerView .playerViewSect .playerViewSectTopics h5{font-size:1.2rem;color:var(--cold);padding-left:1rem;padding-bottom:1rem}.playerView .playerViewSect .playerViewSectTopics .playerViewDivTopics{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem;cursor:pointer}.playerView .playerViewSect .playerViewSectTopics .playerViewDivTopics .pvdtIcons{width:25px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:50%}.playerView .playerViewSect .playerViewSectTopics .playerViewDivTopics .pvdtIcons svg{display:none}.playerView .playerViewSect .playerViewSectTopics .playerViewDivTopics .pvdtIcons:hover{background-color:#fff1}.playerView .playerViewSect .playerViewSectTopics .playerViewDivTopics:hover{background-color:#0000004b}.playerView .playerViewSect .playerViewSectTopics .playerViewDivTopics:hover .pvdtIcons svg{display:flex}@media(max-width:767px){.playerView .playerViewTitle{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.playerView .playerViewSect img{width:250px;height:250px}.playerView .playerViewSect{flex-direction:column;align-items:center}.playerView .playerViewSect .playerViewSectTopics{display:none}}.playerList{flex:1;border-top:solid 2px var(--cola);padding:1rem;height:76vh;overflow-y:auto}.playerList::-webkit-scrollbar{width:8px}.playerList::-webkit-scrollbar-track{background:transparent;border-radius:8px}.playerList::-webkit-scrollbar-thumb{background:var(--cola);border-radius:10px}.playerList::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00e6ff,#a066ff)}.playerList .playerListSongs{display:flex;flex-direction:column;gap:8px;margin-top:1rem;width:100%}.playerList .playerListSongs .playerListSongsDiv{display:flex;width:100%;justify-content:space-between;border-bottom:1px solid var(--cola)}.playerList .playerListSongs .playerListSongsDiv div{display:flex;align-items:center}.playerList .playerListSongs .playerListSongsDiv div .playerListSongsDivPP{display:flex;flex-direction:column;align-items:flex-start;margin-left:5px}.playerList .playerListSongs .playerListSongsDiv div .playerListSongsDivPP p:first-child{font-size:12px}.playerList .playerListSongs .playerListSongsDiv div .playerListSongsDivPP>p:nth-child(2){font-size:10px;color:var(--cold)}.playerList .playerListSongs img{width:50px;height:50px;object-fit:cover}.playerList .playerListSongs .playerListSongsDiv div .playerListSongsIcon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.playerList .playerListSongs .playerListSongsDiv div .playerListSongsIcon:hover{background-color:#ffffff15}.siderLeft{flex:1;border-top:solid 2px var(--cola);border-right:solid 2px var(--cola);padding:1rem;display:flex;flex-direction:column;gap:1rem}@media(max-width:768px){.siderLeft{display:none}}.siderLeftCat{display:flex;align-items:center;gap:6px}.siderLeftCat select{width:100%;height:40px;background-color:var(--cole);border-color:var(--cola);appearance:none;color:#fff;padding-left:5px}.siderLeftCat select option{background-color:var(--cole);color:#fff}.siderLeftCat .siderLeftCatIcons{height:40px;display:flex;align-items:center;justify-content:center}.preView{margin-top:70px;min-height:80vh;display:flex;align-items:center;flex-direction:column;gap:1rem;margin-bottom:20vh}.preView .preViewTitle{text-align:center;margin:2rem 0 1rem;display:flex;justify-content:space-between;max-width:1000px;width:90%;align-items:flex-end;padding-bottom:1rem;border-bottom:3px solid var(--colc)}.preView .preViewTitle .preViewTitleIcons{display:flex;align-items:center;gap:1rem}.preView .preViewList{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;max-width:1000px;width:90%}.preView .preViewList .preViewListCard{width:280px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 0 5px #000;padding-right:3px;border-radius:8px}.preView .preViewList .preViewListCard img{width:50px;height:50px;object-fit:cover;border-radius:8px}.preView .preViewList .preViewListCard .preViewListCardText{margin-left:6px;display:flex;flex-direction:column;align-items:flex-start;width:100%;flex:1;min-width:0}.preView .preViewList .preViewListCard .preViewListCardText p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.preView .preViewList .preViewListCard .preViewListCardText>p:first-child{font-weight:600;font-size:12px;text-align:left}.preViewListPlay{width:30px;height:30px;border-radius:50px;display:flex;align-items:center;justify-content:center;cursor:pointer}.preViewListPlay:hover{background-color:#a5a5a525}.preView .preViewBottom{margin-top:4rem;display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--cold)}.preView .preViewBottom div{width:90px;height:90px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer}.preView .preViewBottom div:hover{background-color:#a5a5a525}@media(max-width:767px){.preView .preViewTitle{flex-direction:column;align-items:center;gap:12px}.preView .preViewList{justify-content:center}.preView .preViewBottom{margin-top:2rem}}.search{margin-top:70px;min-height:70vh;display:flex;flex-direction:column;align-items:center;max-width:1000px;width:94%;margin:4rem auto;gap:2rem}.search .searchSong{display:flex;align-items:center;margin-top:3rem;gap:1rem;border:2px solid var(--cola);padding:12px;border-radius:12px;box-shadow:0 0 5px #000}.search .searchSong img{width:150px;height:150px;object-fit:cover;border-radius:12px;box-shadow:0 0 5px #000}.search .searchSong .searchSongTitle{display:flex;flex-direction:column;gap:6px}.search .searchSong .searchSongTitle h4{font-size:1.6rem}.search .searchSong .searchSongTitle h5{font-size:1.2rem;color:var(--cold)}.search .searchSong .searchSongTitle .searchSongIcon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;margin-top:10px}.search .searchSong .searchSongTitle .searchSongIcon:hover{background-color:#f0f8ff17}.search .searchSongs{display:flex;flex-direction:column;gap:1rem;width:100%}.search .searchSongs .searchSongsTop{display:flex;padding-bottom:1rem;border-bottom:solid 3px var(--cola)}.search .searchSongsSect{margin-top:1rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}.search .searchSongsSect .searchSongsCard{max-width:300px;width:100%;display:flex;align-items:center;gap:6px;box-shadow:0 0 5px #000;border-radius:8px;overflow:hidden;padding-right:6px;justify-content:space-between}.search .searchSongsSect .searchSongsCard .searchSongsCardSub{display:flex;align-items:center;gap:10px}.search .searchSongsSect .searchSongsCard .searchSongsCardSub img{width:60px;height:60px;object-fit:cover}.search .searchSongsSect .searchSongsCard .searchSongsCardSub .searchSongsCardText p{font-size:12px;color:var(--cold);margin-top:3px}.search .searchSongsSect .searchSongsCard .searchSongsCardIcon{width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%}.search .searchSongsSect .searchSongsCard .searchSongsCardIcon:hover{background-color:#f0f8ff17}@media(max-width:767px){.search .searchSong{flex-direction:column}.search .searchSong .searchSongTitle{align-items:center}.search .searchSongsSect{justify-content:center}}