#app{display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh}html,body,#app{overflow-y:hidden}@media (max-width: 600px){#app .queue-box{position:fixed;right:0;width:100vw;box-sizing:border-box}#app .queue-box .up-next{padding-bottom:300px}}:root{color-scheme:dark;--mobile-page-width: 600px;--background-1: #101010;--background-2: #232323;--background-3: #404040;--background-4: #505050;--foreground-1: #f0f0f0;--foreground-2: #c8c8c8;--foreground-3: #bdbdbd;--background-transparent: #242424bb;--accent-background: #847742;--accent-confirm: #3f6b48;--accent-cancel: #5e1d1d;--accent-1: #cf6db6;--accent-2: #c9a83a;--accent-3: #61b88b}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-Regular-DToFXog2.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-Bold-CPly9kH5.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-Black-CizHyRqb.ttf) format("truetype");font-weight:900;font-display:swap;font-style:normal}body{margin:auto;padding:0 30px 300px;background-color:var(--background-1)}h1{font-weight:900}h1,h2,h3,p,a,li,button,input,label,textarea,div,select,option{font-family:Satoshi;color:var(--foreground-1)}a{text-decoration:none;color:var(--foreground-2)}a:hover{text-decoration:underline}hr{border:none;border-bottom:1px solid var(--foreground-2);background:var(--foreground-2);width:100%;box-sizing:border-box}select{padding:6px 12px}button,select,textarea,input{padding:10px;border-radius:4px;border:none;font-size:12px}select,button,input,textarea{background-color:var(--background-3);color:var(--foreground-3)}button:hover{opacity:.75}@media (max-width: 600px){html body{padding:0 10px}}.material-symbols-rounded{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.loading[data-v-32d62777]{position:fixed;left:0;top:0;z-index:400;width:100vw;height:100vh;background-color:var(--background-transparent);display:flex;justify-content:center;align-items:center}.loading p[data-v-32d62777]{font-size:24px;font-weight:700;color:var(--foreground-1)}form[data-v-d9a583c8]{display:flex;flex-direction:column}input[data-v-d9a583c8],textarea[data-v-d9a583c8],select[data-v-d9a583c8]{padding:6px 4px;margin-bottom:20px}input[data-v-d9a583c8],label[data-v-d9a583c8],textarea[data-v-d9a583c8],select[data-v-d9a583c8]{font-size:14px}textarea[data-v-d9a583c8]{resize:vertical}form button[data-v-d9a583c8]{padding:12px 0;margin-top:8px;cursor:pointer}input[type=file][data-v-d9a583c8]{cursor:pointer}.tag[data-v-d9a583c8]{margin:0;float:right;font-size:12px;color:var(--foreground-3)}.new-artist-box[data-v-d9a583c8]{display:flex;flex-direction:row;gap:4px;align-items:center;margin-top:4px;margin-bottom:20px;cursor:pointer}.new-artist-box[data-v-d9a583c8]:hover{opacity:.6}.new-artist-box p[data-v-d9a583c8]{margin:0;font-size:14px}input.artist[data-v-d9a583c8]{margin:0;flex:1}.artist-entry[data-v-d9a583c8]{display:flex;flex-direction:row;align-items:center;margin-bottom:4px}.remove-artist[data-v-d9a583c8]{color:var(--accent-cancel);margin-left:10px;cursor:pointer}.remove-artist[data-v-d9a583c8]:hover{opacity:.6}.dropdown-box[data-v-f5a98d82]{position:relative;display:flex}.dropdown[data-v-f5a98d82]{position:absolute;display:block;border:1px solid var(--background-3);padding:8px;right:0;top:calc(100% + 5px);background-color:var(--background-2);z-index:75}.dropdown[data-v-f5a98d82]>*{display:flex;flex-direction:row;align-items:center;white-space:nowrap;padding-right:20px;gap:4px}.dropdown>hr[data-v-f5a98d82]{border:none;height:1px;background-color:var(--background-3);margin:8px}.dropdown[data-v-f5a98d82]>*:hover{opacity:.7}@media (max-width: 600px){.track:not(.mobile_expanded) .title[data-v-cd74a31b]{pointer-events:none}}@media (hover: none){.track[data-v-cd74a31b]:hover{background-color:inherit!important}.track[data-v-cd74a31b]:not(.header,.minimal):active{background-color:var(--background-2)}.track button[data-v-cd74a31b]:hover{opacity:1}.track button[data-v-cd74a31b]:active{opacity:.6!important}}.track[data-v-cd74a31b]{--track-height: 72px;padding:8px;border-bottom:1px solid gray;display:flex;flex-direction:row;align-items:center;gap:10px;-webkit-user-select:none;user-select:none}.track[data-v-cd74a31b]:not(.header,.minimal):hover{background-color:var(--background-2);cursor:pointer}.track:not(.header,.minimal,.square-card).currently-playing[data-v-cd74a31b]{background-color:var(--background-3);border-left:4px solid var(--foreground-1)}.track p[data-v-cd74a31b]{margin:0}.header p[data-v-cd74a31b]{font-weight:700}.artist[data-v-cd74a31b]{flex:.2;min-width:100px}.track .track-info .artist-comma[data-v-cd74a31b]{display:inline;margin-left:-.25em}.track-info[data-v-cd74a31b]{flex:1}.track:hover .play p[data-v-cd74a31b]{text-decoration:underline}.track-info .play[data-v-cd74a31b]{display:flex;flex-direction:row;gap:10px;align-items:center}.track-info .play .material-symbols-rounded[data-v-cd74a31b]{font-size:30px}.track-plays[data-v-cd74a31b]{flex:.25;text-align:center}.title[data-v-cd74a31b]{font-weight:700;display:flex;align-items:center;width:fit-content}.title[data-v-cd74a31b]:hover{text-decoration:underline;cursor:pointer}.title .trophy[data-v-cd74a31b]{color:#ffc000;background-color:#f08000;padding:0 8px;font-size:22px;border-radius:100px;margin-left:4px}.button-block[data-v-cd74a31b]:not(.label){cursor:pointer}.button-block.label[data-v-cd74a31b]{cursor:default}.button-block[data-v-cd74a31b]{background:none;border:none}.norender[data-v-cd74a31b]{opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none}.delete[data-v-cd74a31b]{color:var(--accent-cancel)}.album[data-v-cd74a31b]{height:56px;cursor:pointer}.minimal .album[data-v-cd74a31b]{height:64px}.minimal .track-info[data-v-cd74a31b]{overflow:hidden}.minimal[data-v-cd74a31b]{border-bottom:none;flex:1;padding:0;align-self:flex-start;-webkit-user-select:inherit;user-select:inherit;overflow:hidden}.minimal .title[data-v-cd74a31b]{text-overflow:ellipsis;overflow:hidden;text-wrap:nowrap;display:block;max-width:100%}.title[data-v-cd74a31b]{word-break:break-word}.queue .track-info[data-v-cd74a31b]{max-width:85%}.mobile_expanded[data-v-cd74a31b]{flex-direction:column;width:100%}.track.mobile_expanded img[data-v-cd74a31b]{width:100%;aspect-ratio:1;height:auto}.mobile_expanded .track-info[data-v-cd74a31b]{align-self:flex-start;width:100%}.mobile_expanded .track-info .title[data-v-cd74a31b]{font-size:24px;overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.mobile_expanded .track-info .artist[data-v-cd74a31b]{font-size:18px}.controls[data-v-cd74a31b]{display:flex;flex-direction:row}.controls>.button-block[data-v-cd74a31b]:first-child{border-radius:10px 0 0 10px}.controls>.button-block[data-v-cd74a31b]:last-child{border-radius:0 10px 10px 0}.controls>.button-block[data-v-cd74a31b]:first-child:last-child{border-radius:10px}.button-block[data-v-cd74a31b]{width:42px;aspect-ratio:1;background-color:var(--background-3);display:flex;justify-content:center;align-items:center}.button-block span[data-v-cd74a31b]{color:var(--foreground-1)}.delete-box[data-v-cd74a31b]{display:flex;flex-direction:row}.button-block.delete[data-v-cd74a31b]{background-color:var(--accent-cancel)}.delete span[data-v-cd74a31b]{color:var(--foreground-1)}.button-block.cancel[data-v-cd74a31b]{background-color:var(--accent-cancel)}.button-block .queue[data-v-cd74a31b]{color:var(--background-1)}.button-block:not(.label):hover span[data-v-cd74a31b]{filter:invert(.2)}.button-block[data-v-cd74a31b]:not(.label):active{background-color:#add8e6}.cancel span[data-v-cd74a31b]{color:#fff}.edit[data-v-cd74a31b]{background-color:#daa520}a.dropdown-option[data-v-cd74a31b]{text-decoration:none}.dropdown-option[data-v-cd74a31b]:not(:last-child){margin-bottom:8px}.dropdown-option[data-v-cd74a31b]:hover{opacity:.5}.dropdown-option.disabled[data-v-cd74a31b]{opacity:.2!important;cursor:default}.button-block.nobg[data-v-cd74a31b]{background:none!important;border-radius:10px}.icon.nobg[data-v-cd74a31b]{color:var(--foreground-1)}.icon.nobg[data-v-cd74a31b]:hover{color:var(--foreground-3)}.window[data-v-cd74a31b]{position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:var(--background-transparent);z-index:100;display:flex;justify-content:center;align-items:center}.edit-track h2[data-v-cd74a31b]{margin:0}.form[data-v-cd74a31b]{max-width:700px;width:100%;background-color:var(--background-2);border-radius:4px;display:flex;flex-direction:column;padding:20px;margin:20px;max-height:75%;overflow-y:auto}.buttons[data-v-cd74a31b]{display:flex;gap:10px}.buttons button[data-v-cd74a31b]{color:var(--foreground-1)}.buttons .confirm[data-v-cd74a31b]{background-color:var(--accent-confirm)}.buttons .cancel[data-v-cd74a31b]{background-color:var(--accent-cancel)}.confirm-removal .form[data-v-cd74a31b]{max-width:450px;width:fit-content;text-align:center;display:flex;flex-direction:column;align-items:center}.track.square-card[data-v-cd74a31b]{flex-direction:column;align-items:stretch;text-align:left;border:1px solid var(--background-2);border-radius:8px;padding:8px;margin:10px 5px;background-color:var(--background-2);transition:transform .2s ease,box-shadow .2s ease;box-sizing:border-box;display:flex;height:fit-content;width:200px}.track.square-card[data-v-cd74a31b]:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0006;cursor:pointer;background-color:var(--background-3)}.track.square-card.currently-playing[data-v-cd74a31b]{transform:translateY(-3px);box-shadow:0 6px 12px #0006;background-color:var(--background-4)}.track.square-card .album[data-v-cd74a31b]{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:4px;margin-bottom:6px}.track.square-card .track-info[data-v-cd74a31b]{width:100%;display:flex;flex-direction:column;align-items:stretch;padding:0 2px}.track.square-card .track-info .title[data-v-cd74a31b]{display:inline-block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem}.track.square-card .title[data-v-cd74a31b]{font-size:13px;font-weight:700;margin:2px 0;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left;line-height:1.2}.track.square-card .track-info .title[data-v-cd74a31b]:hover{color:gray;text-decoration:underline}.track.square-card .artists-box[data-v-cd74a31b]{max-width:150px;overflow:hidden}.track.square-card .artist[data-v-cd74a31b]{margin:1px 0;word-break:break-word;text-align:left;min-width:unset;font-size:.84rem}.track.square-card .artist-comma[data-v-cd74a31b]{color:gray}.track.square-card .plays-count[data-v-cd74a31b]{font-size:10px;color:var(--foreground-3);margin-top:2px;font-style:italic;text-align:left}.track.square-card .controls[data-v-cd74a31b]{display:none}hr[data-v-9389a8b5]{margin-top:30px}h2[data-v-9389a8b5]{margin:0}.date[data-v-9389a8b5]{font-style:italic;margin:0 2px}.tracks[data-v-9389a8b5]{display:flex;flex-direction:column}.tags-box[data-v-9389a8b5]{display:flex;flex-direction:row;gap:4px;margin:10px 0;flex-wrap:wrap}.tag[data-v-9389a8b5]{margin:0;background-color:var(--background-2);padding:4px 6px;border-radius:100px;white-space:nowrap}.description[data-v-9389a8b5]{margin:20px 0}.description p[data-v-9389a8b5]{margin:0;white-space:break-spaces}.hint[data-v-9389a8b5]{font-style:italic;margin-left:10px}.copy-link[data-v-9389a8b5]{display:none;cursor:pointer;font-size:26px;color:var(--accent-1)}.title-box[data-v-9389a8b5]{display:flex;flex-direction:row;align-items:center;gap:8px}.title-box:hover .copy-link[data-v-9389a8b5]{display:block}.title-container[data-v-9389a8b5]{display:flex;justify-content:space-between;align-items:center}.title-link[data-v-9389a8b5]{flex:1;text-decoration:none;color:inherit;display:flex;align-items:center}.title-link h2[data-v-9389a8b5]{margin:0;cursor:pointer}.title-link:hover h2[data-v-9389a8b5]{text-decoration:underline}.copy-link[data-v-9389a8b5]:hover{opacity:75%}.events-container[data-v-f19c3e90]{width:100%}.open-now-box[data-v-f19c3e90]{background:var(--accent-background);background:linear-gradient(180deg,var(--accent-background) 0px,var(--background-1) 500px);padding:20px;border-radius:10px}.open-now-box h2[data-v-f19c3e90]{margin:0}.tracks-container[data-v-ae96ee1c]{width:100%;padding:20px 0}.section[data-v-ae96ee1c]{margin-bottom:30px}.section-header[data-v-ae96ee1c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-title[data-v-ae96ee1c]{margin:0;font-size:1.5rem;color:var(--foreground-1)}.track-scroller[data-v-ae96ee1c]{overflow-x:auto;padding:8px 0;-ms-overflow-style:none}.track-row[data-v-ae96ee1c]{display:flex;flex-direction:row;gap:15px;min-width:max-content}.track-card[data-v-ae96ee1c]{flex:0 0 auto;width:180px}input[data-v-4aa02b58]{padding:8px;border-radius:4px;border:none;font-size:14px}.search-box[data-v-4aa02b58]{margin:14px 0;display:flex;justify-content:flex-end}.search-bar[data-v-d595659d]{margin-bottom:20px}.content[data-v-d595659d]{min-height:400px}.loading[data-v-d595659d]{display:flex;justify-content:center;align-items:center;height:200px}.filtered-tracks[data-v-d595659d]{margin-top:30px}.tracks-view[data-v-d595659d]{width:100%}.rewind a[data-v-d595659d]{padding:10px;border-radius:4px;font-weight:700;font-size:1.2rem;background:#302b63;background:linear-gradient(to bottom,#24243e,#302b63,#0f0c29);border:2px solid #23432e}.rewind[data-v-d595659d]{width:fit-content;margin:2rem auto}@media (max-width: 600px){.header[data-v-f0f19192]{position:static!important}}@media (max-height: 675px){.header[data-v-f0f19192]{position:static!important}}.header[data-v-f0f19192]{padding:10px 0;border-bottom:1px solid gray;position:sticky;top:0;background-color:var(--background-1);z-index:10}h1[data-v-f0f19192]{margin-top:0;margin-bottom:10px;font-size:28px}.nav[data-v-f0f19192]{display:flex;flex-direction:row;gap:10px;align-items:center}.space[data-v-f0f19192]{flex:1}button[data-v-f0f19192]{outline:none}p[data-v-f0f19192]{margin:0}a[data-v-f0f19192]{text-decoration:none;cursor:pointer}.link.nocircle .material-symbols-rounded[data-v-f0f19192]{background:none;color:var(--foreground-1);padding:0}.link[data-v-f0f19192]{display:flex;align-items:center;gap:4px}.link .material-symbols-rounded[data-v-f0f19192]{font-size:24px}.user-icon[data-v-f0f19192]{width:32px;aspect-ratio:1;border-radius:100px;cursor:pointer}.user-icon[data-v-f0f19192]:hover,.circle[data-v-f0f19192]:hover,.link[data-v-f0f19192]:hover{opacity:.6}.material-symbols-rounded.circle[data-v-f0f19192]{border-radius:100px;font-size:22px;padding:5px;color:var(--foreground-1);background-color:var(--background-3);box-sizing:border-box}.dropdown-option[data-v-f0f19192]:not(:last-child){margin-bottom:8px}.dropdown-option .material-symbols-rounded[data-v-f0f19192]{font-size:24px}.progress-background[data-v-da5f11af]{width:100%;height:6px;border-radius:100px;background-color:var(--background-3);transition:height .3s cubic-bezier(0,.74,.04,1)}.progress[data-v-da5f11af]{border-radius:100px;height:100%;width:0%}.progress-box[data-v-da5f11af]{width:100%;height:12px;cursor:pointer;display:flex;align-items:center}.progress-background[data-v-da5f11af]:hover,.progress-box:hover .progress-background[data-v-da5f11af]{height:8px}.progress-background[data-v-da5f11af]{position:relative}.progress-slider[data-v-da5f11af]{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;width:100%;background:none;position:absolute;top:0;transform:translateY(-25%);margin:0;padding:0;cursor:pointer}.progress-background:hover .progress-slider[data-v-da5f11af]::-webkit-slider-thumb{opacity:1}.progress-background:hover .progress-slider[data-v-da5f11af]::-moz-range-thumb{opacity:1}.progress-slider[data-v-da5f11af]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;border:none;width:18px;height:18px;border-radius:100px;background-color:var(--background-3);border:5px solid var(--foreground-1)}.progress-slider[data-v-da5f11af]::-moz-range-thumb{opacity:0;border:none;width:11px;height:11px;border-radius:100px;background-color:var(--background-3);border:5px solid var(--foreground-1)}.label[data-v-da5f11af]{font-size:13px;width:50px}.label.right[data-v-da5f11af]{text-align:right}.disabled[data-v-da5f11af]{pointer-events:none}.controls[data-v-3c1996d7]{display:flex;flex-direction:row;gap:10px;justify-content:center}.controls button[data-v-3c1996d7]{background:none;border:none;cursor:pointer;padding:0}.controls button[data-v-3c1996d7]:hover{opacity:.8}.control-icon[data-v-3c1996d7]{text-align:center;display:block;color:var(--accent-1)}.prev .control-icon[data-v-3c1996d7],.pause .control-icon[data-v-3c1996d7],.next .control-icon[data-v-3c1996d7]{--size: 40px;display:block;font-size:var(--size);width:var(--size);height:var(--size);text-align:center;line-height:var(--size)}.shuffle .control-icon[data-v-3c1996d7],.repeat .control-icon[data-v-3c1996d7]{--size: 24px;font-size:var(--size)}.mobile[data-v-3c1996d7]{width:100%;align-items:center;justify-content:space-between}.mobile button[data-v-3c1996d7]{width:fit-content;height:fit-content}.mobile button span[data-v-3c1996d7]{width:fit-content}.mobile .pause .control-icon[data-v-3c1996d7]{--size: 64px}.mobile .next .control-icon[data-v-3c1996d7],.mobile .prev .control-icon[data-v-3c1996d7]{--size: 56px}.mobile .shuffle .control-icon[data-v-3c1996d7],.mobile .repeat .control-icon[data-v-3c1996d7]{--size: 28px}.jam-icon[data-v-feb6cb84]{font-size:32px;width:32px;height:32px;text-align:center;line-height:32px}.player-mini-box[data-v-feb6cb84]{width:100%;background-color:var(--background-1);border-top:1px solid var(--foreground-3);box-sizing:border-box;height:100%}.player-mini[data-v-feb6cb84]{margin:auto;padding:12px 0;max-width:1000px}.track-box[data-v-feb6cb84]{display:flex;flex-direction:row;align-items:center;gap:10px}.album[data-v-feb6cb84]{display:flex;flex-direction:row;align-items:center;gap:15px;flex:.35}.album-cover[data-v-feb6cb84]{width:64px;height:64px;cursor:pointer;overflow:hidden}.album-cover img[data-v-feb6cb84]{width:100%;height:100%;object-fit:cover}.album-icon[data-v-feb6cb84]{font-size:64px;color:var(--foreground-3)}.artist-comma[data-v-feb6cb84]{display:inline}.track-info[data-v-feb6cb84]{flex:1}.track-info p[data-v-feb6cb84]{margin:0}.controls-right[data-v-feb6cb84]{flex:1;display:flex;justify-content:flex-end}.volume-controls[data-v-feb6cb84]{width:90px;display:flex;flex-direction:row;align-items:center;gap:4px}.volume-icon[data-v-feb6cb84],.jam-icon[data-v-feb6cb84]{cursor:pointer}.icon[data-v-feb6cb84]{margin-left:8px;cursor:pointer}.icon[data-v-feb6cb84]:hover{opacity:.6}.material-symbols-rounded[data-v-feb6cb84]{-webkit-user-select:none;user-select:none}.not-playing-preview[data-v-feb6cb84]{display:flex;flex-direction:row;gap:10px;align-items:center;flex:1}.not-playing-preview p[data-v-feb6cb84]{margin:0}.player[data-v-0a79b84a]{--animation-curve: ease}.progress-labels[data-v-0a79b84a]{display:flex;align-items:center}.progress-labels p[data-v-0a79b84a]{flex:1;font-size:12px;margin-top:0;margin-bottom:4px}.progress-labels .right[data-v-0a79b84a]{text-align:right}.player[data-v-0a79b84a]{width:100%;padding:10px;position:fixed;bottom:0;left:0;box-sizing:border-box;background-color:var(--background-1);display:flex;flex-direction:column}.player.mini[data-v-0a79b84a]:before{content:"";border-top:1px solid var(--foreground-3);padding-bottom:5px}.player.mini[data-v-0a79b84a]{overflow-y:hidden}.player.mini .pause .control-icon[data-v-0a79b84a]{--size: 56px}.track-box[data-v-0a79b84a]{display:flex;flex-direction:row;align-items:center;gap:10px}.album-cover img[data-v-0a79b84a]{width:100%;height:100%;object-fit:cover}.album-icon[data-v-0a79b84a]{font-size:64px;color:var(--foreground-3)}.material-symbols-rounded[data-v-0a79b84a]{-webkit-user-select:none;user-select:none}.not-playing-preview[data-v-0a79b84a]{display:flex;flex-direction:row;gap:10px;align-items:center;flex:1}.not-playing-preview p[data-v-0a79b84a]{margin:0}button[data-v-0a79b84a]{background:none;border:none;cursor:pointer;padding:0}.control-icon[data-v-0a79b84a]{color:var(--accent-1);--size: 40px;display:block;font-size:var(--size);width:var(--size);height:var(--size);text-align:center;line-height:var(--size)}.big[data-v-0a79b84a]{top:0;--padding: 40px;padding:10px var(--padding) var(--padding) var(--padding);height:100vh;height:100vdh;border-top:none}.mobile_expanded span[data-v-0a79b84a]{font-size:calc(100vw - calc(var(--padding) * 2));color:var(--foreground-1);background-color:var(--background-1)}.big .not-playing-preview[data-v-0a79b84a]{flex-direction:column;align-items:flex-start}.big .not-playing-preview p[data-v-0a79b84a]{font-size:28px;font-weight:700;padding-bottom:30px}.close[data-v-0a79b84a]{margin-bottom:10px;padding:0;transform:translate(-12px)}.close span[data-v-0a79b84a]{font-size:48px;text-align:left;width:100%;-webkit-user-select:none;user-select:none;color:var(--foreground-1)}.close:hover span[data-v-0a79b84a]{color:var(--foreground-3)}.other-controls[data-v-0a79b84a]{display:flex;flex-direction:row;justify-content:flex-end;padding-top:10px}.big .icon[data-v-0a79b84a]{font-size:28px}.queue.icon[data-v-0a79b84a]{color:var(--accent-3)}.big-enter-active[data-v-0a79b84a],.big-leave-active[data-v-0a79b84a]{transition:transform .5s var(--animation-curve),opacity .5s var(--animation-curve)}.big-enter-active[data-v-0a79b84a]{transition-delay:.05s}.mini-enter-active[data-v-0a79b84a]{transition-delay:.25s}.big-enter-from[data-v-0a79b84a],.big-leave-to[data-v-0a79b84a]{transform:translateY(100%);opacity:0}.mini-enter-active[data-v-0a79b84a],.mini-leave-active[data-v-0a79b84a]{transition:transform .5s var(--animation-curve),opacity .5s var(--animation-curve)}.mini-enter-from[data-v-0a79b84a],.mini-leave-to[data-v-0a79b84a]{transform:translateY(110%);opacity:0}@media (max-width: 600px){.lyrics-box .lyrics[data-v-4273bc7f]{font-size:20px}.lyrics-scroll[data-v-4273bc7f]{height:calc(100% - 290px)!important}.lyrics-box[data-v-4273bc7f]{top:0!important}}@media (max-height: 675px){.lyrics-scroll[data-v-4273bc7f]{height:calc(100% - 290px)!important;top:0!important}.lyrics-box[data-v-4273bc7f]{top:0!important}}.lyrics-box[data-v-4273bc7f]{position:fixed;top:100px;left:0;padding:0 30px;width:100%;height:100vh;height:100dvh;background-color:var(--background-1);box-sizing:border-box}.lyrics-scroll[data-v-4273bc7f]{position:relative;height:calc(100% - 335px)}.lyrics-scroll[data-v-4273bc7f]:before,.lyrics-scroll[data-v-4273bc7f]:after{content:"";position:absolute;left:0;right:0;height:50px;pointer-events:none;z-index:1}.lyrics-scroll[data-v-4273bc7f]:before{top:0;background:none;background:linear-gradient(to bottom,var(--background-1),transparent)}.lyrics-scroll[data-v-4273bc7f]:after{bottom:0;background:none;background:linear-gradient(to top,var(--background-1),transparent)}.lyrics[data-v-4273bc7f]{white-space:pre-line;font-size:32px;font-weight:700;color:var(--foreground-1);overflow-y:auto;height:100%}.lyrics[data-v-4273bc7f]:before{content:"";display:block;padding-top:28px}.lyrics[data-v-4273bc7f]:after{content:"";display:block;padding-bottom:300px}.exit[data-v-4273bc7f]{color:var(--foreground-1);font-size:48px;background-color:var(--accent-1);cursor:pointer;margin-top:30px;border-radius:4px}.exit[data-v-4273bc7f]:hover{opacity:75%}.track-info-content[data-v-cb0944e1]{width:100%;position:relative}.track-info[data-v-cb0944e1]{height:fit-content}.header[data-v-cb0944e1]{display:flex;flex-direction:column;align-items:center}.exit[data-v-cb0944e1]{position:fixed;color:var(--foreground-1);font-size:48px;background-color:var(--accent-cancel);cursor:pointer;margin-top:30px;border-radius:4px;z-index:10}.exit[data-v-cb0944e1]:hover{opacity:75%}.album[data-v-cb0944e1]{margin-top:20px;width:400px}.artists[data-v-cb0944e1]{display:flex;margin-bottom:20px;flex-wrap:wrap}.artists>p[data-v-cb0944e1],.artists>a[data-v-cb0944e1]{margin:0;font-weight:700;font-size:24px}.artists[data-v-cb0944e1]>*:not(.artist-comma):not(:first-child){margin-left:6px}.artist-comma[data-v-cb0944e1]{display:inline}@media (max-width: 768px){.album[data-v-cb0944e1]{width:300px}.exit[data-v-cb0944e1]{position:absolute;right:10px;top:10px;margin:0;font-size:36px}}.media-player-box[data-v-380880bf]{z-index:50;min-height:123px}.lyrics-enter-active[data-v-380880bf],.lyrics-leave-active[data-v-380880bf]{transition:transform .5s ease}.lyrics-enter-from[data-v-380880bf],.lyrics-leave-to[data-v-380880bf]{transform:translateY(110%)}.album-preview[data-v-380880bf]{position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:var(--background-transparent);z-index:200;display:flex;justify-content:center;align-items:center;flex-direction:column}.popup-track-info[data-v-380880bf]{position:fixed;top:100px;left:0;padding:0 30px;width:100%;height:calc(100vh - 210px);background-color:var(--background-1);box-sizing:border-box;overflow-y:auto;z-index:150}@media (max-width: 600px){.popup-track-info .track-info-content .album[data-v-380880bf]{width:100%}.popup-track-info[data-v-380880bf]{height:calc(100vh - 110px)!important;top:0!important}}@media (max-height: 675px){.popup-track-info[data-v-380880bf]{height:calc(100vh - 110px)!important;top:0!important}}.popup-track-info .track-info-content .track-info[data-v-380880bf]{height:fit-content;margin-bottom:256px;margin-top:80px}.popup-track-info .track-info-content .header[data-v-380880bf]{display:flex;flex-direction:column;align-items:center}.popup-track-info .track-info-content .album[data-v-380880bf]{margin-top:20px;width:400px}.popup-track-info .track-info-content .artists[data-v-380880bf]{display:flex;margin-bottom:20px;flex-wrap:wrap}.popup-track-info .track-info-content .artists>p[data-v-380880bf],.popup-track-info .track-info-content .artists>a[data-v-380880bf]{margin:0;font-weight:700;font-size:24px}.popup-track-info .track-info-content .artists[data-v-380880bf]>*:not(.artist-comma):not(:first-child){margin-left:6px}.popup-track-info .track-info-content .artist-comma[data-v-380880bf]{display:inline}.big-album[data-v-380880bf]{width:512px;margin-bottom:20px;z-index:1}span.big-album[data-v-380880bf]{font-size:512px;color:var(--foreground-3);background-color:var(--background-2)}.big-label[data-v-380880bf]{font-size:48px;font-weight:700;color:var(--foreground-1);margin:0;z-index:1}.big-label.artists[data-v-380880bf]{font-size:32px;font-weight:400}.big-background[data-v-380880bf]{position:fixed;width:200%;height:200%;filter:blur(100px) contrast(.75) saturate(.9) brightness(.5);background-size:cover;background-position:center;-webkit-user-select:none;user-select:none}@media (max-width: 600px){.queue-box .close-box[data-v-54e03732]{justify-content:flex-start}}.queue-box[data-v-54e03732]{height:100%;width:500px;overflow-y:hidden;overflow-x:hidden;background-color:var(--background-1);border-left:1px solid var(--background-3);padding-left:20px;padding-top:30px;z-index:100;display:flex;flex-direction:column}.tracks[data-v-54e03732]{overflow-y:auto;overflow-x:hidden;flex:1;padding-right:12px}.queue-title[data-v-54e03732]{display:flex;flex-direction:row;align-items:center;margin:20px 0}.queue-title[data-v-54e03732]>*{margin:0;flex:1}.button[data-v-54e03732]{text-align:right;cursor:pointer;-webkit-user-select:none;user-select:none}.button[data-v-54e03732]:hover{opacity:.7}.close[data-v-54e03732]{cursor:pointer}.close[data-v-54e03732]:hover{opacity:.5}.close-box[data-v-54e03732]{display:flex;justify-content:flex-end;height:40px}.close[data-v-54e03732]{font-size:32px}.up-next[data-v-54e03732]{padding-bottom:100px}@media (max-width: 600px){.playlist[data-v-dd265d47]:not(.compact){width:165px!important}}.compact.playlist[data-v-dd265d47]{width:100%!important;flex-direction:row!important;gap:10px;border-bottom:1px solid black;padding-bottom:10px}.compact.playlist .title[data-v-dd265d47]{flex:1}.compact.playlist .cover[data-v-dd265d47]{width:64px}.playlist[data-v-dd265d47]{width:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.cover[data-v-dd265d47]{aspect-ratio:1;width:100%}.playlist[data-v-dd265d47]:hover{opacity:.8}.playlist-creation-box[data-v-3b52bdc5]{position:fixed;left:0;top:0;z-index:202;background-color:var(--background-transparent);width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.close[data-v-3b52bdc5]{font-size:32px;margin-bottom:20px;-webkit-user-select:none;user-select:none;cursor:pointer}.close[data-v-3b52bdc5]:hover{color:var(--accent-cancel)}.panel[data-v-3b52bdc5]{background-color:var(--background-2);padding:20px;margin:20px;width:95%;max-width:750px;box-sizing:border-box;z-index:1}.info[data-v-3b52bdc5]{display:flex;flex-direction:column;gap:10px;flex:1}.info[data-v-3b52bdc5]>*{width:100%;min-width:300px}.name[data-v-3b52bdc5]{font-weight:700;font-size:28px}input[type=text][data-v-3b52bdc5],textarea[data-v-3b52bdc5]{border:none;padding:8px;box-sizing:border-box}textarea[data-v-3b52bdc5]{resize:vertical;height:110px}.dropdown[data-v-3b52bdc5]{width:100px;border:none;padding:8px 16px}.row[data-v-3b52bdc5]{display:flex;flex-direction:row;gap:10px;align-items:center;flex-wrap:wrap}button[data-v-3b52bdc5]{margin-top:10px;border:none;padding:10px 20px;cursor:pointer;width:fit-content;border-radius:8px}button[data-v-3b52bdc5]:hover,.upload-cover[data-v-3b52bdc5]:hover{background-color:var(--accent-confirm)}.upload-cover-input[data-v-3b52bdc5]{display:none}.cover[data-v-3b52bdc5]{max-width:200px;height:200px;aspect-ratio:1;cursor:pointer;object-fit:cover}.cover span[data-v-3b52bdc5]{-webkit-user-select:none;user-select:none}.cover[data-v-3b52bdc5]{position:relative}.cover span[data-v-3b52bdc5]{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;justify-content:center;align-items:center;font-size:64px;color:var(--accent-2);background-color:var(--background-transparent);opacity:0}.cover:hover span[data-v-3b52bdc5]{opacity:1}.row.main[data-v-3b52bdc5]{align-items:flex-start;justify-content:center}@media (max-width: 600px){.new-playlist .cover[data-v-8357b2e6]{width:64px;height:64px}.new-playlist .cover span[data-v-8357b2e6]{font-size:40px}.playlists[data-v-8357b2e6]{flex-direction:column!important}.playlists .new-playlist[data-v-8357b2e6]{flex-direction:row;width:100%;padding-bottom:10px;border-bottom:1px solid black;gap:10px}.playlists .new-playlist p[data-v-8357b2e6]{flex:1}}.add-to-playlist-box[data-v-8357b2e6]{position:fixed;left:0;top:0;z-index:202;background-color:var(--background-transparent);width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.panel[data-v-8357b2e6]{background-color:var(--background-2);padding:20px;margin:20px;width:100%;max-width:1000px;box-sizing:border-box;z-index:1}.playlists[data-v-8357b2e6]{display:flex;flex-direction:row;flex-wrap:wrap;overflow-y:auto;gap:10px;max-height:500px}.close[data-v-8357b2e6]{font-size:32px;cursor:pointer}.close[data-v-8357b2e6]:hover{color:var(--accent-cancel)}.new-playlist[data-v-8357b2e6]{width:200px;display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer}.new-playlist:hover .cover[data-v-8357b2e6]{filter:invert(1)}.cover[data-v-8357b2e6]{width:100%;aspect-ratio:1;background-color:var(--background-1);display:flex;justify-content:center;align-items:center}.cover .icon[data-v-8357b2e6]{color:var(--foreground-2);font-size:64px}.notification[data-v-bb5c2bf1]{position:fixed;top:0;left:50%;transform:translate(-50%);font-size:20px;font-weight:700;background-color:var(--background-2);padding:10px;margin-top:20px;border-radius:4px;transition:.3s transform cubic-bezier(1,0,0,1);z-index:506}.notification.hidden[data-v-bb5c2bf1]{transform:translate(-50%) translateY(-200%)}.notification p[data-v-bb5c2bf1]{margin:0;text-align:center;color:var(--foreground-1)}.horizontal-contents[data-v-fc8b24c1]{display:flex;flex-direction:row;width:100%;height:fit-content;overflow-y:hidden;overflow-x:hidden;flex:1}.page-contents[data-v-fc8b24c1]{width:100%;height:100%;overflow-y:auto;overflow-x:hidden}main[data-v-fc8b24c1]{padding-bottom:200px;padding-top:10px}.v-enter-active[data-v-fc8b24c1],.v-leave-active[data-v-fc8b24c1]{transition:width .5s ease,opacity .5s ease,padding-left .5s ease,padding-right .5s ease;overflow-x:hidden}.v-enter-from[data-v-fc8b24c1],.v-leave-to[data-v-fc8b24c1]{opacity:0;padding-left:0;padding-right:0;width:0}@media (max-width: 600px){.v-enter-active[data-v-fc8b24c1],.v-leave-active[data-v-fc8b24c1]{transition:opacity .5s ease,transform .5s ease}.v-enter-from[data-v-fc8b24c1],.v-leave-to[data-v-fc8b24c1]{opacity:0;transform:translate(100%);padding-left:inherit!important;padding-right:inherit!important}}