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