html{color:#798d9e;width:100%;padding:0;margin:0;background-color:#0f1620;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden;height:100%}h1{font-weight:900}p,span{font-weight:700}*{font-weight:500}::-webkit-scrollbar{width:4px}*{scrollbar-width:thin;scrollbar-color:#18aaaa transparent}::-webkit-scrollbar-track{height:2px;width:2px;background:transparent}::-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:100vh;overflow-y:auto;overflow-x:hidden;background:#090e14}.music{padding:0;margin:0}body{margin:0}}.account{display:flex;align-items:center;gap:5px;height:80px;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{display:flex;align-items:center;justify-content:center;padding:10px;margin:5px;border-radius:50%;background-color:#00d7f433;border:1px solid rgba(0,215,244,.3);color:#00d7f4;height:70px;width:70px;box-sizing:border-box}.account-menu{display:flex;padding-block:10px;justify-content:flex-start;flex-direction:column;align-items:center;position:absolute;margin:5px;left:0;bottom:100px;width:300px;height:510px;border-radius:20px;background:#090e14;border:1px solid #162633;z-index:5;box-sizing:border-box;gap:20px;box-shadow:5px 5px 5px 5px #0006;opacity:0;transition:opacity .2s ease}.InfoAccount{display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff}.Btns-account{padding-inline:20px;display:flex;flex-direction:column;gap:5px;width:100%;box-sizing:border-box}.Btn-account{display:flex;height:60px;justify-content:left;align-items:center;border:none;background:none;cursor:pointer;color:#fff;text-align:left;font-weight:900;border-radius:20px;transition:.5s;padding-inline:13px;gap:5px}.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:50px;transition:.5s}.Btn-LogOutAccount:hover{background:#16263380}.CancelMenuAccount{display:flex;justify-content:center;align-items:center;position:absolute;left:80%;width:40px;height:40px;border-radius:50%;background:#162633;cursor:pointer;transition:.5s}.CancelMenuAccount:hover{background:#16263380}.BtnAccountAddTrack{height:70px;border:none;background:none;cursor:pointer;color:#fff;text-align:left;font-weight:500;border-radius:13px;transition:.5s;padding-inline:13px;background:#ffffff0d}.BtnAccountAddTrack:hover{background:#ffffff26}.InfoBtnAccountAddTrack{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}@media (max-width:768px){.CancelMenuAccount{width:24px;height:24px}.account-menu{margin:0;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);position:fixed;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%)}.account{background:none;border:none;width:80px;height:80px}.account:hover{background:none}.profile{pointer-events:auto}.profile:hover{transform:scale(1.1);transition:.2s}}.mediaplayer{position:relative;display:flex;justify-content:space-between;align-items:center;height:76px;margin-bottom:20px;background-color:#0f1620;border:1px solid #162633;border-radius:30px;box-sizing:border-box;padding-inline:20px;box-shadow:0 10px 40px #00000080;color:#fff;overflow:hidden;z-index:1;cursor:pointer}.centre-mediaplayer{display:flex;align-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);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;margin-left:275px;flex-direction:column;align-items:center;gap:4px;position:relative;height:auto}.Volue{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:120px;height:6px;background:#ccc;border-radius:10px;outline:none;transform:rotate(270deg);position:absolute}.RangeVolue{width:40px;height:150px;background:#162633;display:flex;align-items:center;justify-content:center;border-radius:10px;margin-bottom:4px;position:fixed;z-index:9999;bottom:70px}.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}@media (max-width: 768px){.mediaplayer{position:absolute;bottom:0;width:100vw;height:75px;background-color:#090e14;margin-block:80px;margin-inline:auto;z-index:2}.centre-mediaplayer{left:auto;right:20px;top:50%;transform:translateY(-50%)}.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:20vw}.progress-input-overlay{height:14px}.VolueRange,.RangeVolue,.VolumeIcon{display:none}}.menu{display:flex;flex-direction:column;text-align:center;background-color:#090e14;width:15%;margin:10px;height:calc(100vh - 45px);border-radius:20px;border:1px solid #162633;margin-block:21px;box-sizing:border-box}.Title{display:flex;justify-content:center;align-items:center;gap:5px;color:#fff;cursor:pointer;margin-block:10px}.menu-btn button{border:none;cursor:pointer;background:none;display:flex;align-items:center;gap:10px;margin:10px 15px;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;border-radius:15px;background-color:#00d7f4}.menu-btn button:hover{background:#00d7f40d;border-radius:12px;color:#fff}.IconMenu{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:15px;background:#131d29;margin-left:5px}.IconMenu:hover{background:#ffffff26}@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;z-index:2}.Title{display:none}.menu-btn button{width:100%;height:40px;gap:20px}.menu-btn{display:flex;gap:15vw}.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{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}@media (max-width: 768px){.musicPlayer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;margin-top:-60px}}.playlist{display:flex;flex-direction:column;align-items:center;height:85vh;background-color:#090e14;border:1px solid #162633;border-radius:2%;margin-top:12px;padding-inline:40px;gap:15%}.playlist h1{font-size:64px}@media (max-width: 768px){.playlist{display:flex;flex-direction:column;height:100vh;align-items:center;padding-inline:0;background:none;border:none;gap:0;margin:0}.playlist h1{font-size:32px}}.BlockSearch{display:flex;flex-direction:column;justify-content:flex-start;height:85vh;background-color:#090e14;border:1px solid #162633;border-radius:2%;padding-inline:40px;overflow:hidden;overflow-y:auto;margin-top:12px}.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;font-size:24px}.InputSearch{width:100%;padding:30px 0;border-radius:30px;background-color:#ffffff0d;border:none;outline:none;display:flex;justify-content:center}.InputSearch:focus{background-color:#ffffff1a;border:1px solid #00d7f4}.errorSearch{display:flex;justify-content:center;align-items:center;text-align:center}.InputSearch[type=search]{color:#fff;font-size:16px;padding-left:40px;box-sizing:border-box}.loaderSearch{position:absolute;right:0;margin:12px;border:2px solid #00c3e6;border-top:2px solid white;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}@media (max-width: 768px){.BlockSearch{border:none;height:100vh;background:#090e14}.loaderSearch{width:15px;height:15px}.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-top:12px}.InfoFavCollections{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}.FavoriteMusicsFull{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:120px;margin-bottom:40px}.Collections{display:flex;flex-direction:column;flex:1;gap:10px;box-sizing:border-box}.CollectionsH1{color:#fff;text-align:left;font-size:44px}.FrameHeart{display:flex;width:70px;height:70px;margin:0;background:#162633;align-items:center;justify-content:center;border:2px solid #0f1620;border-radius:20px}.IconSearch:hover{color:#00d7f4}.FullFavCollections{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-top:12px}.InfoFavoriteCollections{display:flex;flex-direction:row;gap:5px;align-items:center;margin-block:auto;transition:transfrom .2s ease}.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(2,1fr);gap:20px}.FavoriteMusic{display:flex;align-items:center;justify-content:flex-start;white-space:nowrap;height:90px;gap:20px;padding-inline:10px;overflow:hidden;cursor:pointer}.FavoriteMusic:hover{background-color:#ffffff0d;border:1px solid #00d7f4;border-radius:20px}.FavoriteMusic:active{background:#ffffff0d;border-radius:20px;transition:transfrom .2s ease}.activeBtn{background:#00d7f41f;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:14px;font-size:11px;color:#fff3;justify-content:flex-end}.Icon{z-index:2}.Icon:hover{background-color:#fff3;transition:transfrom .2s ease;border-radius:50%;cursor:pointer;color:#fff}.MusicPhoto{width:60px;height:60px;border-radius:10px}.FullFavH1{margin:0;cursor:pointer;font-size:24px;color:#fff}.FullFavH1:hover{color:#00d7f4}.IconBgFavCollections{display:flex;justify-content:center;align-items:center;width:45px;height:45px;border-radius:50%;background:#131d29;margin-left:5px}.ButtonFavCollections{width:150px;height:40px;position:absolute;right:0;background:#00d7f4;border:none;border-radius:20px;padding:0;transition:transform .15s ease;cursor:pointer;margin-top:5px;margin-inline:60px}.IconBgFavCollections:hover{background:#fff3;transition:.5s;cursor:pointer}.ButtonFavCollections:active{scale:1.1}.ControlMenuFullFav{display:flex;justify-content:space-evenly}.MenuFavCollections{display:flex;background-color:#090e14;position:absolute;flex-direction:row;align-items:center;width:100%;height:80px;margin-top:20px;top:0;z-index:10;gap:15px}.FullFavCollections{position:relative;display:flex;flex-direction:column;height:85vh}.SearchFavCollections{padding-left:40px;border-radius:30px;background-color:#ffffff0d;border:none;outline:none;height:40px;width:calc(75vw - 50px)}.xButton:hover{color:#fff}.SearchFavCollections:focus{outline:none;border:solid 1px #00d7f4}.H1title{color:#fff;font-size:28px;margin:0;white-space:nowrap;margin-block:auto}@media (max-width:768px){.H1title{font-size:20px}.FavoriteMusics{display:grid;grid-template-columns:repeat(1,1fr);gap:10px;margin-bottom:150px}.SearchFavCollections{height:40px;width:calc(100vw - 80px)}.ButtonFavCollections{width:60px;height:30px}.FrameHeart{width:60px;height:60px}.MusicPhoto{width:45px;height:45px;border-radius:10px}.FavoriteMusicsFull{display:grid;grid-template-columns:repeat(1,1fr);gap:10px;margin-top:0;margin-bottom:150px}.Collections{width:100vw}.FavoriteMusic{display:flex;align-items:center;justify-content:flex-start;white-space:nowrap;height:80px;gap:10px;overflow:hidden;cursor:pointer}.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}.MobileBlockCollections{display:flex;flex-direction:column}.FullFavCollections{display:flex;flex-direction:column;width:100vw;height:100vh;margin-top:80px}.MenuFavCollections{display:flex;position:fixed;flex-direction:row;align-items:center;margin-inline:20px;height:80px;width:100vw;top:0;margin:0;z-index:10;gap:5px}.BlockFavSearch{display:flex;flex-direction:row;justify-content:center;align-items:center}.CollectionsH1{font-size:32px}.ButtonFavCollections{margin:auto}.ControlMenuFullFav{display:flex;justify-content:space-evenly}.IconBgFavCollections{width:40px;height:40px}}.AnimationPhoto{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:flex-end;justify-content:center;gap:3px;height:30px;width:fit-content;pointer-events:none}.barAnim{width:6px;border-radius:3px;background-color:#0891b2;animation:bAnim 1.8s infinite ease-in-out}.bAn1{height:2px;animation-delay:0s}.bAn2{height:2px;animation-delay:.2s}.bAn3{height:2px;animation-delay:.4s}@keyframes bAnim{0%,to{height:2px;background-color:#06b6d4;box-shadow:none}50%{height:30px;background-color:#67e8f9;box-shadow:0 0 10px #22d3ee99}}.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}}.settings{position:absolute;top:50%;left:50%;padding-inline:30px;transform:translate(-50%,-50%);display:flex;flex-direction:column;width:350px;height:500px;background-color:#0d141c;border:#171616 1px solid;z-index:4;text-align:left;border-radius:25px}.settings h2{font:700 .8rem Roboto,sans-serif;text-transform:uppercase;letter-spacing:1px;color:#cfcaca99}.customButton{background-color:#ffffff0d;border:none;border-radius:15px;height:60px;width:100%;color:#fff}.customButton:hover{background-color:#ffffff1a}.yandexButton{background-color:#ffffff0d;border:none;border-radius:15px;height:80px;width:100%;color:#fff;text-align:left;padding-inline:10px}.yandexButton:hover{background-color:#c0a6004d;transition-duration:.2s;border:1px solid rgba(192,166,0,.3);color:#c0a600}.vkButton{background-color:#ffffff0d;border:none;border-radius:15px;height:80px;width:100%;color:#fff;text-align:left;padding-inline:10px}.vkButton:hover{background-color:#1e45d14d;border:1px solid rgb(30 69 209);transition-duration:.2s;color:#1e45d1e6}.square{display:flex;justify-content:center;align-items:center;background-color:#fc0;border:none;border-radius:15px;width:50px;height:50px}.yandexInfo,.vkInfo{display:flex;flex-direction:row;align-items:center;gap:10px}.trackButton{background-color:#ffffff0d;color:#fff;height:70px;border:1px solid rgb(225 222 222 / .05);width:100%;border-radius:15px;text-align:left}.trackButton:hover{background-color:#ffffff1a;color:#00d7f4cc}.trackInfo{display:flex;flex-direction:row;align-items:center;gap:10px}.circle{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background-color:#1e1d1dd9}.circle:hover{background-color:#ffffff1a}@media (max-width: 780px){.settings{width:95vw;max-width:420px;padding:15px}.settings p,h2{font-size:.9rem}}.mobileMediaMenu{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:10px;margin-bottom:10px;cursor:pointer}.mobileMediaPhoto{display:flex;justify-content:center;align-items:center;margin-bottom:24px}.mobileMediaInformation{display:flex;flex-direction:row;align-items:center;justify-content:space-between;color:#fff;margin-bottom:20px}.controlMediaPlayer{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;cursor:pointer;margin-top:auto}.fullMediaPlayer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;display:flex;flex-direction:column;justify-content:space-between;padding-top:16px;padding-inline:20px;padding-bottom:24px;background-color:#090e14}.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;font-size:13px;margin-top:8px}.mobile-progress-wrapper{position:relative;display:flex;align-items:center;width:100%;height:6px;flex-shrink:0;cursor:pointer;overflow:hidden;margin:0}.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}.yandex{padding:10px;position:absolute;top:50%;left:50%;padding-inline:30px;transform:translate(-50%,-50%);display:flex;justify-content:space-between;flex-direction:column;width:350px;height:380px;box-shadow:0 4px 8px #0003;background-color:#0f121c;border:#020507 1px solid;z-index:4;text-align:left;border-radius:25px}.yandexBlock{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.inputYandex{padding:14px;box-sizing:border-box;width:100%;height:110px;margin-bottom:20px;resize:none;background-color:#151a1f;border-radius:10px;border:1px rgba(255,255,255,.4) solid;color:#fff}.inputYandex:focus{outline:none;transition:.3s;border:1px solid rgb(0 215 244 / .8)}.yandexBtnImport{background-color:#ffcc0080;border:none;border-radius:15px;height:50px;width:100%;color:#000;font-size:16px;font-weight:900;text-align:center;padding-inline:10px;margin-block:10px}.yandexH1{font-size:1.6rem;color:#fff;text-align:left}.yandex h5{margin:0;text-align:left;text-transform:uppercase}.yandex p{color:#fff9}.yandex span{font-weight:900}@media (max-width:780px){.yandex{max-width:420px;width:90vw}}.VK{padding:10px;position:absolute;top:50%;left:50%;padding-inline:30px;transform:translate(-50%,-50%);display:flex;flex-direction:column;width:350px;height:fit-content;overflow-y:auto;overflow-x:hidden;max-height:800px;box-shadow:0 4px 8px #0003;background-color:#0f121c;border:#020507 1px solid;z-index:4;text-align:left;border-radius:25px}.VKblock{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.VKh1{font-size:1.6rem;color:#fff;text-align:left}.ImportVK{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.instructionsImportVK{box-sizing:border-box;padding:10px;width:105%;height:300px;background-color:#151a1f;border-radius:20px;margin-bottom:20px}.instructionsImportVK h6{margin:0;display:flex;align-items:center;gap:5px;color:#00d7f4cc;font-weight:900;font-size:.8rem}.instructionsImportVK p{font-size:.7rem;color:#ffffffb3}.instructionsImportVK h5{margin:0;color:#fff;font-weight:700}.VK a{color:#00d7f4cc;font-weight:900;font-size:.8rem}a{text-decoration:none;position:relative}.VK a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:currentColor;transition:width .3s ease}a:hover:after{width:100%}.VK ol{margin:0;padding-inline:20px}.VK li{padding-block:2px;font-size:.8rem}.VK span{color:#00d7f4cc;background-color:#00d7f41a}.VK h5{font-size:.8rem}.Instructions{margin:0;font-size:.8rem}.fileVK{position:absolute;top:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:0}.fileImportTracks{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:105%;height:150px;background-color:#151a1f;border-radius:20px;border:2px rgba(255,255,255,.2) dashed}.fileImportTracks p{color:#fff;margin-block:2px;font-size:.8rem}.fileImportTracks span{color:gray;background:none;margin-block:2px;font-size:.7rem}.buttonImportTracksVK{margin-block:10px;width:105%;height:50px;color:#fff;font-size:16px;font-weight:900;background:#07fc;opacity:.4;border:1px solid rgba(0,119,255,.2);border-radius:20px;display:flex;justify-content:center;align-items:center}.fileReader{display:flex;flex-direction:column;margin-block:10px;border-radius:20px;height:fit-content;width:105%;padding-bottom:10px;background-color:#151a1f}.fileReader h6{font-size:.8rem;margin:5px}.files{display:flex;flex-direction:column;align-items:center;justify-content:center}.blueCircle{width:5px;height:10px;background-color:#00d7f4cc;border-radius:50%}.file{gap:5px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-inline:5px;margin:5px;width:95%;border-radius:10px;height:30px;background-color:#ffffff0d}.file p{font-size:.8rem;color:#fff;font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:250px}.xButton{display:flex;flex-direction:row;justify-content:center;align-items:center}.xButton:hover{width:20px;height:20px;border-radius:20px;background-color:#ffffff0d}.allDeleteBtn{color:red;outline:none;border:none;cursor:pointer;font-size:.7rem;background:transparent}@media (max-width:780px){.VK{width:90vw;max-width:420px;height:fit-content;max-height:400px}.instructionsImportVK{height:fit-content}}.addTrackWrapper{position:absolute;z-index:6;top:50%;left:50%;transform:translate(-50%,-50%);max-width:520px;max-height:850px;overflow-y:auto;width:100%;background:#0d1921f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 16px 40px #00000080;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-sizing:border-box}.addTrackHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.headIconCircle{width:48px;height:48px;border-radius:50%;background:#00d7f41f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.circle{width:40px;height:40px;border-radius:50%;background:#ffffff0f;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.circle:hover{background:#ffffff1f}.addTrackHead h1{font-size:22px;font-weight:700;color:#fff;margin:0 0 4px}.addTrackHead p{color:#7e8b9b;font-size:13px;margin:0}.addTrackField{margin-bottom:20px}.addTrackField label,.addTrackLabel{display:block;font-size:11px;font-weight:700;color:#8c9ba8;margin-bottom:8px;letter-spacing:.5px}.addTrackStar{color:#8c9ba8}.addTrackNote{font-size:11px;color:#00d7f4;font-weight:700;cursor:pointer;letter-spacing:.3px}.inputWithIcon{position:relative;display:flex;align-items:center}.fieldIcon{position:absolute;left:14px;color:#5d6b79;pointer-events:none}.textareaIcon{top:14px}.addTrackField input,.addTrackBlock input,.addTrackField textarea{width:100%;padding:12px 14px 12px 44px;background:#16242d;border:1px solid #1e2f3b;border-radius:12px;font-size:14px;color:#fff;transition:.2s;font-family:inherit;box-sizing:border-box}.addTrackField input:focus,.addTrackBlock input:focus,.addTrackField textarea:focus{outline:none;border-color:#00d7f4;background:#1a2b36}.addTrackField input::placeholder,.addTrackBlock input::placeholder,.addTrackField textarea::placeholder{color:#4c5a67}.addTrackField textarea{resize:none;min-height:100px}.addTrackBlock{margin-bottom:20px}.addTrackFlex{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.addTrackBtn{width:100%;padding:14px;background:#00d7f4;color:#fff;border:none;font-weight:900;border-radius:14px;font-size:15px;height:55px;cursor:pointer;transition:.2s;margin-top:10px;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px}.blockSearch{position:relative;display:flex;align-items:center;justify-content:flex-start;width:100%;height:100px;margin-top:10px;background:#00d7f4}.artist{display:flex;align-items:center;justify-content:space-between;background:#09090b;width:100%;height:30px}.addTrackBtn:hover{background:#1ae0fc;box-shadow:0 4px 20px #00d7f44d}.addTrackBtn:active{transform:scale(.98)}.artist{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background-color:#121c24;border-radius:8px;color:#fff;font-family:sans-serif;cursor:pointer}.artist-name{margin:0;font-size:16px;font-weight:500}.artists-container{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;overflow-x:hidden;background-color:#121c24;border-radius:12px;padding:8px}.artist{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:8px;color:#fff;cursor:pointer;width:96%;transition:background-color .2s}.artist:hover{background-color:#ffffff0d}.artist-info{display:flex;align-items:center;gap:12px}.artist-img{width:40px;height:40px;border-radius:50%;object-fit:cover}.artist-name{margin:0;font-size:15px;font-weight:500}.circle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid #2a3a48}.circle.active{background-color:#00c3e6;border-color:#00c3e6;background-position:center;background-repeat:no-repeat;background-size:16px}.loader{position:absolute;right:0;margin:4px;border:2px solid #00c3e6;border-top:2px solid white;border-radius:50%;width:15px;height:15px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.LoadingArtist{display:flex;align-items:center;justify-content:center;width:100%;height:40px;border-radius:20px;border:1px solid #2a3a48;background-color:#121c24}.list-Artists{margin-block:5px;display:grid;grid-template-columns:repeat(2,1fr)}.artist-tag{display:inline-flex;align-items:center;text-overflow:ellipsis;max-width:200px;background-color:#022c33;border:1px solid #005f6b;border-radius:100px;padding:6px 12px 6px 6px;gap:10px;transition:all .2s ease}.artist-tag:hover{border-color:#00d7f4}.artist-tag-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;display:block}.artist-tag-name{color:#00d7f4;font-size:16px;font-weight:500;-webkit-user-select:none;user-select:none}.artist-tag-remove{background:none;border:none;padding:0;cursor:pointer;color:#008fa3;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.artist-tag-remove:hover{color:#ff4d4d}@media (max-width: 780px){.addTrackWrapper{padding:10px;max-height:450px}.circle{margin:5px;width:24px;height:24px}}