.nav-player[data-v-c4b4c1ee]{position:relative;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;color:var(--text-primary);flex-shrink:0}.nav-player[data-v-c4b4c1ee]:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}.nav-player-ring[data-v-c4b4c1ee]{position:absolute;inset:0;border-radius:var(--radius-full);background:conic-gradient(var(--color-blue) var(--nav-player-progress,0),var(--bg-4) var(--nav-player-progress,0))}.nav-player-circle[data-v-c4b4c1ee]{position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:var(--radius-full);background:var(--gradient-primary);overflow:hidden;transition:transform .4s ease,filter .4s ease,box-shadow .4s ease}.nav-player-art[data-v-c4b4c1ee]{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.nav-player-circle.has-art[data-v-c4b4c1ee]:after{content:"";position:absolute;inset:0;background:var(--scrim-light)}.nav-player-circle[data-v-c4b4c1ee]>:not(.nav-player-art){position:relative;z-index:1}.nav-player.playing .nav-player-circle[data-v-c4b4c1ee]{box-shadow:var(--shadow-glow)}.nav-player:active .nav-player-circle[data-v-c4b4c1ee]{filter:brightness(1.15)}.nav-player.holding .nav-player-circle[data-v-c4b4c1ee]{transform:scale(1.16);filter:brightness(1.15)}.nav-player-play[data-v-c4b4c1ee]{margin-left:2px}.nav-player-wf[data-v-c4b4c1ee]{display:flex;align-items:center;gap:3px;height:24px}.nav-player-wf i[data-v-c4b4c1ee]{width:3px;height:8px;border-radius:var(--radius-full);background:var(--text-primary);animation:nav-player-wave-c4b4c1ee .9s ease-in-out infinite}.nav-player-wf i[data-v-c4b4c1ee]:first-child{animation-delay:0s}.nav-player-wf i[data-v-c4b4c1ee]:nth-child(2){animation-delay:.22s}.nav-player-wf i[data-v-c4b4c1ee]:nth-child(3){animation-delay:.45s}.nav-player-wf i[data-v-c4b4c1ee]:nth-child(4){animation-delay:.11s}@keyframes nav-player-wave-c4b4c1ee{0%,to{height:8px}50%{height:22px}}@media(prefers-reduced-motion:reduce){.nav-player-wf i[data-v-c4b4c1ee]{animation:none;height:14px}}