.material-icons[data-v-bb2c13fa]{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}[data-v-bb2c13fa]::-webkit-scrollbar-track{background-color:#000;border-radius:0}[data-v-bb2c13fa]::-webkit-scrollbar{width:10px;height:10px}[data-v-bb2c13fa]::-webkit-scrollbar-thumb{border-radius:0;background-color:#babfb8;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.header[data-v-bb2c13fa]{position:relative;display:flex;align-items:center;width:100%;height:50px;background:#161C27}.header .header-text[data-v-bb2c13fa]{display:flex;align-items:flex-start;font-size:2rem;font-family:Just Dance,sans-serif;font-weight:700;color:#fff}.material-icons[data-v-b2c55067]{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}[data-v-b2c55067]::-webkit-scrollbar-track{background-color:#000;border-radius:0}[data-v-b2c55067]::-webkit-scrollbar{width:10px;height:10px}[data-v-b2c55067]::-webkit-scrollbar-thumb{border-radius:0;background-color:#babfb8;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}footer[data-v-b2c55067]{display:flex;justify-content:center;height:20px;background:#161C27}footer p[data-v-b2c55067]{font-size:.8rem;font-family:Roboto,sans-serif}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}::-webkit-scrollbar-track{background-color:#000;border-radius:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border-radius:0;background-color:#babfb8;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}*{margin:0;padding:0;box-sizing:border-box;font-size:16px;color:#fff}@font-face{font-family:Roboto,sans-serif;src:url(/assets/Roboto-Regular.16466ef6.ttf);font-weight:500}body,html{background-color:#0c1016;width:100%;height:100%;overflow:hidden}main{display:flex;justify-self:center;flex-wrap:wrap;height:calc(100vh - 70px);max-width:100%}.material-icons[data-v-70af1762]{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}[data-v-70af1762]::-webkit-scrollbar-track{background-color:#000;border-radius:0}[data-v-70af1762]::-webkit-scrollbar{width:10px;height:10px}[data-v-70af1762]::-webkit-scrollbar-thumb{border-radius:0;background-color:#babfb8;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.audio__player[data-v-70af1762]{display:flex;flex-direction:column;align-items:center;border:1px solid #2c4b77;background:rgba(0,0,0,.75);border-radius:.4rem;padding:.35rem}.audio__player-header>p[data-v-70af1762]{font-size:.8rem;font-weight:700}.audio__player-box[data-v-70af1762]{display:flex;flex-direction:row;align-items:center;justify-content:center}.audio__player-play[data-v-70af1762]{position:relative}.audio__player-play[data-v-70af1762]:active,.audio__player-play img[data-v-70af1762]:active{opacity:.75}.audio__player-play img[data-v-70af1762]{width:6.8rem;height:6.8rem;border-radius:9999px}.audio__player-play-icon[data-v-70af1762]{display:flex;align-items:center;padding:.5rem;opacity:.8;cursor:pointer}.audio__player-play-icon img[data-v-70af1762]{width:2rem;height:2rem;border-radius:9999px}.audio__player-progress-container[data-v-70af1762]{display:flex;flex-direction:column;width:80%}.audio__player-progress-wrap[data-v-70af1762]{position:relative;background:#ddd;height:4px;border-radius:3px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-drag:none}.audio__player-progress[data-v-70af1762]{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:3px}.audio__player-progress-point[data-v-70af1762]{position:absolute;left:-8px;top:50%;width:16px;height:16px;border-radius:50%;margin-top:-8px}.audio__player-progress-point[data-v-70af1762]:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;background:#fff;border-radius:50%}.audio__player-time[data-v-70af1762]{margin-left:auto}.audio__player-time span[data-v-70af1762]{font-size:.875rem;line-height:1.25rem}.audio__player-title[data-v-70af1762]{text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:700;color:#3c3c3c}@keyframes audio__player-spin-70af1762{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.audio__player-spin-anim[data-v-70af1762]{animation:audio__player-spin-70af1762 5s linear infinite}.material-icons[data-v-6aadb10c]{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}[data-v-6aadb10c]::-webkit-scrollbar-track{background-color:#000;border-radius:0}[data-v-6aadb10c]::-webkit-scrollbar{width:10px;height:10px}[data-v-6aadb10c]::-webkit-scrollbar-thumb{border-radius:0;background-color:#babfb8;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}*[data-v-6aadb10c]{user-select:none}.card[data-v-6aadb10c]{position:relative;display:flex;flex-direction:column;align-items:center;height:250px;width:250px;margin:6px;border:2px solid #2c4b77;border-radius:.5rem;background:#161C27;transition:transform .1s ease-out,border-radius .2s ease-out;overflow:hidden}.card .card-bg-img[data-v-6aadb10c]{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:round}.card .card-bg[data-v-6aadb10c]{position:absolute;top:0;left:0;background:rgba(0,0,0,.75);width:100%;height:100%;z-index:0;border-radius:.35rem}.card.playing[data-v-6aadb10c]{border:none}.card.playing[data-v-6aadb10c]:before{content:"";height:150%;width:150%;position:absolute;background:conic-gradient(#fd004c,#fe9000,#fff020,#3edf4b,#3363ff,#b102b7,#fd004c);top:-25%;left:-25%;animation:spin-6aadb10c 3s infinite linear}@keyframes spin-6aadb10c{to{transform:rotate(-360deg)}}.card.playing .card-bg-img[data-v-6aadb10c],.card.playing .card-bg[data-v-6aadb10c]{top:3px;left:3px;width:calc(100% - 6px);height:calc(100% - 6px)}.card .card-id[data-v-6aadb10c]{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;padding-top:.5rem;padding-left:.5rem;font-size:1.5rem;font-weight:700;color:#fff;border-top-left-radius:.35rem;user-select:text;cursor:text;z-index:2}.card .card-header[data-v-6aadb10c]{display:flex;align-items:center;justify-content:flex-end;height:50px;width:100%;color:#fff;padding-left:50px;padding-right:.35rem;z-index:1}.card .card-header .card-header-info[data-v-6aadb10c]{display:flex;align-items:center;justify-content:center;background:#121821;border:1px solid #2c4b77;padding:.3rem;border-radius:.5rem;min-width:2.25rem;font-size:.7rem;margin-left:.35rem}.card .card-content[data-v-6aadb10c]{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-align:center;padding:.2rem;z-index:1}.card .card-content>span[data-v-6aadb10c]{font-size:1.2rem;font-weight:700;font-family:Just Dance,sans-serif;user-select:text;cursor:text}.card .card-content .card-artist[data-v-6aadb10c]{font-style:normal;color:#ccc;font-size:1.1rem;font-family:Just Dance,sans-serif;user-select:text;cursor:text}.card .card-footer[data-v-6aadb10c]{display:flex;align-items:center;justify-content:flex-start;position:absolute;bottom:0;left:0;width:100%;min-height:50px;z-index:2}.card .card-footer .card-footer-info[data-v-6aadb10c]{display:flex;align-items:center;justify-content:center;background:#121821;border:1px solid #2c4b77;padding:.2rem .3rem;border-radius:.5rem;min-width:2.5rem;font-size:1rem;font-weight:700;font-family:Just Dance,sans-serif;margin:.35rem}.card .card-footer .card-footer-info.easy[data-v-6aadb10c]{color:#40ba40;background:rgba(0,0,0,.75);border:2px solid #227322}.card .card-footer .card-footer-info.medium[data-v-6aadb10c]{color:#e5d961;background:rgba(0,0,0,.75);border:2px solid #cdc03e}.card .card-footer .card-footer-info.hard[data-v-6aadb10c]{color:#e69358;background:rgba(0,0,0,.75);border:2px solid #d77026}.card .card-footer .card-footer-info.extreme[data-v-6aadb10c]{color:#db4f54;background:rgba(0,0,0,.75);border:2px solid #89191d}.card .card-footer .card-footer-player[data-v-6aadb10c]{position:absolute;right:0;bottom:0;margin:.35rem}.card[data-v-6aadb10c]:hover{transform:scale(1.5);box-shadow:0 0 2px #121821;z-index:10}.card[data-v-6aadb10c]:after{position:relative;top:100px;display:block;background:rgba(24,24,24,.0941176471);box-shadow:0 0 2px #121821;color:#fff;width:150px;height:fit-content;padding:5px;box-sizing:border-box;opacity:0;border-radius:0 0 10px 10px;transition:opacity .3s ease-out,border-radius .2s ease-out}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2")}.material-icons[data-v-a0046f0b]{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}[data-v-a0046f0b]::-webkit-scrollbar-track{background-color:#000;border-radius:0}[data-v-a0046f0b]::-webkit-scrollbar{width:10px;height:10px}[data-v-a0046f0b]::-webkit-scrollbar-thumb{border-radius:0;background-color:#babfb8;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.homepage[data-v-a0046f0b]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:calc(100vh - 70px)}.homepage .song-list[data-v-a0046f0b]{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:5rem;width:100%;overflow:hidden;overflow-y:scroll;height:calc(100vh - 70px)}.homepage .loading[data-v-a0046f0b]{display:flex;align-items:center;justify-content:center;border:1px solid black;background:rgba(0,0,0,.75);width:100%;min-height:75px;color:#fff;border-radius:.5rem}.homepage .loading .loading-text[data-v-a0046f0b]{font-size:2rem;font-weight:700;padding:1rem}.control-box[data-v-a0046f0b]{position:absolute;top:0;right:-40px;width:300px;font-family:Just Dance,sans-serif;transform:scale(.75)}.control-box .volume-control[data-v-a0046f0b]{width:100%;height:50px;display:flex;align-items:center}.control-box .volume-control .speaker i[data-v-a0046f0b]{width:50px;max-width:50px;font-size:50px;font-weight:700;line-height:1;color:#fff;text-shadow:3px 3px 0 rgba(0,0,0,.2);transition:.3s ease-in-out}.control-box .volume-control .bars[data-v-a0046f0b]{position:relative;display:flex;align-items:flex-end;margin-left:20px;width:200px;height:40px}.control-box .volume-control .bars .bar[data-v-a0046f0b]{width:6%;margin:0 2%;background-color:#bbb;cursor:pointer}.control-box .volume-control .bars .bar.on[data-v-a0046f0b]{background-color:#df773a}.control-box .volume-control .bars .bar[data-v-a0046f0b]:nth-child(1){height:10%}.control-box .volume-control .bars .bar[data-v-a0046f0b]:nth-child(2){height:20%}.control-box .volume-control .bars .bar[data-v-a0046f0b]:nth-child(3){height:30%}.control-box .volume-control .bars .bar[data-v-a0046f0b]:nth-child(4){height:40%}.control-box .volume-control .bars .bar[data-v-a0046f0b]:nth-child(5){height:50%}.control-box .volume-control .bars .bar[data-v-a0046f0b]:nth-child(6){height:60%}.control-box .volume-control .bars .bar[data-v-a0046f0b]:nth-child(7){height:70%}.control-box .volume-control .bars .bar[data-v-a0046f0b]:nth-child(8){height:80%}.control-box .volume-control .bars .bar[data-v-a0046f0b]:nth-child(9){height:90%}.control-box .volume-control .bars .bar[data-v-a0046f0b]:nth-child(10){height:100%}.control-box .volume-control .bars input[type=range][data-v-a0046f0b]{position:absolute;left:-10%;bottom:-15px;width:110%;height:100%;cursor:pointer;opacity:0}