@import"https://api.fontshare.com/v2/css?f[]=beVietnam-pro@400,500,600,700,800,900&display=swap";@import"https://fonts.googleapis.com/icon?family=Material+Icons";body{margin:0;font-family:Be Vietnam Pro,Arial,Helvetica,sans-serif;background-color:#1a1a1a;color:#fff}button{display:inline-block;margin-left:0;background-color:#333;font-family:Be Vietnam Pro,Arial,Helvetica,sans-serif;font-size:1.1rem;font-weight:600;color:#fff;border:none;border-radius:8px;outline:none;padding:6px 8px;cursor:pointer;transition:all .3s;border:2px solid transparent}button.circle{display:flex;justify-content:center;align-items:center;border-radius:50%;padding:8px}button:hover{border-color:#555}button:not(:disabled):active{border-color:#777}button:disabled{background-color:#767676;color:#a4a4a4;cursor:default;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}input{background-color:#333;color:#fff;font-family:Be Vietnam Pro,Arial,Helvetica,sans-serif;font-size:1rem;font-weight:500;border:none;outline:none;border-radius:12px;padding:8px 10px}input[type=color]{padding:0}select{background-color:#333;color:#fff;font-family:Be Vietnam Pro,Arial,Helvetica,sans-serif;font-weight:500;border:none;outline:none;border-radius:6px;padding:4px 5px}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.waveform ::part(region1){background-color:#00640040!important;font-size:12px;text-shadow:0 0 2px #fff}header[data-v-dbff6cd4]{position:fixed;top:0;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;background:#1a1a1a;box-shadow:0 0 5px #00000080;z-index:4;width:calc(100% - 40px);padding:12px 20px;height:60px}header h1[data-v-dbff6cd4]{font-style:italic;background:linear-gradient(220.6deg,gold 9.46%,#ffd70080 94.46%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}header .controls[data-v-dbff6cd4]{display:flex;flex-flow:row nowrap;gap:20px}header .controls i[data-v-dbff6cd4]{font-size:2.5rem;transition:.3s all;-webkit-user-select:none;user-select:none;cursor:pointer}header .controls i[data-v-dbff6cd4]:hover{opacity:.8}header .options[data-v-dbff6cd4]{display:flex;flex-flow:row nowrap;gap:20px}header .options div[data-v-dbff6cd4]{display:flex;flex-flow:column nowrap}header .options div span[data-v-dbff6cd4]{font-size:.8rem;color:#999}header .options div select[data-v-dbff6cd4]{margin-top:4px;font-size:.9rem}header .options .volume input[data-v-dbff6cd4]{width:200px}header .options .playback-speed div[data-v-dbff6cd4]{display:flex;flex-flow:row nowrap;align-items:center}header .options .playback-speed div span[data-v-dbff6cd4]{width:150px}header .options .playback-speed div input[data-v-dbff6cd4]{margin-left:6px}header .options .playback-speed input[type=range][data-v-dbff6cd4]{width:200px}header .search[data-v-dbff6cd4]{display:flex;align-items:center;gap:12px}header .search .sources[data-v-dbff6cd4]{display:flex;flex-flow:column nowrap;gap:6px}header .search .sources img[data-v-dbff6cd4]{height:20px;transition:.3s all;cursor:pointer}header .search .sources img[data-v-dbff6cd4]:not(.active){opacity:.5}header .search input[data-v-dbff6cd4]{width:300px;font-size:1.3rem}main[data-v-dbff6cd4]{padding-top:80px}.waves[data-v-dbff6cd4]{min-height:100px;background:linear-gradient(220.6deg,#212121 9.46%,#9f9f9f00 94.46%)}.main .bar[data-v-dbff6cd4],.secondary .bar[data-v-dbff6cd4]{display:flex;align-items:center;width:100%}.main .bar .track[data-v-dbff6cd4],.secondary .bar .track[data-v-dbff6cd4]{position:relative;display:flex;flex-flow:row nowrap;align-items:center;width:30%;gap:20px;padding:12px}.main .bar .track img[data-v-dbff6cd4],.secondary .bar .track img[data-v-dbff6cd4]{width:100px;height:100px;border-radius:5px;background:linear-gradient(220.6deg,#212121 9.46%,#9f9f9f00 94.46%)}.main .bar .track img[data-v-dbff6cd4]:not(.youtube),.secondary .bar .track img[data-v-dbff6cd4]:not(.youtube){transition:.3s all;cursor:pointer}.main .bar .track img[data-v-dbff6cd4]:not(.youtube):hover,.secondary .bar .track img[data-v-dbff6cd4]:not(.youtube):hover{opacity:.7}.main .bar .track img.youtube[data-v-dbff6cd4],.secondary .bar .track img.youtube[data-v-dbff6cd4]{width:100px;height:auto}.main .bar .track .info[data-v-dbff6cd4],.secondary .bar .track .info[data-v-dbff6cd4]{position:relative;display:flex;flex-flow:column nowrap;z-index:3;width:100%}.main .bar .track .info .split[data-v-dbff6cd4],.secondary .bar .track .info .split[data-v-dbff6cd4]{position:absolute;bottom:0;right:0;font-size:1.5rem;color:#bdbdbd;cursor:pointer;transition:.3s all}.main .bar .track .info .split[data-v-dbff6cd4]:hover,.secondary .bar .track .info .split[data-v-dbff6cd4]:hover{color:#fff}.main .bar .track .info .title[data-v-dbff6cd4],.secondary .bar .track .info .title[data-v-dbff6cd4]{font-size:1.2rem;font-weight:600;white-space:nowrap;max-width:300px;overflow:scroll}.main .bar .track .info .title[data-v-dbff6cd4]::-webkit-scrollbar,.secondary .bar .track .info .title[data-v-dbff6cd4]::-webkit-scrollbar{display:none}.main .bar .track .info .artists[data-v-dbff6cd4],.secondary .bar .track .info .artists[data-v-dbff6cd4]{display:flex;flex-flow:row nowrap;margin-top:6px}.main .bar .track .info .artists span[data-v-dbff6cd4],.secondary .bar .track .info .artists span[data-v-dbff6cd4]{margin-right:4px;font-size:.9rem;color:#999;transition:.3s all;cursor:pointer}.main .bar .track .info .artists span[data-v-dbff6cd4]:hover,.secondary .bar .track .info .artists span[data-v-dbff6cd4]:hover{color:#bdbdbd;border-bottom:1px solid #bdbdbd}.main .bar .track .info .artist[data-v-dbff6cd4],.secondary .bar .track .info .artist[data-v-dbff6cd4]{margin-top:6px;font-size:.9rem;color:#999}.main .bar .track .info .duration[data-v-dbff6cd4],.secondary .bar .track .info .duration[data-v-dbff6cd4]{margin-top:6px;font-size:.9rem;color:#d9d9d9}.main .bar .track .info .lyrics[data-v-dbff6cd4],.secondary .bar .track .info .lyrics[data-v-dbff6cd4]{margin-top:6px;font-size:.9rem;color:#999;white-space:nowrap;width:300px;text-overflow:ellipsis;font-style:italic}.main .bar .track .actions[data-v-dbff6cd4],.secondary .bar .track .actions[data-v-dbff6cd4]{position:absolute;right:20px;bottom:30px;z-index:3}.main .bar .track .actions i[data-v-dbff6cd4],.secondary .bar .track .actions i[data-v-dbff6cd4]{transition:.3s all;cursor:pointer}.main .bar .track .actions i[data-v-dbff6cd4]:not(.active),.secondary .bar .track .actions i[data-v-dbff6cd4]:not(.active){opacity:.5}.main .bar .wave[data-v-dbff6cd4],.secondary .bar .wave[data-v-dbff6cd4]{width:70%;height:100px;background:linear-gradient(220.6deg,#212121 9.46%,#9f9f9f00 94.46%)}.main .bar .wave.no-track[data-v-dbff6cd4],.secondary .bar .wave.no-track[data-v-dbff6cd4]{width:100%}.main .bar .wave .lyrics-timepoints[data-v-dbff6cd4],.secondary .bar .wave .lyrics-timepoints[data-v-dbff6cd4]{position:relative;width:100%}.main .bar .wave .lyrics-timepoints div[data-v-dbff6cd4],.secondary .bar .wave .lyrics-timepoints div[data-v-dbff6cd4]{position:absolute;width:5px;height:5px;border-radius:50%;background-color:#bebebe;border:.5px solid #ffffff;cursor:pointer}.main .bar .wave .lyric-popover[data-v-dbff6cd4],.secondary .bar .wave .lyric-popover[data-v-dbff6cd4]{position:absolute;display:none;background-color:#333;color:#fff;padding:4px 6px;border-radius:5px;font-size:.9rem;z-index:10}.main .mix[data-v-dbff6cd4],.secondary .mix[data-v-dbff6cd4]{display:flex;flex-flow:column nowrap;padding:4px 12px}.main .mix .splitted[data-v-dbff6cd4],.secondary .mix .splitted[data-v-dbff6cd4]{display:flex;flex-flow:row nowrap;align-items:center}.main .mix .splitted button[data-v-dbff6cd4],.secondary .mix .splitted button[data-v-dbff6cd4]{margin-right:6px}.main .mix .active[data-v-dbff6cd4],.secondary .mix .active[data-v-dbff6cd4]{border-color:#bdbdbd}.main .mix .sliders[data-v-dbff6cd4],.secondary .mix .sliders[data-v-dbff6cd4]{display:flex;flex-flow:row nowrap;margin-top:12px}.main .mix .sliders .slider[data-v-dbff6cd4],.secondary .mix .sliders .slider[data-v-dbff6cd4]{display:flex;width:150px;margin-right:20px}.main .mix .sliders .slider[data-v-dbff6cd4]:not(:last-child),.secondary .mix .sliders .slider[data-v-dbff6cd4]:not(:last-child){flex-flow:column nowrap}.main .mix .sliders .slider[data-v-dbff6cd4]:last-child,.secondary .mix .sliders .slider[data-v-dbff6cd4]:last-child{flex-flow:row nowrap;align-items:center}.main .mix .sliders .slider:last-child input[data-v-dbff6cd4],.secondary .mix .sliders .slider:last-child input[data-v-dbff6cd4]{margin-left:8px}.main .mix .sliders .slider span[data-v-dbff6cd4],.secondary .mix .sliders .slider span[data-v-dbff6cd4]{font-size:.8rem;color:#999}.main .mix .sliders .slider input[data-v-dbff6cd4],.secondary .mix .sliders .slider input[data-v-dbff6cd4]{padding:0}.main .mix .sliders .slider input[type=range][data-v-dbff6cd4],.secondary .mix .sliders .slider input[type=range][data-v-dbff6cd4]{width:100%}.view[data-v-dbff6cd4]{display:flex;flex-flow:row nowrap;margin-top:12px;gap:20px;padding:0 20px}.view aside .header[data-v-dbff6cd4]{display:flex;align-items:center;gap:12px}.view aside .header .title[data-v-dbff6cd4]{display:block;font-size:1.3rem;font-weight:600;margin-bottom:10px}.view aside .header .sort[data-v-dbff6cd4]{display:flex;flex-flow:row nowrap;gap:6px}.view aside .header .sort a[data-v-dbff6cd4]{display:flex;align-items:center;font-size:.9rem;color:#bdbdbd;cursor:pointer;transition:.3s all}.view aside .header .sort a.active[data-v-dbff6cd4]{color:#fff;border-bottom:1px solid #fff}.view aside .header .sort a[data-v-dbff6cd4]:hover{color:#fff}.view aside .header .sort a i[data-v-dbff6cd4]{margin-right:4px;font-size:1.2rem}.view aside .search[data-v-dbff6cd4]{margin-bottom:12px;font-size:.9rem;background-color:transparent;padding:0;border-radius:0}.view aside .empty[data-v-dbff6cd4]{display:block;font-size:.9rem;color:#999;margin-top:5px}.playlists[data-v-dbff6cd4]{width:30%}.selected[data-v-dbff6cd4]{width:70%}.playlists .list[data-v-dbff6cd4],.selected .list[data-v-dbff6cd4]{display:flex;flex-flow:column nowrap;max-height:65vh;overflow-x:auto;gap:10px;outline:none}.playlists .list .item[data-v-dbff6cd4],.selected .list .item[data-v-dbff6cd4]{display:flex;flex-flow:row nowrap;align-items:center;max-width:500px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:element;transition:.3s all}.playlists .list .item[data-v-dbff6cd4]:hover,.selected .list .item[data-v-dbff6cd4]:hover{color:#bdbdbd}.playlists .list .item.active span[data-v-dbff6cd4],.selected .list .item.active span[data-v-dbff6cd4]{border-bottom:1px solid #bdbdbd}.playlists .list .item.playing[data-v-dbff6cd4],.selected .list .item.playing[data-v-dbff6cd4]{animation:pulse 1.5s infinite}.playlists .list .item.playing .title[data-v-dbff6cd4],.selected .list .item.playing .title[data-v-dbff6cd4]{border-bottom:1px solid #bdbdbd}.playlists .list .item .cover[data-v-dbff6cd4],.selected .list .item .cover[data-v-dbff6cd4]{width:30px;height:30px;margin-right:12px;border-radius:5px;background:linear-gradient(220.6deg,#212121 9.46%,#9f9f9f00 94.46%);transition:.3s all}.playlists .list .item .cover img[data-v-dbff6cd4],.selected .list .item .cover img[data-v-dbff6cd4]{width:100%;outline:none;transition:.3s all}.playlists .list .item .cover img[data-v-dbff6cd4]:hover,.selected .list .item .cover img[data-v-dbff6cd4]:hover{opacity:.7}.playlists .list .item .title[data-v-dbff6cd4],.selected .list .item .title[data-v-dbff6cd4]{font-size:1.1rem;font-weight:600;word-break:break-word;white-space:nowrap;overflow:scroll;max-width:220px}.playlists .list .item .title[data-v-dbff6cd4]::-webkit-scrollbar,.selected .list .item .title[data-v-dbff6cd4]::-webkit-scrollbar{display:none}.playlists .list .item .artists[data-v-dbff6cd4],.selected .list .item .artists[data-v-dbff6cd4]{display:flex;flex-flow:row nowrap;align-items:center;width:fit-content;margin:0 6px;width:150px;overflow-y:scroll}.playlists .list .item .artists[data-v-dbff6cd4]::-webkit-scrollbar,.selected .list .item .artists[data-v-dbff6cd4]::-webkit-scrollbar{display:none}.playlists .list .item .artists span[data-v-dbff6cd4],.selected .list .item .artists span[data-v-dbff6cd4]{margin-left:6px;font-size:.9rem;color:#999;transition:.3s all;white-space:nowrap}.playlists .list .item .artists span[data-v-dbff6cd4]:hover,.selected .list .item .artists span[data-v-dbff6cd4]:hover{color:#bdbdbd}.playlists .list .item .artist[data-v-dbff6cd4],.selected .list .item .artist[data-v-dbff6cd4]{margin-left:6px;font-size:.9rem;color:#999}.playlists .list .item .props[data-v-dbff6cd4],.selected .list .item .props[data-v-dbff6cd4]{display:flex;flex-flow:row nowrap;align-items:center;gap:6px}.playlists .list .item .props .split[data-v-dbff6cd4],.selected .list .item .props .split[data-v-dbff6cd4]{font-size:1.2rem;color:#bdbdbd}.playlists .list .item .props .duration[data-v-dbff6cd4],.selected .list .item .props .duration[data-v-dbff6cd4]{margin-left:auto;font-size:.9rem;color:#d9d9d9}.playlists .list[data-v-dbff6cd4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.selected .list[data-v-dbff6cd4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,2fr))}.selected .list .item[data-v-dbff6cd4]{justify-content:space-between}.selected .list .item .info[data-v-dbff6cd4]{display:flex;flex-flow:row nowrap;align-items:center}.results[data-v-dbff6cd4]{display:flex;flex-flow:column wrap;max-height:300px;overflow-y:auto;margin-top:50px;gap:10px}.results .result[data-v-dbff6cd4]{display:flex;align-items:center;cursor:pointer}.results .result img[data-v-dbff6cd4]{max-width:200px;margin-right:10px;border-radius:10px}.results .result .title[data-v-dbff6cd4]{font-size:1.1rem;font-weight:600}footer[data-v-dbff6cd4]{position:fixed;bottom:0;width:calc(100% - 40px)}@keyframes spin-dbff6cd4{0%{transform:rotate(0)}to{transform:rotate(360deg)}}