*,*: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}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)}.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)}.navBarCont .navBarContCent{display:flex;align-items:center;gap:3px;background-color:var(--cola);padding:6px 1rem;max-width:400px;width:100%;border-radius:8px}.navBarCont .navBarContCent input{padding-left:5px}.navBarCont .navBarContCent input:hover{border:1px solid var(--cola)}.navBarCont .navBarContCent input:focus{border:1px solid var(--cola)}@media(max-width:767px){.navBarCont{padding:0 3px}.navBarCont .navBarContCent{width:50px}.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}.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:88vh;position:relative}.dashBoardSect{padding-top:70px;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:769px){.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)}.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}.radio .radioData div h4{font-size:14px}.radio .radioData img{width:60px}.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:88vh}.bodyList{display:flex;flex-direction:column;gap:1rem;width:90%;margin:1rem auto}.bodyList .bodyListSect{display:flex;gap:2rem;flex-wrap:wrap}.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}.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:5px;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}.bodyCategories{padding:1.4rem 0;display:flex;gap:1rem;overflow-x:auto;width:90%;margin:0 auto;scroll-padding-left:10px}.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}.bodyCategories div:hover{background-color:#8080802f}.bodyCategories div p{display:inline;white-space:nowrap}.listPage{margin-top:70px;padding-bottom:140px}.listPage section{display:flex;flex-wrap:wrap}.listPage section div:nth-child(1){flex:2}.listPage section div:nth-child(1){flex:1}.listSongs{min-width:280px;max-width:400px;width:100%;margin:2rem 2rem 0 0;display:flex;flex-direction:column;gap:1rem}.listSongs h2{text-align:end}.listSongs .listSongsSect{display:flex;flex-direction:column;overflow:hidden}.listSongs .listSongsSect .listSongsOne{padding:1rem;cursor:pointer;display:flex;justify-content:space-between;border-bottom:1px solid var(--colee)}.listSongs .listSongsSect .listSongsOne:hover{background-color:#181818}.listSongs .listSongsSect .listSongsOne:hover .listSongsOneIcon{background-color:#181818a4;opacity:1}.listSongs .listSongsSect .listSongsOne:hover .listSongsOneIconTwo{opacity:1}.listSongs .listSongsSect .listSongsOne:hover section:nth-child(2) p{opacity:0}.listSongs .listSongsSect .listSongsOne section{-webkit-user-select:none;user-select:none;position:relative}.listSongs .listSongsSect .listSongsOne section .listSongsOneIcon{position:absolute;height:23px;width:40px;opacity:0}.listSongs .listSongsSect .listSongsOne section:nth-child(1){display:flex;gap:12px;align-items:center}.listSongs .listSongsSect .listSongsOne section:nth-child(1) div{display:flex;flex-direction:column;gap:2px}.listSongs .listSongsSect .listSongsOne section:nth-child(1) .listSongsOneText p{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listSongs .listSongsSect .listSongsOne section .listSongsOneIconTwo{position:absolute;height:30px;width:30px;opacity:0;border-radius:50%;display:flex;align-items:center;justify-content:center}.listSongs .listSongsSect .listSongsOne section .listSongsOneIconTwo:hover{background-color:#0000003f}.featureImg{margin-top:2rem;min-height:70vh;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem}.featureImg img{width:90%;object-fit:cover}.featureImg h2{font-size:2rem}.featureImg section{display:flex;gap:1rem;flex-wrap:wrap}.featureImg section div{background-color:var(--cola);padding:12px;border-radius:12px;cursor:pointer}.featureImg section div:hover{opacity:.8}@media(max-width:767px){.featureImg{margin-top:0}}