.popup-queue-anchor[data-v-15231724]{bottom:100%;position:absolute;right:16px}@media (min-width:992px){.popup-queue-anchor[data-v-15231724]{right:5rem}}.popup-queue[data-v-15231724]{background:#16161a;border:1px solid color-mix(in srgb,var(--colorContent,#fff) 8%,transparent);border-radius:12px;box-shadow:0 18px 48px -16px #000000b3;display:flex;flex-direction:column;max-height:32rem;max-width:26rem;overflow:hidden;width:calc(100vw - 32px)}.popup-queue__header[data-v-15231724]{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--colorContent,#fff) 6%,transparent);display:flex;flex-shrink:0;gap:8px;justify-content:space-between;padding:8px 12px}.popup-queue__tabs[data-v-15231724]{align-items:center;display:inline-flex;flex:1;gap:4px;min-width:0}.popup-queue__tab[data-v-15231724]{background:transparent;border:0;border-radius:999px;color:color-mix(in srgb,var(--colorContent,#fff) 60%,transparent);cursor:pointer;font-size:12px;font-weight:600;letter-spacing:-.01em;padding:5px 10px;transition:color .15s ease,background .15s ease;white-space:nowrap}.popup-queue__tab[data-v-15231724]:hover{background:#ffffff0d;color:var(--colorContent,#fff)}.popup-queue__tab--active[data-v-15231724]{background:#ffffff14;color:var(--colorContent,#fff)}.popup-queue__close[data-v-15231724]{align-items:center;background:transparent;border:0;border-radius:999px;color:color-mix(in srgb,var(--colorContent,#fff) 70%,transparent);cursor:pointer;display:inline-flex;height:26px;justify-content:center;transition:background .15s ease,color .15s ease;width:26px}.popup-queue__close[data-v-15231724]:hover{background:#ffffff14;color:var(--colorContent,#fff)}.popup-queue__body[data-v-15231724]{flex:1;min-height:0;overflow-y:auto;padding:6px 6px 12px}.popup-queue__empty[data-v-15231724]{color:color-mix(in srgb,var(--colorContent,#fff) 50%,transparent);font-size:12px;padding:24px;text-align:center}.popup-queue__group-label[data-v-15231724]{color:color-mix(in srgb,var(--colorContent,#fff) 55%,transparent);font-size:10px;font-weight:600;letter-spacing:.06em;margin:0;padding:8px 8px 4px;text-transform:uppercase}.popup-queue__group-label--spaced[data-v-15231724]{margin-top:8px}.popup-queue__list[data-v-15231724]{list-style:none;margin:0;padding:0}.popup-queue__row[data-v-15231724]{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:10px;padding:6px 8px;position:relative;transition:background .15s ease}.popup-queue__row[data-v-15231724]:hover{background:#ffffff0d}.popup-queue__row:hover .popup-queue__more[data-v-15231724]{opacity:1}.popup-queue__row:hover .popup-queue__duration[data-v-15231724]{opacity:0}.popup-queue__row--menu-open .popup-queue__more[data-v-15231724]{opacity:1}.popup-queue__row--menu-open .popup-queue__duration[data-v-15231724]{opacity:0}.popup-queue__row--active[data-v-15231724]{background:#ffffff0f}.popup-queue__row--active .popup-queue__row-title[data-v-15231724]{color:#fff}.popup-queue__leading[data-v-15231724]{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;width:16px}.popup-queue__bars[data-v-15231724]{align-items:flex-end;display:inline-flex;gap:2px;height:12px}.popup-queue__bars span[data-v-15231724]{animation:popup-queue-bars-15231724 1s ease-in-out infinite;background:#fff;display:block;width:2px}.popup-queue__bars span[data-v-15231724]:first-child{animation-delay:0s;height:60%}.popup-queue__bars span[data-v-15231724]:nth-child(2){animation-delay:.18s;height:100%}.popup-queue__bars span[data-v-15231724]:nth-child(3){animation-delay:.36s;height:50%}.popup-queue__bars--paused span[data-v-15231724]{animation-play-state:paused}.popup-queue__index[data-v-15231724]{color:color-mix(in srgb,var(--colorContent,#fff) 55%,transparent);font-size:11px;font-variant-numeric:tabular-nums;font-weight:500}.popup-queue__cover-wrap[data-v-15231724]{flex-shrink:0;position:relative}.popup-queue__lock[data-v-15231724]{align-items:center;background:#0000008c;border-radius:6px;color:#fff;cursor:pointer;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute}.popup-queue__meta[data-v-15231724]{flex:1;min-width:0}.popup-queue__row-title[data-v-15231724]{color:color-mix(in srgb,var(--colorContent,#fff) 90%,transparent);font-size:12px;font-weight:500;line-height:1.25;margin:0 0 2px}.popup-queue__row-artist[data-v-15231724],.popup-queue__row-title[data-v-15231724]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popup-queue__row-artist[data-v-15231724]{color:color-mix(in srgb,var(--colorContent,#fff) 55%,transparent);font-size:10px;margin:0}.popup-queue__duration[data-v-15231724]{color:color-mix(in srgb,var(--colorContent,#fff) 50%,transparent);flex-shrink:0;font-size:11px;font-variant-numeric:tabular-nums;font-weight:500;transition:opacity .15s ease}.popup-queue__menu-wrap[data-v-15231724]{position:absolute;right:8px;top:50%;transform:translateY(-50%)}.popup-queue__more[data-v-15231724]{align-items:center;background:transparent;border:0;border-radius:999px;color:color-mix(in srgb,var(--colorContent,#fff) 70%,transparent);cursor:pointer;display:inline-flex;height:26px;justify-content:center;opacity:0;transition:opacity .15s ease,background .15s ease,color .15s ease;width:26px}.popup-queue__more[data-v-15231724]:hover{background:#ffffff1a;color:#fff}.popup-queue__more--active[data-v-15231724]{color:#fff;opacity:1}.popup-queue__menu[data-v-15231724]{background:#1a1a1f;border:1px solid hsla(0,0%,100%,.08);border-radius:6px;box-shadow:0 12px 32px -10px #0009;display:flex;flex-direction:column;min-width:220px;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:10}.popup-queue__menu-item[data-v-15231724]{align-items:center;background:transparent;border:0;border-radius:4px;color:var(--colorContent,#fff);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:10px;padding:7px 12px;text-align:left;transition:background .12s ease;white-space:nowrap}.popup-queue__menu-item[data-v-15231724]:hover{background:#ffffff14}.popup-queue__menu-item svg[data-v-15231724]{flex-shrink:0;opacity:.7}@keyframes popup-queue-bars-15231724{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.premium-scroll[data-v-15231724]{scrollbar-color:hsla(0,0%,100%,.18) transparent;scrollbar-width:thin}.premium-scroll[data-v-15231724]::-webkit-scrollbar{width:8px}.premium-scroll[data-v-15231724]::-webkit-scrollbar-track{background:transparent}.premium-scroll[data-v-15231724]::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#ffffff29;border:2px solid transparent;border-radius:999px}.premium-scroll[data-v-15231724]::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}
