: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}html,body,#app{height:100%;overflow:hidden}body{color:#fff;margin:0}ul{list-style-type:none;padding:0}a{font-size:.85rem;cursor:pointer}a span{display:table-cell;vertical-align:middle}a svg{align-items:center}#app{display:flex;flex-direction:column;width:100vw;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;background-color:#000;color:#2c3e50;background-color:var(--mixColor)}.autoplay[data-v-eb5e1314]{display:flex;gap:8px;align-items:center;font-size:10px;font-weight:700}.txt[data-v-eb5e1314]{width:max-content}.switch[data-v-eb5e1314]{display:flex;align-items:center;cursor:pointer;height:20px;width:36px;border-radius:22px;border:solid 2px var(--mixTheme);padding:2px}.switch-inner[data-v-eb5e1314]{margin-left:18px;height:18px;width:18px;border-radius:18px;background-color:var(--mixTheme);border:solid 1px var(--mixTheme);font-size:7px;font-weight:600;color:var(--mixTheme);display:flex;text-align:center;align-items:center;justify-content:center;transition:margin .11s;transition-timing-function:ease-out}.random-svg-component[data-v-59839400]{fill:#000}a[data-v-06f8ea84]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;gap:.8em;background-color:#fff;color:#000;text-decoration:none;padding:0 .8em;float:right;top:1vw;right:1vw}a svg[data-v-06f8ea84]{align-items:center}a[data-v-06f8ea84]:hover{background-color:#fafafae6}#logo-container[data-v-06f8ea84]{gap:2%;width:100%;height:42px;z-index:14}#logo[data-v-06f8ea84]{position:relative;height:inherit;margin:.68rem 0 0 1vw;padding:3px 4px 0 3px;font-size:1.84rem;line-height:1em;font-weight:bolder;font-style:italic;color:#fff;background-color:#000;float:left}#nav-header[data-v-06f8ea84]{float:right;position:relative;display:flex;gap:12px;height:100%}.auto-check[data-v-06f8ea84]{float:right;color:var(--mixTheme)}@media screen and (max-width: 700px){#nav-header[data-v-06f8ea84]{width:min-content}}#wave[data-v-49a11b88]{overflow:hidden;width:99%;height:inherit}.time-container[data-v-49a11b88]{position:relative;cursor:pointer;width:100%;height:4rem;float:left;border-radius:8px;margin:auto 0;background-color:var(--mixThemeTransparent)}.time-current[data-v-49a11b88]{position:absolute;top:0;border-radius:8px 0 0 8px;height:inherit;width:0;background-color:var(--mixColor);mix-blend-mode:hard-light;opacity:.76}.time-handle[data-v-49a11b88]{position:absolute;top:0;height:inherit;width:5px;background-color:var(--mixInvertTheme);float:right;border-radius:4px}.time-wanted[data-v-49a11b88]{position:absolute;top:0;height:inherit;width:2px;background-color:var(--mixInvertTheme);float:right;border-radius:4px}.track-item[data-v-49a11b88]{min-width:12px;border:solid 1px white}#audioBtn{cursor:pointer;color:#fff;float:left;display:grid;align-self:center}.play-button{height:4.75rem;width:4.75em;color:#fff;float:right}@media screen and (max-width: 700px){#audioBtn{padding:1%}}#volume-slider{display:flex;width:fit-content;gap:8px;align-items:center;float:left}#vol-icon{height:26px;width:26px;padding:6px;fill:var(--mixTheme);stroke:var(--mixTheme);cursor:pointer;border-radius:100%;transition:background-color .36s;transition-timing-function:ease-in-out}#vol-icon:hover{background-color:var(--mixThemeTransparent)}.slider{width:160px;height:100%;display:flex;align-items:center;cursor:pointer}.vol-handle{position:relative;width:9px;height:9px;border-radius:6px;background-color:var(--mixTheme);opacity:1}.vol-line{position:absolute;width:160px;height:10px;border-radius:10px;background-color:var(--mixThemeTransparent)}.vol-current{position:absolute;background-color:var(--mixColor);opacity:1}#playerBar[data-v-b720dca3]{background-color:var(--mixColor);color:var(--mixTheme);width:98vw;padding:0 1vw;margin:0 auto;box-shadow:#1212122e 3px 16px 20px;z-index:10}.curr-mix[data-v-b720dca3]{display:grid;grid-auto-columns:min-content 1fr;width:100%;height:fit-content;text-align:left}.time[data-v-b720dca3]{font-size:.725em;line-height:1em;text-align:center;height:38px;display:flex;align-items:center;justify-content:center}.play-col[data-v-b720dca3]{display:flex;flex-direction:column}.time-col[data-v-b720dca3]{display:flex;flex-direction:column;max-width:840px}.play-col[data-v-b720dca3],.time-col[data-v-b720dca3]{gap:.1vh}#mix-img[data-v-b720dca3]{grid-area:1 / 1 / 4 / 2;width:min(420px,max(110px,min(24vh,22vw)));aspect-ratio:1;display:flex;background-color:#fafafa66}#mix-img img[data-v-b720dca3]{width:inherit;height:auto}.mix-name[data-v-b720dca3]{grid-area:1 / 2 / 2 / 12;font-size:min(8.5vh,max(3.6vw,3.4em));line-height:100%;font-weight:600;margin:auto 0;padding-left:2rem}.player-options[data-v-b720dca3]{display:flex;flex-direction:row;gap:6px;color:var(--mixTheme);fill:var(--mixTheme);float:right}.player-option[data-v-b720dca3]{display:grid;grid-template-rows:max-content max-content;align-items:center;justify-items:center;cursor:pointer;float:right}.svg-wrapper[data-v-b720dca3]{width:20px;height:20px;padding:10px;border-radius:20px;transition:background-color .36s;transition-timing-function:ease-in-out}.svg-wrapper[data-v-b720dca3]:hover{background-color:var(--mixThemeTransparent)}.player-options span[data-v-b720dca3]{font-size:.8em}.option-svg[data-v-b720dca3]{width:20px}.nav-player[data-v-b720dca3]{grid-area:2 / 2 / 4 / 12;width:100%;display:grid}.mix-row[data-v-b720dca3]{display:grid;grid-template-columns:auto min-content}.mix-player[data-v-b720dca3]{display:grid;grid-template-columns:min-content auto;padding-left:2rem;gap:1%;margin:auto 0;max-width:980px}#mix-time-slider[data-v-b720dca3]{display:flex;height:32px;gap:1px;width:96%;margin:auto}@media screen and (max-width: 700px){.curr-mix[data-v-b720dca3]{height:min-content}#mix-time-slider[data-v-b720dca3]{padding-top:2%}.nav-player[data-v-b720dca3]{grid-area:4 / 1 / 6 / 12;margin-bottom:8px}#mix-img[data-v-b720dca3]{overflow:hidden;grid-area:1 / 1 / 4 / 5}#mix-img img[data-v-b720dca3]{width:100%;height:auto;max-width:none;object-position:center}.mix-player[data-v-b720dca3]{padding-left:0}.mix-name[data-v-b720dca3]{font-size:xx-large;line-height:90%;padding:10px;width:fit-content;grid-area:4 / 4 / 2 / 12;background-color:var(--mixColor)}.player-options[data-v-b720dca3]{gap:8px;margin-right:8px}}#canvas{position:fixed;bottom:0;left:0;width:100%;height:100%;z-index:0}.track-audio[data-v-c9935fc0]{cursor:pointer}.play-button[data-v-c9935fc0]{height:42px;width:42px;color:#fff}.play-button svg[data-v-c9935fc0]{fill:#000;background-color:#fff;border-radius:100%}a{color:inherit;text-decoration:underline}.track-itm{padding-left:0;padding-right:0;transition:width .18s}.track-container{display:flex;position:relative;flex-direction:column;width:inherit;max-width:46vh}.current,.wanted{opacity:1;font-size:1.8em}.track-audio-control{position:absolute;margin-top:90%;margin-left:1vw;pointer-events:none}.time-container{display:flex;width:inherit;height:3px;float:left;opacity:.7;transition:opacity .5s,height .4s;transition-timing-function:ease-in-out;background-color:var(--mixTheme);border-radius:10px;margin-bottom:4px}.current .time-container{height:18px;opacity:1}.wanted .time-container{height:6px;opacity:1}.time-current{position:relative;width:inherit;min-width:fit-content;min-height:0;height:100%;background-color:var(--mixColor);mix-blend-mode:hard-light;border-radius:10px}.time-handle{height:inherit}.time-handle .play-button{width:inherit;height:inherit;position:relative;bottom:0;display:flex;border-radius:100%;box-shadow:0 0 3px #000000bf}.time-handle .play-button svg{width:18px;height:18px}.target-handle{opacity:1;position:absolute;width:2px;height:0px;z-index:10}.current .target-handle{height:inherit}.cover-container{margin:0 auto;width:100%;min-height:12vh}.cover-inner{display:flex;align-items:center;margin:auto;width:100%;max-width:100%;min-width:4px;transition:width .78s;transition-timing-function:ease-out}.cover{width:inherit;height:100%;float:left;margin:0;cursor:pointer;border-radius:100%}.current img{border-radius:0;transition:border-radius .3s;transition-timing-function:ease-in-out}.current .cover-inner,.wanted .cover-inner{width:100%}.current .cover-container,.wanted .cover-container{width:100%;height:auto}.current .track-info,.wanted .track-info{opacity:1;transition:opacity .36s;transition-delay:80ms}.track-info{opacity:0;display:flex;flex-direction:column;font-size:.8em;line-height:.9em;gap:1vh;margin:1.2rem 0 0px;transition:opacity 0ms;transition-delay:0ms;word-break:break-word;hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto}.track-title,.track-artist{display:table}.track-title{font-weight:700;clear:right}.track-album{font-size:.88rem;text-decoration:underline;width:auto}.track-album:hover span{background-color:#fff;color:#000;text-decoration:none}@media screen and (max-width: 700px){.track-audio-control{margin:2px 0 0 2px}.current .track-audio-control{margin-left:19vh}.track-info{display:grid;font-size:.8em;opacity:1;flex-direction:row;line-height:1em;gap:6px;margin:auto 2px auto 8px}.current .track-info{flex-direction:column}.wanted{font-size:1.2em;line-height:.8em;background-color:var(--mixInvertTheme)}.track-container{display:grid;grid-template-columns:max-content max-content 1fr;height:100%;max-width:98vw}.current .track-container{grid-template-columns:max-content 20vh 1fr;gap:3px}.time-container,.current .time-container{width:1px;height:inherit;flex-direction:column;margin:0;transition:opacity .5s,height 0ms,width .4s}.current .time-container{width:18px}.wanted .time-container{height:inherit;width:6px}.time-current{display:flex;align-items:end;min-height:0px}.current .time-current{min-height:14px}.time-handle{height:max-content}.current .target-handle{width:18px;height:2px}.cover-container{height:inherit;display:flex;align-items:center;min-height:90px;width:84px;transition:height .4s}.wanted .cover-container{min-height:120px;width:116px}.cover-inner{width:50px}.wanted .cover-inner{width:90px}}#mixList[data-v-12aa30cc]{float:right;right:0;width:100vw;height:100%;scroll-behavior:smooth;position:relative;text-align:left;overflow:hidden}.scroll-zone[data-v-12aa30cc]{position:absolute;top:0;width:2vw;height:100%;background-color:#c8c8c866;cursor:pointer;z-index:100}#tracks[data-v-12aa30cc]{width:98vw;display:flex;min-height:80%;max-height:100%;gap:3px;margin:1vh auto 0;z-index:2;transition:all 1s;position:inherit;-ms-overflow-style:none;scrollbar-width:none}#tracks[data-v-12aa30cc]::-webkit-scrollbar{display:none}.tracks[data-v-12aa30cc]{display:flex;flex-direction:row;gap:1px;margin-top:2px;transition:width .44s;transition-delay:80ms}.before[data-v-12aa30cc]{justify-content:end}.after[data-v-12aa30cc]{justify-content:start}#current-track[data-v-12aa30cc]{left:0;right:0}#tracklist[data-v-12aa30cc]{cursor:pointer;width:98%;height:46px;display:flex;gap:1px;margin:0 auto;padding:1vh 0}.listDisp #tracks[data-v-12aa30cc]{display:flex;flex-direction:column;margin-top:0}@media screen and (max-width: 700px){#mixList[data-v-12aa30cc],#tracks[data-v-12aa30cc]{width:100vw;overflow-x:hidden}#tracks[data-v-12aa30cc]{gap:6px}.tracks[data-v-12aa30cc]{flex-direction:column}#tracklist[data-v-12aa30cc]{width:94%;height:16px;margin:1em auto;padding:1.5vh 0}#current-track[data-v-12aa30cc]{margin-left:3px;margin-top:3px}}