@import url(https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,500;0,600;0,700;0,800;0,900;1,500;1,600;1,700;1,800;1,900&display=swap);.shade[data-v-4f806a08]{background:hsla(0,0%,100%,.58);position:fixed;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center}.modal[data-v-4f806a08]{background:hsla(0,0%,100%,.78);box-shadow:0 12px 16px -8px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.08);-webkit-backdrop-filter:blur(12px) opacity(1);backdrop-filter:blur(12px) opacity(1);padding:20px 24px 24px 24px;border-radius:12px;width:50vw;margin:auto 0;font-size:14px;z-index:100;display:flex;flex-direction:column}.header[data-v-4f806a08]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header .title[data-v-4f806a08]{font-weight:600;font-size:20px}.header button[data-v-4f806a08]{color:var(--color-text);border-radius:50%;height:32px;width:32px;display:flex;justify-content:center;align-items:center;opacity:.68;transition:.2s}.header button[data-v-4f806a08]:hover{opacity:1;background:var(--color-secondary-bg-for-transparent)}.header .svg-icon[data-v-4f806a08]{height:18px;width:18px}.footer[data-v-4f806a08]{margin-top:16px;padding-top:16px;border-top:1px solid hsla(0,0%,50.2%,.18);display:flex;justify-content:flex-end;margin-bottom:-8px}.footer button[data-v-4f806a08]{color:var(--color-text);background:var(--color-secondary-bg-for-transparent);border-radius:8px;padding:6px 16px;font-size:14px;margin-left:12px;transition:.2s}.footer button[data-v-4f806a08]:active{transform:scale(.94)}.footer button.primary[data-v-4f806a08]{color:var(--color-primary-bg);background:var(--color-primary);font-weight:500}.footer button.block[data-v-4f806a08]{width:100%;margin-left:0}.footer button.block[data-v-4f806a08]:active{transform:scale(.98)}[data-theme=dark] .shade[data-v-4f806a08]{background:rgba(0,0,0,.38);color:var(--color-text)}[data-theme=dark] .modal[data-v-4f806a08]{background:rgba(46,46,46,.68);border:1px solid hsla(0,0%,100%,.08)}.new-playlist-button[data-v-3ad5b03c]{display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:500;color:var(--color-text);background:var(--color-secondary-bg-for-transparent);border-radius:8px;height:48px;margin-bottom:16px;margin-right:6px;margin-left:6px;cursor:pointer;transition:.2s}.new-playlist-button .svg-icon[data-v-3ad5b03c]{width:16px;height:16px;margin-right:8px}.new-playlist-button[data-v-3ad5b03c]:hover{color:var(--color-primary);background:var(--color-primary-bg-for-transparent)}.playlist[data-v-3ad5b03c]{display:flex;padding:6px;border-radius:8px;cursor:pointer}.playlist[data-v-3ad5b03c]:hover{background:var(--color-secondary-bg-for-transparent)}.playlist img[data-v-3ad5b03c]{border-radius:8px;height:42px;width:42px;margin-right:12px;border:1px solid rgba(0,0,0,.04)}.playlist .info[data-v-3ad5b03c]{display:flex;flex-direction:column;justify-content:center}.playlist .title[data-v-3ad5b03c]{font-size:16px;font-weight:500;color:var(--color-text);padding-right:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;word-break:break-all}.playlist .track-count[data-v-3ad5b03c]{margin-top:2px;font-size:13px;opacity:.68;color:var(--color-text)}.add-playlist-modal .content[data-v-109c1e54]{display:flex;flex-direction:column}.add-playlist-modal .content input[data-v-109c1e54]{margin-bottom:12px}.add-playlist-modal .content input[type=text][data-v-109c1e54]{width:calc(100% - 24px);flex:1;background:var(--color-secondary-bg-for-transparent);font-size:16px;border:none;font-weight:600;padding:8px 12px;border-radius:8px;margin-top:-1px;color:var(--color-text)}.add-playlist-modal .content input[type=text][data-v-109c1e54]:focus{background:var(--color-primary-bg-for-transparent);opacity:1}[data-theme=light] .add-playlist-modal .content input[type=text][data-v-109c1e54]:focus{color:var(--color-primary)}.add-playlist-modal .content .checkbox[data-v-109c1e54]{display:flex;align-items:center}.add-playlist-modal .content .checkbox input[type=checkbox i][data-v-109c1e54]{margin:3px 3px 3px 4px}.add-playlist-modal .content .checkbox label[data-v-109c1e54]{font-size:12px}button[data-v-7ceaf348]{display:flex;justify-content:center;align-items:center;padding:8px;background:transparent;margin:4px;border-radius:25%;transition:.2s}button .svg-icon[data-v-7ceaf348]{color:var(--color-text);height:16px;width:16px}button[data-v-7ceaf348]:first-child{margin-left:0}button[data-v-7ceaf348]:hover{background:var(--color-secondary-bg-for-transparent)}button[data-v-7ceaf348]:active{transform:scale(.92)}nav[data-v-23c678df]{position:fixed;top:0;right:0;left:0;display:flex;justify-content:space-between;align-items:center;height:64px;padding-right:10vw;padding-left:10vw;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background-color:var(--color-navbar-bg);z-index:100;-webkit-app-region:drag}.navigation-buttons[data-v-23c678df]{flex:1;display:flex;align-items:center}.navigation-buttons .svg-icon[data-v-23c678df]{height:24px;width:24px}.navigation-buttons button[data-v-23c678df]{-webkit-app-region:no-drag}.navigation-links[data-v-23c678df]{flex:1;display:flex;justify-content:center;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.navigation-links a[data-v-23c678df]{-webkit-app-region:no-drag;font-size:18px;font-weight:700;text-decoration:none;border-radius:6px;padding:6px 10px;color:var(--color-text);transition:.2s;margin-right:12px;margin-left:12px}.navigation-links a[data-v-23c678df]:hover{background:var(--color-secondary-bg-for-transparent)}.navigation-links a[data-v-23c678df]:active{transform:scale(.92);transition:.2s}.navigation-links a.active[data-v-23c678df]{color:var(--color-primary)}.search .svg-icon[data-v-23c678df]{height:18px;width:18px}.search-box[data-v-23c678df]{display:flex;justify-content:flex-end;-webkit-app-region:no-drag}.search-box .container[data-v-23c678df]{display:flex;align-items:center;height:32px;background:var(--color-secondary-bg-for-transparent);border-radius:8px;width:200px}.search-box .svg-icon[data-v-23c678df]{height:15px;width:15px;color:var(--color-text);opacity:.28;margin-left:8px;margin-right:4px}.search-box input[data-v-23c678df]{font-size:16px;border:none;background:transparent;width:96%;font-weight:600;margin-top:-1px;color:var(--color-text)}.search-box .active[data-v-23c678df]{background:var(--color-primary-bg-for-transparent)}.search-box .active .svg-icon[data-v-23c678df],.search-box .active input[data-v-23c678df]{opacity:1;color:var(--color-primary)}[data-theme=dark] .search-box .active .svg-icon[data-v-23c678df],[data-theme=dark] .search-box .active input[data-v-23c678df]{color:var(--color-text)}.right-part[data-v-23c678df]{flex:1;display:flex;align-items:center;justify-content:flex-end}.right-part .github[data-v-23c678df]{margin-right:16px;height:24px;width:24px;color:var(--color-text);-webkit-app-region:no-drag}.vue-slider-rail{background-color:hsla(0,0%,50.2%,.18);border-radius:15px}.vue-slider-process{background-color:#335eea;border-radius:15px}.vue-slider-dot-handle{cursor:pointer;width:100%;height:100%;border-radius:50%;background-color:#fff;box-sizing:border-box;box-shadow:.5px .5px 2px 1px rgba(0,0,0,.12);visibility:hidden}.vue-slider-dot-tooltip-wrapper{opacity:0;transition:all 1s}.vue-slider-dot-tooltip-wrapper-show{opacity:1}.vue-slider-dot-tooltip-inner{font-size:14px;white-space:nowrap;padding:2px 6px;min-width:20px;text-align:center;color:#000;border-radius:5px;border-color:#fff;background-color:#fff;box-sizing:content-box;box-shadow:.5px .5px 2px 1px rgba(0,0,0,.08)}.vue-slider:active .vue-slider-dot-handle,.vue-slider:hover .vue-slider-dot-handle{visibility:visible}.volume-control .vue-slider-process{opacity:.8;background-color:var(--color-text);border-radius:15px}.volume-control:hover .vue-slider-process{background-color:#335eea}.nyancat .vue-slider-rail{background-color:hsla(0,0%,50.2%,.18);padding:2.5px 0;border-radius:0}.nyancat .vue-slider-process{padding:0 1px;top:-2px;border-radius:0;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,red),color-stop(17%,#f90),color-stop(33%,#ff0),color-stop(50%,#3f0),color-stop(67%,#09f),color-stop(83%,#63f))}.nyancat .vue-slider-dot-handle{background:url(/img/logos/nyancat.gif);background-size:36px;width:36px;height:24px;margin-top:-6px;box-shadow:none;border-radius:0;box-sizing:border-box;visibility:visible}.player[data-v-7fe0f080]{position:fixed;bottom:0;right:0;left:0;display:flex;flex-direction:column;justify-content:space-around;height:64px;-webkit-backdrop-filter:saturate(180%) blur(30px);backdrop-filter:saturate(180%) blur(30px);background-color:var(--color-navbar-bg);z-index:100}.progress-bar[data-v-7fe0f080]{margin-top:-6px;margin-bottom:-6px;width:100%}.controls[data-v-7fe0f080]{justify-content:flex;padding-right:10vw;padding-left:10vw}.controls[data-v-7fe0f080],.playing[data-v-7fe0f080]{flex:1;display:flex;align-items:center}.playing img[data-v-7fe0f080]{height:46px;border-radius:5px;box-shadow:0 6px 8px -2px rgba(0,0,0,.16);cursor:pointer}.playing .track-info[data-v-7fe0f080]{height:46px;margin-left:12px;display:flex;flex-direction:column;justify-content:center}.playing .track-info .name[data-v-7fe0f080]{font-weight:600;font-size:16px;opacity:.88;color:var(--color-text);margin-bottom:4px;cursor:pointer;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;word-break:break-all}.playing .track-info .name[data-v-7fe0f080]:hover{text-decoration:underline}.playing .track-info .artist[data-v-7fe0f080]{font-size:12px;opacity:.58;color:var(--color-text);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;word-break:break-all}.playing .track-info .artist span.ar[data-v-7fe0f080]{cursor:pointer}.playing .track-info .artist span.ar[data-v-7fe0f080]:hover{text-decoration:underline}.middle-control-buttons[data-v-7fe0f080]{flex:1;display:flex;justify-content:center;align-items:center}.middle-control-buttons .button-icon[data-v-7fe0f080]{margin:0 8px}.middle-control-buttons .play[data-v-7fe0f080]{height:42px;width:42px}.middle-control-buttons .play .svg-icon[data-v-7fe0f080]{width:24px;height:24px}.right-control-buttons[data-v-7fe0f080]{flex:1;display:flex;justify-content:flex-end;align-items:center}.right-control-buttons .expand[data-v-7fe0f080]{margin-left:24px}.right-control-buttons .expand .svg-icon[data-v-7fe0f080]{height:24px;width:24px}.right-control-buttons .active .svg-icon[data-v-7fe0f080]{color:var(--color-primary)}.right-control-buttons .volume-control[data-v-7fe0f080]{margin-left:4px;display:flex;align-items:center}.right-control-buttons .volume-control .volume-bar[data-v-7fe0f080]{width:84px}.like-button[data-v-7fe0f080]{margin-left:16px}.toast[data-v-ec2cc052]{position:fixed;bottom:64px;left:50%;transform:translate(-50%,-50%);font-size:14px;color:var(--color-text);background:hsla(0,0%,100%,.88);box-shadow:0 6px 12px -4px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;box-sizing:border-box;padding:6px 12px;z-index:100}[data-theme=dark] .toast[data-v-ec2cc052]{background:rgba(46,46,46,.68);-webkit-backdrop-filter:blur(16px) contrast(120%);backdrop-filter:blur(16px) contrast(120%);border:1px solid hsla(0,0%,100%,.08)}.fade-enter-active[data-v-ec2cc052],.fade-leave-active[data-v-ec2cc052]{transition:opacity .2s}.fade-enter[data-v-ec2cc052],.fade-leave-to[data-v-ec2cc052]{opacity:0}:root{--color-body-bg:#fff;--color-text:#000;--color-primary:#335eea;--color-primary-bg:#eaeffd;--color-secondary:#7a7a7b;--color-secondary-bg:#f5f5f7;--color-navbar-bg:hsla(0,0%,100%,0.86);--color-primary-bg-for-transparent:rgba(189,207,255,0.28);--color-secondary-bg-for-transparent:rgba(209,209,214,0.28)}[data-theme=dark]{--color-body-bg:#222;--color-text:#fff;--color-primary:#335eea;--color-primary-bg:#bbcdff;--color-secondary:#7a7a7b;--color-secondary-bg:#323232;--color-navbar-bg:#335eea;--color-navbar-bg:rgba(34,34,34,0.86);--color-primary-bg-for-transparent:hsla(0,0%,100%,0.12);--color-secondary-bg-for-transparent:hsla(0,0%,100%,0.08)}#app{font-family:Barlow,-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;width:100%;transition:all .4s}body{background-color:var(--color-body-bg)}html{overflow-y:overlay;min-width:1000px}main{margin-top:96px;margin-bottom:96px;padding-right:10vw;padding-left:10vw}button,select{font-family:inherit}button{background:none;border:none;cursor:pointer}button:focus,input:focus{outline:none}a{color:inherit;text-decoration:none;cursor:pointer}a:hover{text-decoration:underline}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent;border-left:1px solid hsla(0,0%,50.2%,.18);background:var(--color-body-bg)}::-webkit-scrollbar-thumb{border-radius:10px;background:var(--color-secondary-bg)}.slide-up-enter-active,.slide-up-leave-active{transition:all .4s}.slide-up-enter,.slide-up-leave-to{transform:translateY(100%)}[data-electron=yes] .navigation-links a,[data-electron=yes] .playlist-info .description,[data-electron=yes] button{cursor:default!important}#nprogress{pointer-events:none}#nprogress .bar{background:#335eea;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #335eea,0 0 5px #335eea;opacity:1;transform:rotate(3deg) translateY(-4px)}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar{position:absolute}.svg-icon[data-v-3a98b3eb]{fill:currentColor}