html{color:#798d9e;width:100%;padding:0;margin:0;background-color:#0f1620;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}h1{font-weight:900}p,span{font-weight:700}*{font-weight:500}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{height:2px}::-webkit-scrollbar-thumb{border-radius:10px;background-color:#18aaaa}.mesh-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 20% 30%,rgba(0,215,244,.05) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(0,215,244,.02) 0%,transparent 50%),radial-gradient(circle at 50% 80%,rgba(0,215,244,.05) 0%,transparent 50%);filter:blur(80px);pointer-events:none}.media{display:flex;flex-direction:row}.music{display:flex;flex-direction:column;flex:1;padding:10px;gap:20px}input[type=range]::-webkit-slider-thumb{height:0;width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;background:#18aaaa;cursor:pointer;box-shadow:0 0 10px #00d7f480}@media (max-width:768px){.media{flex-direction:column;justify-content:space-between;align-items:center;display:flex;height:80vh;background-color:#0f1620;border:1px solid #162633;overflow-y:auto;overflow-x:hidden}.music{padding:0;margin:0}body{margin:0}}.account{display:flex;align-items:center;gap:5px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.05);border-radius:1rem;margin:auto 10px 10px;color:#fff}.account:hover{background-color:#ffffff1a}.profile{padding:10px;margin:5px;border-radius:50%;background-color:#00d7f433;border:1px solid rgba(0,215,244,.3);color:#00d7f4;height:50px;width:50px;box-sizing:border-box}.profile img{width:100%;height:100%;border-radius:50%;filter:invert(47%) sepia(94%) saturate(415%) hue-rotate(135deg) brightness(88%) contrast(86%)}.account-menu{display:none;padding-block:10px;justify-content:flex-start;flex-direction:column;align-items:center;position:absolute;bottom:100px;width:18%;height:370px;border-radius:20px;background:#0f1620;border:1px solid #162633;z-index:1;box-sizing:border-box;gap:15px;box-shadow:5px 5px 5px 5px #0006}.InfoAccount{display:flex;flex-direction:column;gap:2px;color:#fff}.Btns-account{padding-inline:10px;display:flex;flex-direction:column;gap:10px;width:100%;box-sizing:border-box}.Btn-account{display:flex;gap:8px;height:40px;justify-content:left;align-items:center;border:none;background:none;cursor:pointer;color:#fff;text-align:left;font-weight:500;border-radius:20px;transition:.5s}.Btn-account:hover{background:#ffffff0d}.Btn-LogOutAccount{background:none;border:none;color:#ff6d6de6;font-weight:700;text-align:center;cursor:pointer;border-radius:20px;height:40px;transition:.5s}.Btn-LogOutAccount:hover{background:#ff6d6d1a}.CancelMenuAccount{display:flex;justify-content:center;align-items:center;position:absolute;left:80%;width:30px;height:30px;border-radius:50%;background:#162633;cursor:pointer;transition:.5s}.CancelMenuAccount:hover{background:#16263380}.mediaplayer{position:relative;display:flex;justify-content:space-between;align-items:center;height:74px;background-color:#090e14;width:100%;border-radius:20px;box-sizing:border-box;padding-inline:20px;box-shadow:0 10px 40px #00000080;color:#fff;flex-grow:0;flex-shrink:0;overflow:hidden;cursor:pointer;margin-block:10px}.centre-mediaplayer{display:flex;align-items:center;height:65px;gap:20px;z-index:2;flex-grow:0;flex-shrink:0}.left-mediaplayer{display:flex;justify-content:flex-start;align-items:center;height:65px;gap:10px;flex:1;max-width:200px;overflow:visible;min-width:0;z-index:2}.left-mediaplayer p{z-index:3;font-size:16px;white-space:nowrap;overflow:hidden;flex-shrink:1;min-width:0}.right-mediaplayer{display:flex;justify-content:flex-end;align-items:center;height:65px;gap:25px;z-index:2;flex-grow:0;flex-shrink:0}.mediaplayer img .btn-music{width:20px;height:20px;fill:#000;flex-shrink:0}.VolueRange{display:flex;justify-content:center;align-items:center;gap:4px}.Volue{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:#ccc;border-radius:10px;outline:none}.Volue::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:0;height:0}.Volue::-moz-range-thumb{width:0;height:0;border:none}.progress-bar{position:absolute;top:0;left:0;right:0;z-index:0;width:100%;height:74px;cursor:pointer;overflow:hidden}.progress-fill{position:absolute;left:0;top:0;height:74px;border-top:5px solid rgb(0,215,244);background:#ffffff1a;transition:width .1s linear;pointer-events:none;z-index:1}.progress-input-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;z-index:0;margin:0;padding:0;outline:none;border:none;opacity:0}.progress-input-overlay::-webkit-slider-runnable-track{width:100%;height:100%;background:transparent;border:none}.progress-input-overlay::-moz-range-track{width:100%;height:100%;background:transparent;border:none}.progress-input-overlay::-ms-track{width:100%;height:100%;background:transparent;border:none;color:transparent}.progress-input-overlay::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#00d7f4;cursor:pointer;opacity:0;transition:opacity .2s;margin-top:27px}.mediaplayer:hover .progress-input-overlay::-webkit-slider-thumb{opacity:1}.progress-input-overlay::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#00d7f4;cursor:pointer;border:none;opacity:0;transition:opacity .2s}.mediaplayer:hover .progress-input-overlay::-moz-range-thumb{opacity:1}.progress-input-overlay::-moz-focus-outer{border:0}.left-mediaplayer>*{flex-shrink:0}.mobileMediaMenu{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-inline:10px;cursor:pointer}.mobileMediaPhoto{display:flex;justify-content:center;align-items:center;margin-block:-20px}.mobileMediaInformation{display:flex;flex-direction:row;align-items:center;justify-content:space-between;color:#fff;margin-inline:20px}.controlMediaPlayer{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;cursor:pointer}.fullMediaPlayer{display:flex;flex-direction:column;justify-content:space-between;height:100vh}.MobileProgressBar{-webkit-appearance:none;margin-inline:25px;-moz-appearance:none;appearance:none;height:7px;border-radius:10px;outline:none;width:calc(100vw - 50px);margin-block:-15px;pointer-events:none}.MobileProgressBar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#00d7f4;cursor:pointer}.MobileProgressBar::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#00d7f4;cursor:pointer;border:none}.MobileProgressBar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:0;height:0}.MobileProgressBar::-moz-range-thumb{width:0;height:0;border:none}.iconAnimation:hover{cursor:pointer;color:#00d7f4;scale:1.1;transition:.5s}.durationSong{display:flex;flex-direction:row;justify-content:space-between;margin-inline:20px;margin-block:-10px}@media (max-width: 768px){.mediaplayer{width:100vw;height:75px;background-color:#090e14;margin-block:10px;margin-inline:auto}.progress-bar{height:20px}.progress-fill{height:70px;background:none}.progreeFullMediaPlayer{width:100%;height:10px;background-color:#1272e7;display:flex;justify-content:center;align-items:center}.left-mediaplayer{max-width:140px}.progress-input-overlay{height:14px}}.menu{display:flex;flex-direction:column;text-align:center;background-color:#090e14;width:15%;margin:10px;height:calc(100vh - 30px);border-radius:20px;border:1px solid #162633}.Title{display:flex;justify-content:center;align-items:center;gap:5px;color:#fff}.menu-btn button{border:none;cursor:pointer;background:none;display:flex;align-items:center;gap:10px;margin:10px;padding:10px;width:calc(100% - 30px);font-size:16px;position:relative;transition:all .3s ease;color:#798d9e}.menu-btn .active-btn{background:#ffffff1a;border-radius:12px;color:#fff}.menu-btn .active-btn:before{content:"";position:absolute;left:2px;top:5px;bottom:5px;width:3px;background-color:#00d7f4}.menu-btn button:hover{background:#00d7f40d;border-radius:12px;color:#fff}.menu-btn img{filter:invert(66%) sepia(17%) saturate(479%) hue-rotate(166deg) brightness(81%) contrast(77%)}@media (max-width:768px){.menu{flex-direction:row;width:100vw;position:fixed;bottom:0;justify-content:space-evenly;background-color:#000;height:70px;margin-inline:auto;margin-block:0;border-radius:0}.Title{display:none}.menu-btn button{width:40px;height:40px;gap:20px}.menu-btn{display:flex;gap:20vw}.menu-btn .active-btn:before{display:none}.menu-btn .active-btn{background:none;transition:.7s;scale:1.4}}.musicPlayer{width:220px;height:220px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;background:#090e1480;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 0 40px #00d7f433;transition:all .3s ease;cursor:pointer;overflow:hidden}.musicPlayer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#00d7f426;filter:blur(20px);opacity:.5;pointer-events:none}.musicPlayer:hover{transform:scale(1.05);box-shadow:0 0 60px #00d7f466;border-color:#00d7f480}.musicPlayer img{width:30%;height:30%;object-fit:contain;z-index:2;filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.fullMediaPlayer .progress-fill{position:relative;top:auto;left:auto;height:7px;width:calc(100% - 50px);margin:0 auto;border-top:none;border-radius:10px;background:#00d7f4}.fullMediaPlayer .progress-container{display:flex;align-items:center;justify-content:center;width:100%;padding:10px 25px;box-sizing:border-box;flex-shrink:0;position:relative;min-height:30px}.fullMediaPlayer .progress-input-overlay{position:relative;width:100%;height:7px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:10px;outline:none;cursor:pointer;opacity:1;margin:0;padding:0;border:none;z-index:2}.fullMediaPlayer .progress-input-overlay::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#00d7f4;cursor:pointer;margin-top:-6px}.fullMediaPlayer .progress-input-overlay::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#00d7f4;cursor:pointer;border:none}.mobile-progress-wrapper{position:relative;display:flex;align-items:center;width:calc(100% - 50px);margin:0 auto;height:10px;flex-shrink:0;cursor:pointer;overflow:hidden}.mobile-progress-fill{position:absolute;left:0;top:0;height:100%;background:#00d7f4;transition:width .1s linear;pointer-events:none;z-index:1;border-radius:10px}.mobile-progress-wrapper:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#ffffff1a;border-radius:10px;z-index:0}.mobile-progress-input{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;z-index:2;margin:0;padding:0;outline:none;border:none;opacity:0}.mobile-progress-input::-webkit-slider-runnable-track{width:100%;height:100%;background:transparent;border:none}.mobile-progress-input::-moz-range-track{width:100%;height:100%;background:transparent;border:none}.mobile-progress-input::-ms-track{width:100%;height:100%;background:transparent;border:none;color:transparent}.mobile-progress-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#00d7f4;cursor:pointer;opacity:0;transition:opacity .2s;margin-top:-3px}.mobile-progress-wrapper:hover .mobile-progress-input::-webkit-slider-thumb{opacity:1}.mobile-progress-input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#00d7f4;cursor:pointer;border:none;opacity:0;transition:opacity .2s}.mobile-progress-wrapper:hover .mobile-progress-input::-moz-range-thumb{opacity:1}.mobile-progress-input::-moz-focus-outer{border:0}@media (max-width: 768px){.musicPlayer{width:130px;height:130px;border-radius:50%}}.playlist{display:flex;flex-direction:column;align-items:center;height:85vh;background-color:#090e14;margin-top:2px;border:1px solid #162633;border-radius:2%;margin-bottom:13px;padding-inline:40px;gap:15%}.playlist h1{font-size:64px}@media (max-width: 768px){.playlist{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:30vw;padding-inline:0;background:none;border:none}.playlist h1{font-size:32px}}.BlockSearch{display:flex;flex-direction:column;height:85vh;background-color:#090e14;border:1px solid #162633;border-radius:2%;padding-inline:40px;overflow:hidden;overflow-y:auto;margin-bottom:15px}.Search{display:flex;flex-direction:column;flex:1;height:100vh;box-sizing:border-box}.SearchH1 .SearchH3{margin:0;padding-inline:20px}.SearchH3{letter-spacing:2px;color:#4f525b}.InputSearch{width:100%;padding:30px 0;border-radius:30px;background-color:#ffffff0d;border:none;outline:none}.InputSearch:focus{background-color:#ffffff1a;border:1px solid #00d7f4}.InputSearch[type=search]{color:#fff;font-size:16px;padding-left:40px;box-sizing:border-box}@media (max-width: 768px){.InputSearch{width:calc(100vw - 20px);margin-bottom:10px}.Search{background:none;border:none}}.BlockCollections{display:flex;flex-direction:column;height:85vh;background-color:#090e14;border:1px solid #162633;border-radius:2%;padding-inline:40px;overflow-y:auto;overflow-x:hidden;margin-bottom:15px}.Collections{display:flex;flex-direction:column;flex:1;gap:10px;box-sizing:border-box}.FavoriteCollections{display:flex;align-items:center;width:100%;height:225px;background:radial-gradient(circle at right center,rgba(0,215,244,.1) 0%,transparent 70%);border:2px solid #162633;border-radius:20px}.FrameHeart{display:flex;width:175px;height:175px;background:#0f1620;align-items:center;justify-content:center;border:1px solid #162633;border-radius:20px;margin:20px}.InfoFavoriteCollections{display:flex;flex-direction:column;margin:10px;gap:15px}.InfoFavoriteCollections h1{font-size:36px;color:#fff;margin:0}.InfoFavoriteCollections button{height:50px;width:200px;border-radius:20px;border:none;background-color:#00d7f4;cursor:pointer;color:#fff;font-weight:900;box-shadow:0 0 30px #00d7f466}.FavoriteMusics{display:grid;margin:20px 0;grid-template-columns:repeat(3,1fr);gap:20px}.FavoriteMusic{display:flex;align-items:center;justify-content:flex-start;white-space:nowrap;height:80px;gap:20px;overflow:hidden;cursor:pointer;padding-inline:10px}.FavoriteMusic:active{background:#ffffff0d;border-radius:20px;transition:transfrom .2s ease}.activeBtn{background:#ffffff0d;border-radius:20px}.InfoMusic{display:flex;flex-direction:column;margin:0;min-width:15px;flex:1}.InfoMusic h2,span{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.InfoTimeMusic{display:flex;margin:10px;gap:20px;justify-content:flex-end}.MusicPhoto{width:45px;height:45px;border-radius:10px}@media (max-width:768px){.FavoriteMusics{display:grid;grid-template-columns:repeat(1,1fr);gap:10px}.FavoriteMusicsFull{display:grid;grid-template-columns:repeat(1,1fr);gap:10px;margin-top:90px}.Collections{width:100vw}.FavoriteMusic{display:flex;align-items:center;justify-content:flex-start;white-space:nowrap;height:80px;gap:10px;overflow:hidden;cursor:pointer;padding-inline:5px;margin-inline:15px}.FrameHeart{width:60px;height:60px;margin:0}.InfoFavoriteCollections{display:flex;flex-direction:row;gap:5px;align-items:center;margin-block:auto;transition:transfrom .2s ease}.InfoFavoriteCollections h1{font-size:24px;margin:0}.InfoFavoriteCollections h1:hover{color:#00d7f4;transition:.6s;cursor:pointer}.MobileInfoFavCollections{display:flex;flex-direction:row;margin-block:20px}.MobileBlockCollections{display:flex;flex-direction:column}.FullFavCollections{display:flex;flex-direction:column;width:100vw;height:100vh}.MenuFavCollections{display:flex;flex-direction:row;align-items:center;margin-inline:10px;height:80px;width:100vw;position:fixed;top:0;margin:0;z-index:10;background-color:#0f1620}.ControlMenuFullFav{display:flex;justify-content:space-evenly}.IconBgFavCollections{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background:#131d29}.ButtonFavCollections{width:60px;height:30px;background:#00d7f4;border:none;border-radius:20px;padding:0;transition:transform .15s ease;cursor:pointer;margin-top:5px}.IconBgFavCollections:hover{background:#00d7f4;scale:1.1;transition:.5s;cursor:pointer}.ButtonFavCollections:active{scale:1.1}.SearchFavCollections{padding-left:40px;border-radius:30px;background-color:#ffffff0d;border:none;outline:none;width:90vw;height:40px}.SearchFavCollections:focus{outline:none;border:solid 1px #00d7f4}.BlockFavSearch{display:flex;flex-direction:row;justify-content:center;align-items:center}.InfoFavoriteCollections{display:none}}.logo-wrapper{display:flex;align-items:flex-end;gap:3px;width:fit-content}.bar{width:4px;border-radius:2px;background-color:#0891b2;animation:colorWave 1.7s infinite ease-in-out}.b1{height:12px;animation-delay:0s}.b2{height:20px;animation-delay:.2s}.b3{height:24px;animation-delay:.4s}.b4{height:16px;animation-delay:.6s}.b5{height:8px;animation-delay:.8s}@keyframes colorWave{0%,to{background-color:#06b6d4;box-shadow:none}50%{background-color:#67e8f9;box-shadow:0 0 10px #22d3ee99}}