@charset "UTF-8";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes progress{0%{background-position:0 0;background-size:100%}50%{background-position:3000px 3000px;background-size:200%}to{background-position:0 0;background-size:100%}}html{position:relative;margin:0;background:#000!important;padding:0;height:100%;overflow:hidden}body{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;transition:background .3s ease;margin:0;background:#000;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;padding:0;overflow-x:hidden;overflow-y:scroll}.bg-wrapper{position:fixed!important;top:0;right:0;bottom:0;left:0;z-index:0;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;background:#000;content:""}*{-webkit-appearance:none;outline:none!important;font-family:Open Sans,sans-serif}a{color:inherit;text-decoration:none}#content{transform:translate(0);width:100%;min-height:calc(100% - 75px)}header{position:fixed;top:0;right:0;left:0;z-index:3;z-index:99999999;-webkit-backdrop-filter:blur(50px) saturate(1.8);backdrop-filter:blur(50px) saturate(1.8);background-color:#000;height:75px}.header-place{height:75px}.header-content{display:flex;position:relative;align-items:center;height:75px}.header-content img{margin-left:10px;width:56px;height:56px}.menu{position:absolute;right:0;bottom:0;width:60%;height:100%}.menu a{position:relative;float:right;transition:all .3s ease;width:200px;height:100%;text-align:center}.menu a:hover{box-shadow:inset 0 -100px #ffffff05}.menu a.active{background-color:#ffffff0a}.menu a.active span{color:#fff}.menu span{position:absolute;right:0;bottom:35%;left:0;cursor:pointer;border:none;background:none;color:#ddd;text-align:center}.header-bg{width:100%;height:66px}article[data-type=author]{width:24.4%}article[data-type=author] .descript{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;box-sizing:border-box;min-height:10%!important}article[data-type=author] .descript .content{text-align:center}article[data-type=author] .descript span{width:100%}article[data-type=author] .descript .stat{transform:translateY(-10);opacity:0;transition:all .3s ease;height:0;overflow:hidden;color:#999;font-size:18px}article[data-type=author]:hover .descript{height:100%}article[data-type=author]:hover .descript .stat{transform:translateY(0);opacity:1;transition:all .4s ease-out;height:100%}article[data-type=author]:hover .background{background-position:40%!important}article[data-type=author]:hover span{font-size:30px}article[data-type=author] .background{background-size:cover!important}article[data-type=author] span{transition:all .3s ease}article{display:flex;position:relative;transition:all .3s ease;cursor:pointer;box-sizing:border-box;margin:2px;background:#ffffff0a;width:24.4%;min-width:200px;height:24.6%;min-height:200px;color:#fff}article .descript{position:absolute;right:0;bottom:0;left:0;z-index:2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);transition:all .3s ease;background:#000c;padding:10px;height:fit-content;height:50px;color:#ddd}article .descript span{display:block}article:hover,article.active{background:#ffffff0d}article:hover .descript,article.active .descript{transform:scale(1) translateY(0);opacity:1;background:#080808f7}article:hover .track-button,article.active .track-button{background-color:#000000db}article:hover .track-button:before,article.active .track-button:before{transform:translateY(0);opacity:1}article .descript-bg{position:relative;position:absolute;right:0;bottom:0;left:0;z-index:2;background:transparent;background:#111;padding:10px;height:auto;height:50px;color:#ddd}article:focus .descript{transform:scale(1) translateY(0);opacity:1}article div.background{position:absolute;top:0;left:0;z-index:0;transition:all .3s ease;background:transparent;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;padding:0;width:100%;height:100%}article:after{transition:all .5s ease;background:#0000}article .author{transition:all .3s ease;width:fit-content;overflow:hidden;color:#eee;font-size:22px;font-size:10px}article .author:hover{box-shadow:0 1px #fff}article .title{transition:all .3s ease;height:30px;overflow:hidden;font-size:22px}.author-header-bg{display:flex;align-items:flex-end;background-position:center;background-size:cover;width:100%;height:300px;color:#000}.author-header{display:flex;position:relative;align-items:center;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);box-sizing:border-box;background:#19191980;padding:10px;width:100%;color:#ddd}.author-header div.bg{border-radius:200px;background-position:center;background-size:cover;width:50px;height:50px}.author-header p{margin-left:10px}.about-content-wrapper{display:flex;position:absolute;align-items:center;width:100%;min-height:100%}.about-content{z-index:2;-webkit-backdrop-filter:blur(10px) saturate(1.8);backdrop-filter:blur(10px) saturate(1.8);box-sizing:border-box;margin:auto!important;background:#000000e6;background-position:center;background-size:cover;background-attachment:fixed;padding:100px 22px;width:100%;height:500px;color:#fff;font-size:20px;text-align:center}.about-content .auth{font-size:14px}button.online{transition:background-color .5s ease;cursor:pointer;border:none;border-radius:999px;background-image:url(/assets/images/dd-play.svg);background-position:14px 50%;background-size:20px;background-repeat:no-repeat;background-color:#ffffff1a;padding:7px 14px 7px 40px;color:#fff;font-size:18px}button.online:hover{background-color:#ffffff26}.anix{opacity:0}.head{color:#fff;font-size:27px}.track-button{position:absolute;position:relative;top:0;right:0;bottom:0;left:0;z-index:1;transition:all .3s ease;cursor:pointer;outline:none;border:none;border-radius:0;background-color:transparent;min-width:100%;min-height:100%;color:#000}.track-button:before{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(-20px);opacity:0;z-index:2;transition:all .3s ease-out;margin:auto!important;background-image:url(/assets/images/dd-play.svg);background-position:center;background-repeat:no-repeat;width:32px;height:32px;content:""}.track-button:after{transition:all .5s ease;background:#0000}.track-button-active{background-color:#000000db}.track-button-active:before{transform:translateY(0);opacity:1}.track-button.played:before{background-image:url(/assets/images/dd-pause.svg)!important}.controls .played{background-image:url(/assets/images/dd-pause.svg)!important}div.category-heading{position:relative;transition:all .3s ease-out;margin:0;box-shadow:inset 0 -198px 168px -101px #0e0e0e;background-size:cover!important;background-repeat:no-repeat!important;padding:60px;color:#fff;font-size:20px;text-align:center;text-shadow:0px 0px 7px rgb(0,0,0)}div.category-heading:before{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(120deg,#000,#0000 20%,#0000 20%,#000c)!important;width:100%;height:100%;content:""}div.category-heading span{position:relative;transition:all .3s ease;border-bottom:1px solid #fff;padding:3px}section{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:10px;width:100%}section article{transition:all .3s ease;box-shadow:0 4px 26px -6px #000000bf}section article:hover{box-shadow:0 7px 26px -6px #000}h3{color:#fff}section.list article{display:flex;box-shadow:none;width:100%;height:auto;min-height:auto}section.list article .descript{position:relative;background:transparent;padding:5px;height:auto}section.list article div.background{position:relative;z-index:0;transition:all .3s ease;background:transparent;background-position:center;background-size:cover;background-repeat:no-repeat;padding:0;width:64px;min-width:64px;height:64px}section.list .track-button{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;width:64px;min-width:64px;height:64px;min-height:64px}.tload:after{position:absolute;top:0;right:0;bottom:0;left:0;opacity:1;background:#00000080 url(/assets/images/tail-spin.svg);background-position:center;background-repeat:no-repeat;content:""}.h.recent{background:url(/assets/images/bg-3.jpg)}.h.perf{background:url(/assets/images/bg-6.jpg)}.h.genre{background:url(/assets/images/bg-10.jpeg)}.player-hor-bg{display:none;width:100%}.player-hor-bg.sd{display:block;height:73px}.main-content{padding-bottom:70px}footer.player{position:fixed;right:0;bottom:0;left:0;transform:translateY(70px);opacity:0;z-index:2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);transition:all .5s ease;border-top:6px solid #000;background-color:#000000b0;height:65px;color:#999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}footer.player.active{transform:translate(0);opacity:1}footer.player .data{display:flex;cursor:default}footer.player .poster{z-index:3;transition:all .3s ease;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;background-color:#555;background:url(/assets/images/default.svg);width:64px;height:64px}footer.player .info{z-index:3;padding:4px;width:35%!important;overflow-x:hidden;white-space:nowrap}footer.player .info .title{color:#fff}footer.player .info .author{font-size:12px}footer.player .wrapper .background{position:absolute;top:0;opacity:.01;z-index:0;-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0 100%);clip-path:polygon(0% 0%,100% 0%,100% 100%,0 100%);-webkit-filter:blur(10px);filter:blur(10px);transition:all .3s ease;background-position:center;background-size:100%;background-size:cover;width:100%;height:100%}footer.player .controls{display:flex;position:absolute;top:12px;right:0;bottom:0;left:0;vertical-align:center;gap:4px;margin:0 auto;width:140px;text-align:center}footer.player .controls button{transition:all .3s ease;cursor:pointer;outline:none;border:none;border:1px solid rgba(255,255,255,.1);border-radius:100px;background:transparent;width:40px;height:40px}footer.player .controls button:hover{background:#ffffff1a}footer.player .controls button.prev{background-image:url(/assets/images/dd-backward.svg);background-position:center;background-size:50%;background-repeat:no-repeat}footer.player .controls button.play{background-image:url(/assets/images/dd-play.svg);background-position:center;background-size:50%;background-repeat:no-repeat}footer.player .controls button.next{background-image:url(/assets/images/dd-forward.svg);background-position:center;background-size:50%;background-repeat:no-repeat}footer.player #volumeBar{position:absolute;top:27px;right:20px;cursor:pointer;background:#ffffff1a;width:100px!important;height:5px}footer.player #volumeBar #volume span{position:relative;top:-4px;right:-4px;float:right;transition:all .3s ease!important;box-shadow:0 0 8px -5px #000000bf;border-radius:30px;background:transparent;background:#fff;width:0px;width:12px;height:15px;height:12px;font-size:1px}footer.player #progressBar{position:absolute;top:-5px;z-index:4;cursor:pointer;background:#000;width:100%;height:5px;color:#fff}footer.player #progressBar #progress span{transition:all .3s ease!important;background:transparent;width:0px;height:15px;font-size:1px}footer.player #progressBar:active #progress span{position:relative;top:-4px;right:-4px;float:right;box-shadow:0 0 8px -5px #000000bf;border-radius:30px;background:#fff;width:12px;height:12px;font-size:5px}footer.player #progressBar:hover #progress{transition:all 0s linear}footer.player #progressBar:hover #progress span{position:relative;top:-4px;right:-4px;float:right;box-shadow:0 0 8px -5px #000000bf;border-radius:30px;background:#fff;width:12px;height:12px;font-size:5px}footer.player #buffered{display:inline-block;position:absolute;top:0;left:0;transition:all .3s ease;background-color:#111;width:0%;height:5px!important;height:5px;font-size:3px}footer.player #buffered:hover+#progress{transition:all 0s linear}footer.player #progress{display:inline-block;position:absolute;top:0;left:0;transition:all .3s linear;background-color:#fff;width:0%;height:5px!important;height:5px;font-size:3px}footer.player #progress:hover{transition:all 0s linear}footer.player #volume{position:absolute;top:0;left:0;background-color:#fff;height:5px!important}.loading{display:block;position:fixed;top:0;left:0;z-index:20;transition:all .1s ease;background:#fff;width:0;height:4px;text-align:center}.loading.hide{opacity:0}.loading.progress{animation:progress 60s ease-out infinite;transition:all .1s ease;background-image:repeating-linear-gradient(90deg,#fff,#fff 50%,#0000 50%,#0000)!important;background-color:#0000;width:100%!important}div.auth{position:relative;width:100%;height:80%;min-height:80%;max-height:100%}div.auth div{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:300px;height:340px;color:#fff;font-size:40px;text-align:center;text-shadow:0px 0px 7px rgb(0,0,0)}div.auth div form{box-shadow:0 10px 25px 6px #0006;background:#222}div.auth div form button{transition:all .3s ease;cursor:pointer;border:none;background:none;padding:10px;width:50%;color:#ddd}div.auth div form button:hover{background:#444;color:#fff}div.auth input{transition:all .3s ease;box-sizing:border-box;outline:none;border:none;background:#222;padding:20px;width:100%;color:#ddd}div.auth input:hover{background:#252525}div.auth input:focus{background:#252525}div.auth input[type=submit]{transition:all .3s ease;cursor:pointer;background:#333;color:#ddd}div.auth input[type=submit]:hover{background:#444;color:#fff}input:-webkit-autofill{-webkit-box-shadow:0 0 0 50px #2f2f2f inset;-webkit-text-fill-color:#fff!important}input:-webkit-autofill:focus{box-shadow:0,0 0 0 50px #efefef inset;-webkit-text-fill-color:#333}.admin-panel{position:relative;width:100%;height:500px}.admin-panel .a-menu{position:absolute;top:0;bottom:0;left:0;background:#1d1d1d;width:200px}.admin-panel .a-menu button{transition:all .3s ease;cursor:pointer;border:none;background:#222;padding:20px;width:100%;color:#ddd}.admin-panel .a-menu button:hover{background:#303030}.admin-panel .a-menu button.cur{background:#444}.admin-panel .a-content{position:absolute;top:0;right:0;bottom:0;left:200px;background:#111;padding:20px;overflow-x:hidden;overflow-y:auto;color:#fff}.admin-panel .a-content .succ{box-sizing:border-box;background:#ddd;padding:15px;width:100%}.admin-panel .a-content form{display:flex}.admin-panel .a-content form .poster{width:200px;height:200px}.admin-panel .a-content form .info{margin-left:5px;width:100%}.admin-panel input{display:inline-block;transition:all .3s ease;box-sizing:border-box;margin:1px;border:none;background:#333;padding:15px;width:100%;color:#ddd;font-size:15px}.admin-panel input:focus{background:#333}.admin-panel input:hover{background:#444}label[for=upload]{display:inline-block;transition:all .3s ease;box-sizing:border-box;margin:0;border:none;background:#333;background:#222;padding:15px;width:100%;color:#ddd;color:#fff;font-size:15px}label:hover[for=upload]{background:#555}input#upload[type=file]{display:none}label.cab:hover[for=upload]{background-color:#eee}input#album[type=file]{display:none}label.poster{display:inline-block;position:relative;background:#333 url(/assets/images/default-material.svg);background-position:center;background-size:50%;background-repeat:no-repeat;content:""}label.poster .image{position:absolute;top:0;right:0;bottom:0;left:0;transition:all .3s ease;background-position:center;background-size:cover;background-repeat:no-repeat;content:""}label.poster .image:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(10px);opacity:0;transition:all .3s ease;margin:auto;background:#fff;width:35px;height:37px;content:"➦";color:#000;font-size:25px;text-align:center}label.poster .image:before{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:all .3s ease;margin:auto;background:#000000b3;content:"";text-align:center}label.poster:hover .image:after{opacity:1;zoom:1;transform:translateY(0)}label.poster:hover .image:before{opacity:1;zoom:1;transform:translateY(0)}.youtube-link{display:flex;position:absolute;top:0;right:10px;bottom:0;transition:all .3s ease;cursor:pointer;margin:auto;border-radius:5px;background:#ff5454;padding:5px;width:100px;height:20px;color:#fff;line-height:19px;text-align:center}.youtube-link:before{position:absolute;top:0;right:5px;bottom:0;z-index:1;margin:auto;height:18.5px;content:"Subscribe"}.youtube-link:after{position:absolute;top:0;right:0;bottom:0;z-index:0;transition:all .3s ease;background:#00000026;width:0%;content:""}.youtube-link:hover:after{position:absolute;width:80px}.youtube-link .icon{margin-right:6px;background:url(/assets/images/youtube.svg?v3);background-size:cover;width:20px;height:20px;content:""}button.youtube{position:absolute;top:0;right:10px;bottom:0;margin:auto;border:none;border-radius:5px;background-image:url(/assets/images/youtube.svg?v3);background-position:left 4px center;background-size:65%;background-repeat:no-repeat;background-color:#ff5454;width:24px;height:24px;content:""}button.logout{transition:all .3s ease;cursor:pointer;border:none;background:#222;padding:10px;width:100%;color:#ddd}button.logout:hover{background:#242424}.notify-wrapper{position:fixed;bottom:0;left:0;z-index:20;width:300px}.notify-wrapper div{box-sizing:border-box;margin:2px;box-shadow:0 3px 5px #000000bf;background:#333;padding:20px;width:100%;color:#fff;font-size:18px}article[data-type=genre].metal .background{background-image:url(/assets/images/genres/metal.svg);background-color:#222}article[data-type=genre].dubstep .background{background-image:url(/assets/images/genres/dubstep.svg);background-color:#2e1e3d}article[data-type=genre] .background{background-position:center!important;background-size:34%!important}article[data-type=genre] .descript{background:#0003;padding:15px;height:auto;font-size:18px}article[data-type=genre]:hover .descript{background:#00000080}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#161616}::-webkit-scrollbar-thumb:hover{background:#292929}@media (max-width: 800px){footer.player .controls{top:12px;right:0;bottom:auto;left:auto}footer.player #volumeBar{display:none}.menu{display:none}article[data-type=author]{width:100%;height:160px!important;min-height:100px!important}}.smooth-background-image{position:relative;overflow:hidden}.smooth-background-image .rendering-wrapper .background-image{position:absolute;top:0;left:0;opacity:0!important;z-index:-1;transition:all .5s ease!important;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%}.smooth-background-image .rendering-wrapper .hidden-loading-image{position:absolute;top:0;left:0;width:0px;height:0px}.smooth-background-image.loaded .background-image{opacity:1!important}.smooth-visibility{transition:all .3s ease}.smooth-visibility.hidden{opacity:0}@keyframes app-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-animate-spin{animation-duration:1s!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important;animation-name:app-spin!important}:root .loading-wrapper,#root .loading-wrapper,#root .blob-sidebar-wrapper .loading-wrapper{display:flex!important;position:absolute;top:0;left:0;justify-content:center;align-items:center;z-index:99;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);transition:all .3s ease;background:#00000080;width:100%;height:100%}:root .loading-wrapper .loading,#root .loading-wrapper .loading,#root .blob-sidebar-wrapper .loading-wrapper .loading{position:relative!important}:root .loading-wrapper.hidden,#root .loading-wrapper.hidden,#root .blob-sidebar-wrapper .loading-wrapper.hidden{display:flex!important}:root .loading-wrapper.global,#root .loading-wrapper.global,#root .blob-sidebar-wrapper .loading-wrapper.global{position:fixed}:root .loading-wrapper.hidden,#root .loading-wrapper.hidden,#root .blob-sidebar-wrapper .loading-wrapper.hidden{opacity:0}:root .loading-wrapper .loading,#root .loading-wrapper .loading,#root .blob-sidebar-wrapper .loading-wrapper .loading{display:flex;justify-content:center;align-items:center;border:2px solid transparent;border-radius:10px;background-color:transparent;padding:20px;width:64px;height:64px}:root .loading-wrapper .loading.hidden,#root .loading-wrapper .loading.hidden,#root .blob-sidebar-wrapper .loading-wrapper .loading.hidden{display:flex!important}.alchemy-avatar-wrapper{position:relative}.alchemy-avatar-wrapper .alchemy-avatar{--avatar-size: 0px;position:relative;border:1px solid var(--app-light-05a);border-radius:100%;background:radial-gradient(120.76% 197.5% at 5.64% -71.25%,var(--app-light-05a) 0%,var(--app-light-1a) 6.77%,var(--app-light-05a) 78.65%);width:var(--avatar-size);height:var(--avatar-size);overflow:hidden}.alchemy-avatar-wrapper .alchemy-avatar.size-nano{--avatar-size: 16px}.alchemy-avatar-wrapper .alchemy-avatar.size-micro{--avatar-size: 18px}.alchemy-avatar-wrapper .alchemy-avatar.size-micro-20{--avatar-size: 20px}.alchemy-avatar-wrapper .alchemy-avatar.size-tiny{--avatar-size: 24px}.alchemy-avatar-wrapper .alchemy-avatar.size-mini{--avatar-size: 28px}.alchemy-avatar-wrapper .alchemy-avatar.size-little{--avatar-size: 32px}.alchemy-avatar-wrapper .alchemy-avatar.size-small{--avatar-size: 42px}.alchemy-avatar-wrapper .alchemy-avatar.size-middle{--avatar-size: 48px}.alchemy-avatar-wrapper .alchemy-avatar.size-big{--avatar-size: 72px}.alchemy-avatar-wrapper .alchemy-avatar.size-large{--avatar-size: 90px}.alchemy-avatar-wrapper .alchemy-avatar .avatar-image{-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .3s ease;width:100%;height:100%;object-fit:cover}.alchemy-avatar-wrapper .alchemy-avatar .avatar-image.hidden{opacity:0}.alchemy-avatar-wrapper .alchemy-avatar .avatar-skeleton{width:100%;height:100%}.alchemy-avatar-wrapper .alchemy-avatar .avatar-skeleton>span{display:flex;width:100%;height:100%}.alchemy-avatar-wrapper .alchemy-avatar .avatar-skeleton>span .react-loading-skeleton{width:100%;height:100%;--base-color: var(--app-light-0a) !important;--highlight-color: var(--app-light-05a) !important}.alchemy-avatar-wrapper .alchemy-avatar .avatar-image,.alchemy-avatar-wrapper .alchemy-avatar .avatar-icon,.alchemy-avatar-wrapper .alchemy-avatar .avatar-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;animation:.3s fade-in;margin:auto}.alchemy-avatar-wrapper .alchemy-avatar .avatar-image.no-animation,.alchemy-avatar-wrapper .alchemy-avatar .avatar-icon.no-animation,.alchemy-avatar-wrapper .alchemy-avatar .avatar-skeleton.no-animation{animation:0s fade-in}.alchemy-avatar-wrapper .alchemy-avatar .avatar-icon{display:flex;justify-content:center;align-items:center}.alchemy-avatar-wrapper .alchemy-avatar .avatar-icon.hidden{display:flex!important}.alchemy-avatar-wrapper .alchemy-avatar .avatar-icon svg{animation:.3s fade-in;width:calc(var(--avatar-size) * .7);height:calc(var(--avatar-size) * .7)}.alchemy-avatar-wrapper .alchemy-avatar .avatar-icon span{animation:.3s fade-in;color:var(--app-light-5a);font-weight:300;font-size:calc(var(--avatar-size) * .4)}.alchemy-avatar-wrapper .alchemy-avatar.error .avatar-icon svg{width:12px!important}.alchemy-avatar-wrapper .alchemy-avatar .loading-wrapper{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);border-radius:100%}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}