@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";body{margin:0;background-image:url(/images/background.png);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;color:#fff;font-family:Rubik,sans-serif}.title{font-size:calc(25px + 2vw)}.title-2{font-size:calc(20px + 1.5vw)}.loading-page{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh}.loading-page img{width:40%}.loader{width:50px;aspect-ratio:1;border-radius:50%;background:radial-gradient(farthest-side,#fff 94%,#0000) top/8px 8px no-repeat,conic-gradient(#0000 30%,#fff);mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);animation:l13 1s infinite linear}@keyframes l13{to{transform:rotate(1turn)}}.login-page{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.select-page h1{text-align:center}.select-page .songs .loader{margin:auto}.select-page .h{display:flex;align-items:center;justify-content:center;gap:30px}.select-page .btn,.select-page input{border:none;background-color:#fff3;box-shadow:inset #00000047 2px 3px 7px,#0000002f 2px 2px 12px;backdrop-filter:saturate(2);-webkit-backdrop-filter:saturate(2);padding:10px;border-radius:50px;color:#fff;font-size:calc(15px + 1vw);cursor:pointer}.select-page input{cursor:text}.select-page .play-wrapper{width:100%;display:flex;flex-wrap:wrap;gap:50px;justify-content:center;margin-bottom:50px}.select-page .play-wrapper .playlist{max-width:500px;display:flex;flex-direction:column;align-items:center;background-color:#ffffff0d;box-shadow:inset #00000047 2px 3px 7px,#0000002f 2px 2px 12px;backdrop-filter:saturate(2);-webkit-backdrop-filter:saturate(2);padding:20px;border-radius:50px;cursor:pointer;-webkit-user-select:none;user-select:none}.select-page .play-wrapper.small .playlist{max-width:200px}.select-page .play-wrapper .playlist img{width:100%;border-radius:30px}.select-page .play-wrapper.small .playlist img{width:200px}.select-page .play-wrapper.small .playlist p{text-align:center;font-size:1.5rem}.select-page .play-wrapper .playlist p{font-size:2rem}.select-page .loader-fs{position:fixed;width:100vw;height:100vh;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:100}.select-page .search{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:30px 30px 0;position:fixed;top:0%;left:0%;width:100%;height:100%;background-color:#0009;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.select-page .songs{margin-top:50px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:90%;gap:50px;overflow-y:scroll}.select-page .songs .song{box-sizing:border-box;background-color:#ffffff0d;box-shadow:inset #00000047 2px 3px 7px,#0000002f 2px 2px 12px;backdrop-filter:saturate(2);-webkit-backdrop-filter:saturate(2);padding:20px;display:flex;flex-direction:column;justify-content:stretch;align-items:center;border-radius:40px;max-width:300px;cursor:pointer}.select-page .songs .song .info{font-size:calc(12px + .8vw);text-align:center}.select-page .songs .song .info .song-author{font-size:calc(8px + .6vw)}.select-page .songs .song img{width:100%;border-radius:20px}.player-page{height:100vh}.player-page *{scrollbar-width:none}.player-page .howto{position:fixed;display:flex;gap:50px;right:50px;max-height:200px;z-index:10}.player-page .howto .card{display:flex;gap:10px;flex-direction:column;max-width:100px;background-color:#0000001a;box-shadow:inset #00000026 2px 3px 7px,#0000002f 2px 2px 12px;backdrop-filter:saturate(2);-webkit-backdrop-filter:saturate(2);padding:20px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;cursor:none;z-index:100}.player-page .howto .card p{margin:0}.player-page .howto .card img,.player-page .howto .card svg{width:100px;height:100px;border-radius:10px}.player-page .howto .card svg{box-sizing:border-box;padding:8px;background-color:#fff}.player-page .player{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center}.player-page .player.no-lyrics *{transition:max-width 1s ease-in-out .75s,padding 1s ease-in-out .75s,width 1s ease-in-out .75s,opacity .5s ease-out}.player-page .player *{transition:max-width 1s ease-in-out,padding 1s ease-in-out,width 1s ease-in-out,opacity .5s ease-out 1.25s}.player-page .lyrics div.chorus{position:fixed;box-sizing:border-box;width:44vw;top:25%;background-color:#ffffff1a;padding:30px;text-shadow:rgba(0,0,0,.4) 1px 1px 5px;overflow:hidden;text-wrap:nowrap;font-size:30px}.player-page .lyrics div.chorus.hidden{width:0px;padding-right:0;padding-left:0}.player-page .lyrics div.chorus .filler{position:absolute;top:0;left:0;width:0%;height:100%;background-color:#ffffff1a;-webkit-backdrop-filter:saturate(2);backdrop-filter:saturate(2);z-index:-1;transition:4s ease-in-out}.player-page .lyrics div.chorus .filler.filled{width:100%}.player-page .lyrics div.chorus p{margin:0}.player-page .player.no-lyrics .lyrics{max-width:0;padding:0;opacity:0;-ms-overflow-style:none;scrollbar-width:none}.player-page .player.no-lyrics .lyrics::-webkit-scrollbar{display:none}.player-page .player.no-lyrics .info img{width:70vh}.player-page .player .info{display:flex;flex-direction:column;align-items:center;gap:25px;flex:1}.player-page .player .info:has(img.e-video){flex-direction:row;height:100%}.player-page .player .info img.e-video,.player-page .player .info video{height:100%;width:auto;border-radius:0;box-shadow:10px 0 100px #000}.player-page .player .info:has(img.e-video) .data{position:absolute;bottom:20px;left:20px;text-align:left}.player-page .player .info img{box-sizing:border-box;background-color:#fff3;width:60%;border-radius:30px;box-shadow:0 0 40px #0000004d}.player-page .player .info .data{display:flex;flex-direction:column;text-align:center;background-color:#0000001a;box-shadow:inset #00000026 2px 2px 7px,#00000026 2px 2px 12px;border-radius:25px;backdrop-filter:saturate(2) blur(10px);-webkit-backdrop-filter:saturate(2) blur(10px);padding:20px}.player-page .player .info .data p{margin:0;text-shadow:2px 2px 5px rgba(0,0,0,.7);padding:5px}.player-page .player .info .data p.title{font-size:2.5rem;font-weight:600;max-width:600px;text-wrap:nowrap;overflow-x:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 1.5%,black 98%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,black 1.5%,black 98%,transparent 100%)}.player-page .player .info .data p.album{max-width:600px;text-wrap:nowrap;-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 1.5%,black 98%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,black 1.5%,black 98%,transparent 100%);margin-bottom:0;padding-bottom:5px}.player-page .player .info .data p.year{margin-top:0;padding-top:0}.scrolling-text-wrapper{position:relative;max-width:600px;height:1.5em;white-space:nowrap}.scrolling-text{display:inline-block;white-space:nowrap;animation:marquee-loop 20s cubic-bezier(.33,.02,.65,.97) infinite}.scrolling-text.album{display:inline-block;white-space:nowrap;animation:marquee-loop-album 20s cubic-bezier(.33,.02,.65,.97) infinite}@keyframes marquee-loop{0%{transform:translate(0)}10%{transform:translate(0)}90%{transform:translate(calc(-50% - 17px))}to{transform:translate(calc(-50% - 17px))}}@keyframes marquee-loop-album{0%{transform:translate(0)}10%{transform:translate(0)}90%{transform:translate(calc(-50% - 7px))}to{transform:translate(calc(-50% - 7px))}}.player-page .player .lyrics{max-width:100%;box-sizing:border-box;flex:1;overflow-y:scroll;overflow-x:hidden;max-height:100%;padding-right:50px;padding-left:50px;padding-top:40vh}.player-page .player .lyrics .loader{position:absolute;width:150px;right:25%;z-index:1000;opacity:0;transition:opacity .5s ease}.player-page .player .lyrics.loading .loader{opacity:1}.player-page .player .lyrics .line:has(.authors){font-size:1rem!important;color:#fff!important;filter:none!important;text-shadow:2px 2px 5px black}.player-page .player .lyrics .line{font-size:2.5rem;text-wrap:wrap;color:#ffffff4d;margin:40px 0;filter:blur(5px);padding-right:25px;max-height:100%;transition:.3s ease-out!important;overflow:visible;opacity:1;transform-origin:left;margin-right:100px!important}.player-page .player .lyrics.loading .line{opacity:0}.player-page .player .lyrics .line.align-left{text-align:left}.player-page .player .lyrics .line.align-right{text-align:right;padding-right:0;padding-left:25px}.player-page .player .lyrics .line.align-center{text-align:center}.player-page .player .lyrics .line.align-block{height:50px}.player-page .player .lyrics .line.active+.line{filter:blur(2px)}.player-page .player .lyrics .line.active{filter:blur(0px);scale:1.15;text-shadow:2px 2px 5px rgba(0,0,0,.7)}.player-page .player .lyrics .line.active:not(.syllable){color:#fff}.player-page .player .lyrics .line.no-time{color:#fff;filter:blur(0)!important;text-shadow:2px 2px 5px rgba(0,0,0,.7)}.player-page .player .lyrics .line.syllable .word{display:inline-block;text-shadow:none;position:relative;color:#ffffff59;background:linear-gradient(90deg,rgb(255,255,255) 47%,transparent 53%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(255,255,255,.15);will-change:background-position;background-size:220%;background-position:100% 0}.player-page .player .lyrics .line.syllable .word.wrd-active{transition:background-position var(--transition-duration, 2s) linear,transform var(--transition-duration, 2s) ease,text-shadow var(--transition-duration, 2s) ease;background-position:0% 0;text-shadow:5px 5px 10px rgba(0,0,0,.2)}.player-page .player .lyrics .line.syllable .word.wrd-active.highlight .letter{display:inline-block;animation:highlight-letter;animation-duration:var(--trans);animation-delay:var(--delay)}@keyframes highlight-letter{0%{scale:1;text-shadow:0 0 10px rgba(255,255,255,0)}50%{scale:1.15;text-shadow:0 0 10px rgba(255,255,255,1)}to{scale:1;text-shadow:0 0 10px rgba(255,255,255,0)}}.player-page .player .lyrics .line .word.sub{font-size:2rem!important}.player-page .player .lyrics .line.gone{opacity:0;scale:1.4;filter:blur(2)}.player-page .player .lyrics p .sp{transform:scale(0);transition:1s ease-in-out;display:flex;justify-content:center;gap:20px}.player-page .player .lyrics p.active .sp{transform:scale(1);transition:1s ease-in-out}.player-page .player .lyrics p.active .sp.active{animation:sp-bounce 1s alternate infinite ease-in-out}.player-page .player .lyrics p.active .sp.active.hide{animation:sp-hide 1s forwards ease-in-out}@keyframes sp-bounce{0%{transform:scale(1)}to{transform:scale(1.15)}}@keyframes sp-hide{50%{opacity:0}to{opacity:0;transform:scale(0)}}.player-page .player .lyrics .sp .circle{width:40px;height:40px;background-color:#ffffff4d;border-radius:100%;box-shadow:0 0 10px #0006;transition:2s ease-in-out}.player-page .player .lyrics .sp .circle.fill{background-color:#fff;box-shadow:0 0 20px #fff}.filter{position:fixed;top:0;left:0;width:100vw;height:100vh;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);z-index:-1}canvas{position:fixed;width:110vw;height:110vh;top:0;right:0;z-index:-2}:root{--toastify-color-dark: rgba(0, 0, 0, .8) !important}.Toastify__toast{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.client-page{display:flex;flex-direction:column;align-items:center}.client-page .loader-fs{position:fixed;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.client-page button.float-bottom{position:fixed;bottom:20px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:100}.client-page .search-box{display:flex;gap:10px;width:70%;max-width:600px}.client-page .search-box input{width:100%;font-size:calc(10px + 2vw);font-family:Rubik,sans-serif;color:#fff;border:none;background-color:#fff3;box-shadow:inset #00000047 2px 3px 7px,#0000002f 2px 2px 12px;backdrop-filter:saturate(2);-webkit-backdrop-filter:saturate(2);padding:10px;border-radius:50px}.client-page button{border:none;background-color:#fff3;box-shadow:inset #00000047 2px 3px 7px,#0000002f 2px 2px 12px;backdrop-filter:saturate(2);-webkit-backdrop-filter:saturate(2);padding:10px;border-radius:50px;color:#fff;font-size:calc(15px + 2vw);cursor:pointer}.client-page .songs{margin-top:50px;display:flex;flex-direction:column;width:90%;gap:10px}.client-page .songs .loader{margin:auto}.client-page .songs .song{box-sizing:border-box;border:none;background-color:#ffffff0d;box-shadow:inset #00000047 2px 3px 7px,#0000002f 2px 2px 12px;backdrop-filter:saturate(2) blur(10px);-webkit-backdrop-filter:saturate(2) blur(10px);padding:20px;display:flex;justify-content:stretch;align-items:center;width:100%;gap:20px;border-radius:40px}.client-page .songs .song .info{width:100%;font-size:calc(15px + 1vw);text-wrap:no-wrap;overflow-x:hidden}.client-page .songs .song .info .song-author{font-size:calc(10px + .8vw)}.client-page .songs .song img{width:60%;border-radius:20px;max-width:100px}.client-page .queue{box-sizing:border-box;border:none;background-color:#0003;box-shadow:inset #00000047 2px 3px 7px,#0000002f 2px 2px 12px;backdrop-filter:saturate(2) blur(10px);-webkit-backdrop-filter:saturate(2) blur(10px);position:fixed;height:80vh;bottom:-100vh;padding:30px 20px 100px;display:flex;flex-direction:column;gap:20px;border-top-left-radius:30px;border-top-right-radius:30px;transition:.5s ease-in-out;width:100%;overflow-y:scroll}.client-page .queue.visible{bottom:0}.client-page .queue .loader{margin:auto}.client-page .queue p.t{margin:0;font-size:calc(15px + 2vw)}.client-page .queue p.song-title{margin:0 0 5px;font-size:calc(10px + 2vw)}.client-page .queue p.song-author{margin:0;font-size:calc(5px + 2vw)}.client-page .queue .song{align-items:center;box-sizing:border-box;padding:10px;border-radius:20px;display:flex;gap:20px;color:#fff;z-index:10;background-color:#0009}.client-page .queue .song img{width:100px;border-radius:10px}.cbc{--checkbox-size: 25px;--checkbox-color: #ffffff;--checkbox-shadow: rgba(77, 0, 133, .3);--checkbox-border: rgba(66, 14, 220, .7);display:flex;align-items:center;position:relative;cursor:pointer;padding:10px}.cbc input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.cbc .checkmark{position:relative;width:var(--checkbox-size);height:var(--checkbox-size);border:2px solid var(--checkbox-border);border-radius:8px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);display:flex;justify-content:center;align-items:center;background:#0003;box-shadow:0 0 15px var(--checkbox-shadow);overflow:hidden}.cbc .checkmark:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(45deg,#710e8f,#b41ae3);opacity:0;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);transform:scale(0) rotate(-45deg)}.cbc input:checked~.checkmark:before{opacity:1;transform:scale(1) rotate(0)}.cbc .checkmark svg{width:0;height:0;color:#ff86fb;z-index:1;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.cbc input:checked~.checkmark svg{width:18px;height:18px;transform:rotate(360deg)}.cbc:hover .checkmark{border-color:#000;transform:scale(1.1);box-shadow:0 0 20px var(--checkbox-shadow),0 0 40px var(--checkbox-shadow),inset 0 0 10px var(--checkbox-shadow)}.cbc input:checked~.checkmark{animation:pulse 1s cubic-bezier(.68,-.55,.265,1.55)}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 20px var(--checkbox-shadow)}50%{transform:scale(.9);box-shadow:0 0 30px var(--checkbox-shadow),0 0 50px var(--checkbox-shadow)}to{transform:scale(1);box-shadow:0 0 20px var(--checkbox-shadow)}}.cbc .label{margin-left:15px;font-family:Segoe UI,sans-serif;color:var(--checkbox-color);font-size:18px;text-shadow:0 0 10px var(--checkbox-shadow);opacity:.9;transition:all .3s}.cbc:hover .label{opacity:1;transform:translate(5px)}.cbc:after,.cbc:before{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:var(--checkbox-color);opacity:0;transition:all .5s}.cbc:before{left:-10px;top:50%}.cbc:after{right:-10px;top:50%}.cbc:hover:before{opacity:1;transform:translate(-10px);box-shadow:0 0 10px var(--checkbox-color)}.cbc:hover:after{opacity:1;transform:translate(10px);box-shadow:0 0 10px var(--checkbox-color)}.security-check{opacity:0;transition:.3s ease}.security-check.visible{opacity:1}.admin-page{display:flex;flex-direction:column;align-items:stretch;gap:30px;width:35%;max-width:600px;margin:auto}.admin-page .settings{margin-bottom:20px}.admin-page .h{display:flex;justify-content:center;gap:30px}.admin-page .h button{flex-grow:1}.admin-page .title{display:flex;justify-content:flex-start;align-items:center;gap:20px}.admin-page .title span{flex-grow:1}.admin-page .title span.load{width:100px}.admin-page .settings{background-color:#0000001a;box-shadow:inset #00000047 2px 3px 7px,#0000002f 2px 2px 12px;backdrop-filter:saturate(2);-webkit-backdrop-filter:saturate(2);padding:40px;display:flex;flex-direction:column;gap:20px;border-radius:50px;transition:.3s ease}.admin-page .settings.unlocked *:not(.title){filter:blur(5px);pointer-events:none}.admin-page .settings .input-txt{font-family:Rubik,sans-serif;padding:5px;background-color:#ffffff1a;border:2px solid rgb(39,0,157);color:#fff;font-size:30px;outline:none;border-radius:15px}.admin-page .button{font-family:Rubik,sans-serif;padding:5px;background-color:#ffffff1a;border:2px solid rgb(39,0,157);color:#fff;font-size:30px;outline:none;border-radius:15px;cursor:pointer;transition:.2s ease-in-out}.admin-page .button:hover{box-shadow:0 0 40px #27009d89;background-color:#8e68ff47}.admin-page .settings .title{margin:0;font-size:30px;font-weight:700}.admin-page .songs{display:flex;flex-direction:column;gap:20px}.admin-page .songs .song{box-sizing:border-box;display:flex;align-items:center;gap:20px;background-color:#ab75f11a;padding:20px;border-radius:30px}.admin-page .songs .song .song-title{font-size:30px;margin:0}.admin-page .songs .song .info{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.admin-page .songs .song .song-author{font-size:15px;margin:0}.admin-page .songs .song img{width:20%;border-radius:10px}.admin-page .songs .song button{font-size:15px;padding:5px 10px}.admin-page .ss-dummy{position:fixed;z-index:10}.admin-page .ss-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:10}.admin-page .song-search{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.admin-page .song-search .h{display:flex;gap:20px}.admin-page .song-search .songs{max-height:60vh;overflow-y:scroll}