*,*:before,*:after{padding:0;margin:0;outline:0;box-sizing:border-box}html{scroll-behavior:smooth;background-color:#101217}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: #0c0d0d;--colb: #FFFFFF;--colc: #1B263B;--cold: #B89C6F;--cole: #101217;--colee: #dcdcdc10;--colf: #4f46e5;--colff: #6366f1}.cola{color:var(--cola)}.cold{color:var(--cold)}input,select{width:100%;height:30px;border-radius:3px;border:solid 1px var(--cole);padding-left:5px;background-color:var(--cole);color:var(--colb)}input:hover,select:hover{border:solid 1px black}input:focus,select: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;height:40px}.btnF{background-color:var(--colf);color:var(--colb);transition:.3s ease-in-out}.btn:hover{filter:brightness(.9)}.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}}.bgdash{background-color:var(--cola);padding:1rem;border-radius:12px}.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;background-color:var(--cola)}.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(--cole);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}.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}.dashBoard{position:relative;padding-bottom:3rem;height:100%}.dashBoardSect{margin-left:40px;padding:0 1rem 4rem}@media(min-width:768px){.dashBoardSect{margin-left:220px}}.sidebar-4{position:fixed;top:0;left:0;width:40px;height:100vh;background:var(--cola);transition:width .3s ease;overflow:hidden}@media(min-width:768px){.sidebar-4{width:220px}}.sidebar-4 .inner{display:flex;flex-direction:column;height:100%;padding:1rem 0}.sidebar-4 .header{display:flex;align-items:center;justify-content:center;padding:.5rem;margin-bottom:1rem;gap:6px;cursor:pointer}.sidebar-4 .header img{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}@media(min-width:768px){.sidebar-4 .header img{width:40px;height:40px}}.sidebar-4 .header h2{display:none;font-size:.8rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:768px){.sidebar-4 .header h2{display:block}}.sidebar-4 .menu{display:flex;flex-direction:column;gap:.25rem;padding:0}.sidebar-4 .menu button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.5rem;border:none;background:transparent;color:#a2a3b7;cursor:pointer;border-radius:.5rem;transition:background .2s,color .2s;width:100%;text-align:left}@media(min-width:768px){.sidebar-4 .menu button{justify-content:flex-start;padding:.75rem}.sidebar-4 .menu button p{display:block}}.sidebar-4 .menu button:hover{background:#ffffff0d;color:#fff}.sidebar-4 .menu button.active{background:var(--colf);color:#fff}.sidebar-4 .menu button span{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}@media(min-width:768px){.sidebar-4 .menu button span{width:25px;height:25px}}.sidebar-4 .menu button p{display:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}@media(min-width:768px){.sidebar-4 .menu button p{display:block}}.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(--colb)}.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}}.dashAlbumImg{overflow:hidden;width:30px;height:30px;border-radius:4px}.dashAlbumImg img{width:100%;height:100%;object-fit:cover}.radio{position:fixed;bottom:0;left:0;width:100%;min-height:10vh;background-color:var(--cola);display:flex;align-items:center;justify-content:space-between;padding:0 2rem}.radioProgress{position:fixed;bottom:10vh;left:0;width:100%;height:4px;background:#333;cursor:pointer;z-index:10}.radioProgressFill{height:100%;width:0%;background:linear-gradient(90deg,#4f46e5,#06f);transition:width .2s 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{gap:0;width:30px;justify-content:flex-end;align-items:center;position:relative;transition:width .25s ease}.radioInputsVol:hover,.radioInputsVol:focus-within{width:130px}.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:10px;right:30px;width:auto;appearance:none;-webkit-appearance:none;-moz-appearance:none;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)}.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}.body{height:90vh;padding-bottom:150px;width:100%;overflow:hidden}.body .bodySect{height:90vh}.body .bodySect .bodyModules{flex:1;min-width:0;max-height:80vh;overflow-y:auto;padding:1rem 2rem}.body .bodySect .bodyModules::-webkit-scrollbar{width:6px}.body .bodySect .bodyModules::-webkit-scrollbar-track{background:#1e1e1e;border-radius:10px}.body .bodySect .bodyModules::-webkit-scrollbar-thumb{background:#4f46e5;border-radius:10px}.body .bodySect .bodyModules::-webkit-scrollbar-thumb:hover{background:#6366f1}.bodyOverlay{display:none}@media(max-width:768px){.body{padding-bottom:calc(10vh + 10px);position:relative}.body .bodySect .bodyModules{padding:.5rem;max-height:none;height:100%}.body .bodySect>.flex{flex-direction:column}.bodyOverlay{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:90}}.bodyNav{width:100%;height:70px;flex-shrink:0;background-color:var(--cola);display:flex;align-items:center;justify-content:space-between;padding:0 1rem}.bodyNavHamburger{display:none;background:none;border:none;cursor:pointer}@media(max-width:768px){.bodyNavHamburger{display:flex}.bodyNavSearch{display:none}}.navbarinput{height:100%;display:flex;align-items:center}.navbarinput .navbarinputInput{display:flex;background-color:var(--cole);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;z-index:2;border:1px solid var(--colf)}.navbarinput .navbarinputView p{padding:1.4rem 1rem;cursor:pointer}.navbarinput .navbarinputView p:hover{background-color:var(--colf)}.navbarinputView p.selected{background-color:#eee}.bodyList{width:0;flex-shrink:0;overflow:hidden;background-color:var(--cola);opacity:0;transition:width .3s ease,padding .3s ease,opacity .3s ease;overflow-y:auto}.bodyList::-webkit-scrollbar{width:4px}.bodyList::-webkit-scrollbar-track{background:#1e1e1e;border-radius:6px}.bodyList::-webkit-scrollbar-thumb{background:#4f46e5;border-radius:6px}.bodyList::-webkit-scrollbar-thumb:hover{background:#6366f1}.bodyList--visible{width:280px;padding:1rem 6px 5rem;opacity:1}.bodyList .bodyListAuthor{min-width:0;font-size:12px;color:var(--colf)}.bodyList .bodyListSect{margin-top:1rem}.bodyList .bodyListSect .bodyListDiv{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--colc)}.bodyList .bodyListSect .bodyListDiv .bodyListImg{width:50px;height:50px;overflow:hidden;position:relative;cursor:pointer;margin-right:6px}.bodyList .bodyListSect .bodyListDiv .bodyListImg img{width:100%;height:100%;object-fit:cover;transition:filter .3s ease}.bodyListDiv:hover .bodyListImg img{filter:brightness(.45)}.bodyListImgOverlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#00000080;opacity:0;transition:opacity .3s ease}.bodyListDiv:hover .bodyListImgOverlay{opacity:1}.bodyListTime{display:flex;align-items:center;justify-content:center}.bodyListTimeText{display:inline}.bodyListTimeIcon{display:none;cursor:pointer}.bodyListDiv:hover .bodyListTimeText{display:none}.bodyListDiv:hover .bodyListTimeIcon{display:inline}.bodyListHeader{display:flex;align-items:center;justify-content:space-between}.bodyListClose{display:none;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:4px 8px;border-radius:4px}.bodyListClose:hover{background:var(--cole)}@media(max-width:768px){.bodyListClose{display:block}.bodyList{position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100%;z-index:100;opacity:1;padding:1rem 6px 5rem;transition:right .3s ease;overflow-y:auto}.bodyList--visible{right:0;width:80%;max-width:320px}}.bodyPanel{width:260px;flex-shrink:0;height:90vh;display:flex;flex-direction:column;align-items:center;background-color:var(--cola);overflow-y:auto}.bodyPanel::-webkit-scrollbar{width:4px}.bodyPanel::-webkit-scrollbar-track{background:#1e1e1e;border-radius:6px}.bodyPanel::-webkit-scrollbar-thumb{background:#4f46e5;border-radius:6px}.bodyPanel::-webkit-scrollbar-thumb:hover{background:#6366f1}.bodyPanel .bodyPanelTitle{display:flex;align-items:center;padding:1rem;gap:5px}.bodyPanel .bodyPanelTitle h1{color:var(--colf)}.bodyPanel .bodyPanelTitle div p{font-size:12px;color:var(--cold)}.bodyPanel .bodyPanelSect{display:flex;flex-direction:column;width:100%;padding:1rem}.bodyPanel .bodyPanelSect a svg{transition:.3s ease-in-out}.bodyPanel .bodyPanelSect a{display:flex;align-items:flex-end;text-decoration:none;gap:10px;padding:1rem;transition:color .3s ease-in-out}.bodyPanel .bodyPanelSect a:hover{background-color:var(--cole)}.bodyPanel .bodyPanelSect a p{font-size:16px}.bodyPanel h3{border-top:1px solid var(--colf);width:85%;padding:2rem 0 0 1rem;color:gray;margin-top:10px}.bodyPanelClose{display:none;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:4px 8px;border-radius:4px}.bodyPanelClose:hover{background:var(--cole)}@media(max-width:768px){.bodyPanelClose{display:block}.bodyPanel{position:fixed;top:0;left:-100%;width:80%;max-width:280px;height:100%;z-index:100;transition:left .3s ease;padding-bottom:10vh}.bodyPanel--open{left:0}.bodyPanel .bodyPanelTitle{justify-content:flex-start}}.cardSongs{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;padding-bottom:6rem}.cardSong{width:155px;border-radius:8px;overflow:hidden;background:#1e1e1e;transition:transform .2s}.cardSong:hover{transform:translateY(-4px)}.cardSongImg{width:100%;aspect-ratio:1;overflow:hidden;cursor:pointer}.cardSongImg img{width:100%;height:100%;object-fit:cover;display:block}.cardSongInfo{padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.cardSongText{flex:1;min-width:0}.cardSongTitle{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 2px}.cardSongAuthor{font-size:11px;color:#aaa;margin:0 0 2px}.cardSongDuration{font-size:11px;color:#888;margin:0}.cardSongPlay{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .2s}.cardSongPlay:hover{background:#ffffff26}.cardSongPlay svg{pointer-events:none}@media(max-width:767px){.cardSongs{justify-content:center}.cardSong{width:140px}}.bodyAlbum{display:flex;gap:3rem;flex-wrap:wrap}.bodyAlbum .bodyAlbumDiv{width:250px;height:300px;display:flex;flex-direction:column;gap:3px;align-items:center}.bodyAlbum .bodyAlbumDiv .bodyAlbumImg:hover img{transform:translateY(-3px)}.bodyAlbum .bodyAlbumDiv .bodyAlbumImg{width:250px;height:250px;border-radius:12px;overflow:hidden;cursor:pointer}.bodyAlbum .bodyAlbumDiv .bodyAlbumImg img{width:100%;height:100%;object-fit:cover;transition:.3s}.bodyAlbum .bodyAlbumDiv .bodyAlbumSect{margin-top:3px}.bodyAlbum .bodyAlbumDiv .bodyAlbumSect .bodyAlbumPlay{width:30px;height:30px;background-color:var(--colf);display:grid;place-items:center;border-radius:50%;cursor:pointer}.bodyAlbum .bodyAlbumDiv .bodyAlbumSect .bodyAlbumPlay:hover{background-color:var(--colff)}.bodyAlbum .bodyAlbumDiv .bodyAlbumSect div h6{font-size:1rem;font-weight:400;margin-bottom:2px}.bodyAlbum .bodyAlbumDiv .bodyAlbumSect div p{font-size:12px;color:var(--colf)}@media(max-width:767px){.bodyAlbum{padding-bottom:15vh}.bodyAlbum .bodyAlbumDiv{width:100%;align-items:center}}.bodyTopics{width:100%}.bodyTopics section{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.topic-card{position:relative;width:280px;overflow:hidden;border-radius:8px}.topic-card img{width:100%;display:block;cursor:pointer;transition:.3s}.topic-card:hover img{transform:translateY(-5px)}.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:.3s;z-index:2}.topic-card:hover .play-btn{opacity:1}.topic-label{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;background:linear-gradient(transparent,#000c);color:#fff;font-size:14px;font-weight:500;z-index:1}.viewAlbum{display:flex;flex-wrap:wrap;gap:2rem}.viewAlbum .viewAlbumImg{width:260px;height:260px;overflow:hidden;border-radius:8px}.viewAlbum .viewAlbumImg img{width:100%;height:100%;object-fit:cover}.viewAlbum .viewAlbumDiv{display:flex;flex-direction:column;gap:1.4rem}.viewAlbum .viewAlbumDiv .viewAlbumImgSmall{width:40px;height:40px;overflow:hidden;border-radius:50%}.viewAlbum .viewAlbumDiv .viewAlbumImgSmall img{width:100%;height:100%;object-fit:cover}.viewAlbumAuthor{cursor:pointer}.viewAlbumAuthor:hover{color:var(--colf)}@media(max-width:767px){.viewAlbum{text-align:center}.viewAlbumCont{padding-bottom:6rem}.viewAlbumCont h2{text-align:center}.viewAlbum{flex-direction:column;align-items:center}.viewAlbum .viewAlbumDiv{gap:1rem;align-items:center}.viewAlbumBtns button:nth-child(2),.viewAlbumBtns button:nth-child(3){display:none}}.dothor-hidden{visibility:hidden}.cell-number{cursor:default}.icon-play{cursor:pointer}.listSongsImg{width:30px;height:30px;overflow:hidden;border-radius:4px}.listSongsImg img{width:100%;height:100%;object-fit:cover}.viewTopic{padding-bottom:2rem}.viewTopic .viewTopicSect{display:flex;gap:2rem;flex-wrap:wrap}.viewTopic .viewTopicSect img{border-radius:8px}.viewTopic .viewTopicSect .viewTopicSectDiv{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}@media(max-width:767px){.viewTopic .viewTopicSect .viewTopicSectDiv{width:100%;align-items:center}}.viewSong{padding-bottom:6rem}@media(max-width:767px){.viewSong .viewSongh3{text-align:center}}.viewSongCat{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}@media(max-width:767px){.viewSongCat{justify-content:center;max-width:100%;flex-direction:row!important}}.viewSongCatItem{width:110px}.viewSongCatImg{position:relative;width:100%;height:65px;overflow:hidden;border-radius:6px;cursor:pointer}.viewSongCatImg img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.viewSongCatImg:hover img{transform:scale(1.1)}.viewSongCatTopic{font-size:11px;margin-top:4px;text-align:center;color:#fff}.vewSongAlbum{display:flex;gap:2rem;flex-wrap:wrap;margin-top:12px}.vewSongAlbumCard{width:180px;cursor:pointer}.vewSongAlbumCard h6{font-size:1rem;font-weight:400;margin-top:6px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vewSongAlbumCard p{font-size:12px;color:var(--colf)}.vewSongAlbumImg{width:180px;height:180px;border-radius:12px;overflow:hidden}.vewSongAlbumImg img{width:100%;height:100%;object-fit:cover;transition:.3s}.vewSongAlbumImg:hover img{transform:translateY(-3px)}@media(max-width:767px){.vewSongAlbum{justify-content:center}.vewSongAlbumCard{text-align:center}}