html[data-v-48c7b340]{overflow:hidden}#cont[data-v-48c7b340]{position:absolute;width:50%;margin:auto;bottom:0;left:0;right:0;background-color:#010101;border:0 solid red;height:10vh;z-index:1}#cont>div[data-v-48c7b340]:first-child{position:absolute;width:50%;top:-38vh;border:0 solid red}#cont>div[data-v-48c7b340]:nth-child(2){width:60%}.buttons[data-v-48c7b340]{width:25%;margin:0 auto 0 auto;display:flex;justify-content:space-evenly}.ml-2[data-v-48c7b340],.mt-4[data-v-48c7b340]{color:#fff}#cont>div:nth-child(3)>div[data-v-48c7b340]{display:flex;align-items:center;justify-content:space-evenly}#cont>div:nth-child(3)>div[data-v-48c7b340]:first-child{width:30%;padding:2%}#cont>div:nth-child(3)>div[data-v-48c7b340]:nth-child(2),#cont>div:nth-child(3)>div[data-v-48c7b340]:nth-child(3){width:10%}.slideup-enter-active[data-v-48c7b340],.slideup-leave-active[data-v-48c7b340]{transition:transform 1s ease}.slideup-enter-from[data-v-48c7b340],.slideup-leave-to[data-v-48c7b340]{transform:translateY(300%)}.ellipse[data-v-48c7b340]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:70%;text-align:left;font-size:small;color:#fff}.rotate[data-v-48c7b340]{transform:rotate(180deg)}@media (max-width:675px){#cont[data-v-48c7b340]{width:100%}#cont>div[data-v-48c7b340]:first-child{position:absolute;width:65%;top:-45vh;border:0 solid red}}.queueContainer{position:absolute;width:20%;height:100vh;overflow-y:auto;scrollbar-width:none;border:0 solid;-ms-overflow-style:none;z-index:1}@media screen and (max-width:675px){.queueContainer{width:100%;height:80vh;z-index:2;background-color:#000}}.active[data-v-6d374986]{color:#fff}.inactive[data-v-6d374986]{color:hsla(0,0%,50%,.685);cursor:pointer}.inactive[data-v-6d374986]:hover{color:#fff;text-decoration:underline}.loader[data-v-6d374986]{width:48px;height:40px;margin-top:30px;display:inline-block;position:relative;background:#fff;border-radius:15% 15% 35% 35%}.loader[data-v-6d374986]:after{content:"";box-sizing:border-box;position:absolute;left:45px;top:8px;border:4px solid #fff;width:16px;height:20px;border-radius:0 4px 4px 0}.loader[data-v-6d374986]:before{content:"";position:absolute;width:1px;height:10px;color:#fff;top:-15px;left:11px;box-sizing:border-box;animation:animloader-6d374986 1s ease infinite}@keyframes animloader-6d374986{0%{box-shadow:2px 0 hsla(0,0%,100%,0),12px 0 hsla(0,0%,100%,.3),20px 0 hsla(0,0%,100%,0)}50%{box-shadow:2px -5px hsla(0,0%,100%,.5),12px -3px hsla(0,0%,100%,.5),20px -2px hsla(0,0%,100%,.6)}to{box-shadow:2px -8px hsla(0,0%,100%,0),12px -5px hsla(0,0%,100%,0),20px -5px hsla(0,0%,100%,0)}}.lyricContainer[data-v-6d374986]{border:0 solid #fff;position:absolute;right:0;width:20%;height:100vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}@media screen and (max-width:675px){.lyricContainer[data-v-6d374986]{width:100%;height:80vh;z-index:1;background-color:#000}}.sky{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;overflow:hidden}.stars-layer{position:absolute;top:50%;left:50%;transform-origin:center}.star{position:absolute;background:#fff;border-radius:50%;opacity:0;animation:twinkle ease-in-out forwards}.stars-layer.fast{animation:rotateSkyFast 180s linear infinite;z-index:2;background-color:transparent}.stars-layer.slow{animation:rotateSkySlow 300s linear infinite;z-index:1}@keyframes rotateSkyFast{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes rotateSkySlow{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes twinkle{0%{opacity:0}10%{opacity:var(--opacity)}90%{opacity:var(--opacity)}to{opacity:0}}#shooting-stars-layer{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1000}.shooting-star{position:absolute;width:.5px;height:50px;background:#fff;opacity:1;transform:rotate(45deg);animation:shoot .5s linear forwards}@keyframes shoot{0%{opacity:0;transform:translate(0) rotate(45deg)}10%{opacity:1}90%{opacity:0;transform:translate(-400px,400px) rotate(45deg)}to{opacity:0;transform:translate(-450px,450px) rotate(45deg)}}html{padding:0;height:100%}body,html{overflow:hidden;margin:0}#app,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{font-family:Ubuntu,sans-serif;text-align:center;color:#2c3e50;background-color:#000;height:100vh}.input{margin:auto;color:#fff;width:100%}.details>p{text-align:center;text-overflow:ellipsis;font-size:120%;color:grey}.details>p:first-child{font-size:150%}.img-cont{height:200px;margin:auto;width:200px;overflow:hidden;position:relative;border-radius:10px}.thumbnail{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:135%;width:100%;-o-object-fit:cover;object-fit:cover}.centerCont{border:0 solid #fff;width:50%;height:100vh;z-index:1}.centerTopCont{border:0 solid #ff0;height:45vh;width:100%}.head,.head_s{height:20vh;stroke:#fc2c55;font-size:175%;font-weight:700;stroke-width:2;animation:textAnimate 7s infinite alternate}.head_s{animation-play-state:paused}@keyframes textAnimate{0%{stroke-dasharray:0 50%;stroke-dashoffset:20%;fill:#fff}to{stroke-dasharray:50% 0;stroke-dashoffset:-20%;fill:#000}}.withplayer{height:43vh;mask-image:linear-gradient(0deg,transparent 0,#000 20%);-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 20%)}.withoutplayer{height:55vh}.details{position:relative;display:flex;flex-direction:column;align-items:center;height:20vh;margin:auto;margin-top:1%;width:50%}.imgFade-enter-active,.imgFade-leave-active{transition:opacity .25s ease}.imgFade-enter-from{opacity:0}.imgFade-enter-to,.imgFade-leave-from{opacity:1}.imgFade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .3s ease}.slide-enter-from,.slide-leave-to{transform:translateX(-100%)}.slideRight-enter-active,.slideRight-leave-active{transition:transform .3s ease}.slideRight-enter-from,.slideRight-leave-to{transform:translateX(100%)}.v-list-item:hover .delete-icon{visibility:visible}.v-list-item:hover{cursor:pointer}.v-list-item{position:relative}.v-list-item:hover .v-icon{visibility:visible;opacity:1}.fade-enter-active,.fade-leave-active{transition:opacity .7s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.hlrcCont,.hqueueCont,.lrcCont,.queueCont{border:0 solid #fff;width:25%;height:100vh}.header{font-size:6rem;font-weight:100;letter-spacing:2px;font-weight:700;text-align:center;color:#f35626;background-image:-webkit-linear-gradient(92deg,#f35626,#feab3a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:hue 10s linear infinite;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@keyframes hue{0%{-webkit-filter:hue-rotate(0deg)}to{-webkit-filter:hue-rotate(-1turn)}}@media (max-width:675px){svg{width:100%}.head_s{margin:auto}.centerCont{width:100%}.centerTopCont{height:30vh}.withplayer{height:50vh}.withoutplayer{height:70vh}.lrcCont,.queueCont{position:absolute;width:100%}.hlrcCont,.hqueueCont{width:0}}.cont[data-v-3a007048]{height:100%;width:100%}[data-v-3a007048]::-webkit-scrollbar{background-color:transparent;height:7px}[data-v-3a007048]::-webkit-scrollbar-track-piece{background-color:#ffffff1a}[data-v-3a007048]::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:10px}.cont>div[data-v-3a007048]:first-child{width:100%;height:7vh;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.cont>div:first-child>div[data-v-3a007048]{display:inline-block;margin:.5vw;border-radius:5px;background-color:#ffffff1a;color:#fff;padding:.2vw .5vw;cursor:pointer}.selectedGenre[data-v-3a007048]{background-color:#fff!important;color:#000!important}.cont>div:first-child>div>p[data-v-3a007048]{font-size:90%}.cont>div[data-v-3a007048]:nth-child(2){width:100%;margin-top:1%;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:3vh;overflow-y:auto;scrollbar-width:none}.cont>div[data-v-3a007048]:nth-child(2)::-webkit-scrollbar{display:none}.cont>div:nth-child(2)>div[data-v-3a007048]{width:100%;aspect-ratio:1/1.15;cursor:pointer}.cont>div:nth-child(2)>div>div>img[data-v-3a007048]{filter:saturate(.8) contrast(.8)}.thumbnail[data-v-3a007048]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:135%;width:180%;-o-object-fit:cover;object-fit:cover;z-index:1}.fadeimg[data-v-3a007048]{mask-image:linear-gradient(0deg,transparent 0,#000 10%);-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 15%)}.ellipse[data-v-3a007048]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;font-size:70%;color:hsla(0,0%,100%,.678);width:7vw;text-align:center;margin:auto;border:0 solid #fff}.hplay[data-v-3a007048]{position:absolute;height:5vh;width:5vh;right:0;bottom:0;margin-bottom:3%;margin-right:3%;z-index:1}.hplay[data-v-3a007048]:hover{transform:scale(1.1);transition:all .05s}.hbtn[data-v-3a007048]:hover{background-color:#000!important}.fade-leave-active[data-v-3a007048],.fadeFaster-enter-active[data-v-3a007048]{transition:opacity .5s ease}.fade-enter-from[data-v-3a007048],.fadeFaster-leave-to[data-v-3a007048]{opacity:0}.fade-leave-from[data-v-3a007048],.fadeFaster-enter-to[data-v-3a007048]{opacity:1}.withplayer[data-v-3a007048]{height:35vh}.withoutplayer[data-v-3a007048]{height:45vh}@media (max-width:675px){.cont>div[data-v-3a007048]:nth-child(2){grid-template-columns:repeat(auto-fit,minmax(70px,1fr));padding:2%;gap:3vw}.cont>div:first-child>div[data-v-3a007048]{padding:.3vw 1.3vw}.cont>div[data-v-3a007048]:first-child{height:auto}[data-v-3a007048]::-webkit-scrollbar{height:4px}.withoutplayer[data-v-3a007048]{height:70vh}.withplayer[data-v-3a007048]{height:60vh}.ellipse[data-v-3a007048]{width:15vw}}.icon[data-v-c51afc8e]{position:relative;display:flex;justify-content:space-between;width:13px;height:13px}@keyframes bounce-c51afc8e{10%{transform:scaleY(.3)}30%{transform:scaleY(1)}60%{transform:scaleY(.5)}80%{transform:scaleY(.75)}to{transform:scaleY(.6)}}span[data-v-c51afc8e]{width:3px;height:100%;background-color:orange;border-radius:3px;transform-origin:bottom;animation:bounce-c51afc8e 2.2s ease infinite alternate;content:""}span{&[data-v-c51afc8e]:nth-of-type(2){animation-delay:-2.2s}&[data-v-c51afc8e]:nth-of-type(3){animation-delay:-3.7s}}.cont[data-v-19daf884]{-ms-overflow-style:none;overflow-y:scroll;scrollbar-width:none}.cont[data-v-19daf884]::-webkit-scrollbar{display:none}.img-cont[data-v-19daf884]{height:50px;width:50px;overflow:hidden;position:relative;border-radius:5px}.thumbnail[data-v-19daf884]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;aspect-ratio:1/1;-o-object-fit:contain;object-fit:contain}.highlight[data-v-19daf884]{color:#fc2c55}.info[data-v-19daf884]{color:#fff}.info p[data-v-19daf884]:hover{color:#ff8ca3}.test[data-v-19daf884]{color:#80808027}.thumb_cont[data-v-19daf884]{width:15%;height:10vh;border:0 solid pink;display:flex;justify-content:center;align-items:center}.listItem[data-v-19daf884]:hover{background-color:#d3d3d317}.anchor[data-v-19daf884]:hover{text-decoration:underline}@media (max-width:675px){.thumb_cont[data-v-19daf884]{height:auto;margin-top:2%}}#cont[data-v-3f0592e8]{width:100%;height:43vh;border:0 solid #fff;position:relative}.thumbnail[data-v-3f0592e8]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:135%;width:100%;-o-object-fit:cover;object-fit:cover;z-index:1}.info[data-v-3f0592e8]{color:#fff;margin-left:1%;display:flex;flex-direction:column;align-items:start;justify-content:right;text-align:left}.infocont[data-v-3f0592e8]{border:0 solid #fff;height:100%;width:50%;overflow-y:auto;overflow-x:hidden}.imgcont[data-v-3f0592e8]{width:25%;height:100%;border:0 solid #fff}.playerCont[data-v-3f0592e8]{border:0 solid #fff;width:100%;height:28vh;display:flex;align-items:start;margin-top:5%}.playerCont>div[data-v-3f0592e8]:first-child{width:50%;border:0 solid #fff;display:flex;justify-content:center}.audioVideoToggle[data-v-3f0592e8]{position:absolute;top:0;right:0;z-index:10}.underline[data-v-3f0592e8]{text-decoration:underline;cursor:pointer}@media (max-width:675px){#cont[data-v-3f0592e8]{width:100%;height:60vh;border:0 solid #fff;position:relative}.playerCont[data-v-3f0592e8]{height:40vh}.playerCont>div[data-v-3f0592e8]:first-child{width:65%;height:50%;display:flex;justify-content:center}.playerCont>div[data-v-3f0592e8]:nth-child(2){width:35%;height:50%;overflow-x:auto;overflow-y:hidden}}.cont[data-v-a981755c]{border:0 solid #fff;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;scrollbar-width:none}.faded[data-v-a981755c]{mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent)}.thumb_cont[data-v-a981755c]{width:10%;height:10vh;border:0 solid pink;display:flex;justify-content:center;align-items:center}.img-cont[data-v-a981755c]{height:50px;width:50px;overflow:hidden;position:relative;border-radius:5px;margin-left:10%}.thumbnail[data-v-a981755c]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:135%;width:100%;-o-object-fit:contain;object-fit:contain;display:block}.listItem[data-v-a981755c]:hover{background-color:#d3d3d317}.highlight[data-v-a981755c]{color:#fc2c55}.info[data-v-a981755c]{color:#fff}.ellipse[data-v-a981755c]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;font-size:70%;color:hsla(0,0%,100%,.678);width:10vw;text-align:center;margin:auto;border:0 solid #fff}.cont[data-v-6ecd2dde]{border:0 solid #fff;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;scrollbar-width:none}.faded[data-v-6ecd2dde]{mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent)}.thumb_cont[data-v-6ecd2dde]{width:10%;height:10vh;border:0 solid pink;display:flex;justify-content:center;align-items:center}.img-cont[data-v-6ecd2dde]{height:50px;width:50px;overflow:hidden;position:relative;border-radius:5px;margin-left:10%}.thumbnail[data-v-6ecd2dde]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:135%;width:100%;-o-object-fit:contain;object-fit:contain;display:block}.listItem[data-v-6ecd2dde]:hover{background-color:#d3d3d317}.highlight[data-v-6ecd2dde]{color:#fc2c55}.info[data-v-6ecd2dde]{color:#fff}