.spot-status[data-v-ba8e144f]{align-items:center;border:1px solid transparent;border-radius:9999px;display:flex;gap:.5rem;max-width:100%;min-width:0;overflow:hidden;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.spot-status--sm[data-v-ba8e144f]{font-size:11px;gap:.375rem;padding:.1875rem .5rem}.spot-status--md[data-v-ba8e144f]{font-size:12px;padding:.3125rem .75rem}.spot-status--online[data-v-ba8e144f]{background:var(--dashboard-surface,hsla(0,0%,100%,.06));border-color:var(--dashboard-edge,hsla(0,0%,100%,.1));color:var(--dashboard-label,hsla(0,0%,100%,.65))}.spot-status--next[data-v-ba8e144f]{background:color-mix(in srgb,var(--primary) 12%,transparent);border-color:color-mix(in srgb,var(--primary) 38%,transparent);color:var(--primary-accessible,var(--primary))}.spot-status--playing[data-v-ba8e144f]{background:var(--primary-accessible,var(--primary));border-color:var(--primary-accessible,var(--primary));color:var(--primary-foreground,#04140d)}.spot-status__icon[data-v-ba8e144f]{flex-shrink:0;height:.875rem;width:.875rem}.spot-status__text[data-v-ba8e144f]{align-items:baseline;display:flex;gap:.375rem;min-width:0}.spot-status__label[data-v-ba8e144f]{font-weight:600}.spot-status__detail[data-v-ba8e144f],.spot-status__label[data-v-ba8e144f]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spot-status__detail[data-v-ba8e144f]{min-width:0;opacity:.8}.spot-status__countdown[data-v-ba8e144f]{font-variant-numeric:tabular-nums;font-weight:600;margin-left:auto;opacity:.9;padding-left:.25rem}.spot-status__meter[data-v-ba8e144f]{align-items:flex-end;display:flex;flex-shrink:0;gap:2px;height:.75rem}.spot-status__bar[data-v-ba8e144f]{animation:spot-status-bar-ba8e144f .9s ease-in-out infinite;background:currentColor;border-radius:9999px;height:100%;transform-origin:bottom;width:3px}@keyframes spot-status-bar-ba8e144f{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.spot-status__bar[data-v-ba8e144f]{animation:none;transform:scaleY(.7)}}