.music-widget {
  position: fixed;
  top: 1.25rem;
  left: 1.25rem;
  z-index: 50;

  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* main text row */
.now-playing {
  opacity: 0;
  transform: translateX(-8px);

  color: rgba(255, 255, 255, 0.75);
  font-size: 1.4rem;
  white-space: nowrap;

  display: flex;
  align-items: baseline; /* keeps everything aligned nicely */
  gap: 0.6rem;

  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.now-playing.is-visible {
  opacity: 1;
  transform: translateX(0);
}

/* time */
.now-playing-time {
  opacity: 0.55;
  font-size: 1.1rem;
}

/* up next */
.up-next-text {
  opacity: 0.45;
  font-size: 1.1rem;
}

/* separator dot */
.up-next-text::before {
  content: "•";
  margin: 0 0.4rem;
  opacity: 0.6;
}