.np[data-v-7cb65b24]{position:relative;display:flex;height:100%;flex-direction:column;align-items:center;padding:2px 12px var(--w-pad-corner);color:var(--w-text);text-align:center;-webkit-user-select:none;user-select:none}.np__art[data-v-7cb65b24]{position:relative;display:flex;flex:0 0 auto;width:58px;height:58px;align-items:center;justify-content:center;overflow:hidden;border-radius:13px;background:var(--w-surface-2);color:var(--w-text-3);font-size:26px;box-shadow:inset 0 .5px 0 var(--w-edge-top)}.np__art-fallback[data-v-7cb65b24]{line-height:1}.np__art-img[data-v-7cb65b24]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.np__title[data-v-7cb65b24]{position:relative;display:block;width:100%;flex:0 0 auto;margin-top:9px;overflow:hidden;font-size:13px;font-weight:600;line-height:1.2;letter-spacing:-.2px;white-space:nowrap}.np__title:not(.is-marquee) .np__title-text[data-v-7cb65b24]{display:block;overflow:hidden;text-overflow:ellipsis}.np__title.is-marquee[data-v-7cb65b24]{mask-image:linear-gradient(90deg,transparent,#000 8px,#000 calc(100% - 8px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8px,#000 calc(100% - 8px),transparent)}.np__title.is-marquee .np__title-text[data-v-7cb65b24]{display:inline-block;padding-left:100%;animation:np-marquee-7cb65b24 9s linear infinite}.np__artist[data-v-7cb65b24]{width:100%;flex:0 0 auto;margin-top:2px;overflow:hidden;color:var(--w-text-2);font-size:10.5px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.np__transport[data-v-7cb65b24]{display:flex;width:100%;flex:1 1 auto;align-items:flex-end;justify-content:space-between;gap:8px;min-height:0;padding:6px 2px 0}.np__button[data-v-7cb65b24]{display:flex;flex:0 0 auto;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;color:var(--w-text-2);font-size:17px}.np__button--play[data-v-7cb65b24]{position:relative;width:44px;height:44px;background:var(--w-surface-2);color:var(--w-text);font-size:19px}.np__ring[data-v-7cb65b24]{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.np__ring-fill[data-v-7cb65b24]{transition:stroke-dashoffset .35s linear}.np__button[data-v-7cb65b24]:active{opacity:.6}.np__hud[data-v-7cb65b24]{position:absolute;right:12px;bottom:24px;left:12px;display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:var(--w-r-md);background:#1c1c20eb;box-shadow:inset 0 .5px 0 var(--w-edge-top),0 6px 16px #00000080}.np__hud-icon[data-v-7cb65b24]{flex:0 0 auto;color:var(--w-text-2);font-size:12px}.np__hud-track[data-v-7cb65b24]{position:relative;flex:1 1 auto;height:3px;overflow:hidden;border-radius:2px;background:var(--w-surface-3)}.np__hud-fill[data-v-7cb65b24]{display:block;height:100%;border-radius:2px;background:var(--w-text)}.np__hud-value[data-v-7cb65b24]{flex:0 0 auto;min-width:18px;color:var(--w-text-2);font-size:9.5px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.np-hud-enter-active[data-v-7cb65b24],.np-hud-leave-active[data-v-7cb65b24]{transition:opacity .18s ease,transform .18s ease}.np-hud-enter-from[data-v-7cb65b24],.np-hud-leave-to[data-v-7cb65b24]{opacity:0;transform:translateY(4px)}.np__empty[data-v-7cb65b24]{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:7px}.np__empty-icon[data-v-7cb65b24]{color:var(--w-text-3);font-size:26px}.np__empty-text[data-v-7cb65b24]{color:var(--w-text-3);font-size:11px}@keyframes np-marquee-7cb65b24{0%{transform:translate(0)}to{transform:translate(-100%)}}@media(prefers-reduced-motion:reduce){.np__title.is-marquee .np__title-text[data-v-7cb65b24]{padding-left:0;animation:none}}