/* Copyright Ayers Electronics Inc. All rights reserved. */
/* Now Playing's Lyrics panel (js/now-playing-lyrics.js): timed lines with the current one lit and
   held at the centre, or plain words that scroll. Focusable, so a remote's Up and Down scroll it. */

.now-playing-lyrics {
  max-height: 30vh;
  overflow-y: auto;
  margin-bottom: 16px;
  padding: 8px 12px;
  border-radius: var(--radius);
  background: var(--elevated);
}
.now-playing-lyrics.hidden,
.now-playing-lyrics-lines.hidden,
.now-playing-lyrics-text.hidden {
  display: none;
}
.now-playing-lyrics:focus {
  outline: none;
  box-shadow: var(--focus-ring-outset);
}
.now-playing-lyrics-lines {
  list-style: none;
  margin: 0;
  padding: 0;
}
.now-playing-lyric {
  padding: 4px 0;
  font-size: var(--type-body);
  color: var(--muted);
}
.now-playing-lyric.current {
  color: var(--on-panel);
  font-weight: 700;
}
.now-playing-lyrics-text {
  font-size: var(--type-body);
  color: var(--on-panel);
  white-space: pre-line;
}