/* JF4222: give track identity more room and expose source/playback format. */
.music-track-row{
  padding-left:0!important;
  padding-right:0!important;
  column-gap:0!important;
  grid-template-columns:30px minmax(0,1fr) 45px 22px!important;
}
.music-track-row.has-album-track-number{
  grid-template-columns:30px 22px minmax(0,1fr) 45px 22px!important;
}
.music-track-row .track-play-button{
  width:30px!important;
  min-width:30px!important;
  margin:0!important;
}
.music-track-row .album-track-number{
  width:22px;
  min-width:22px;
  margin:0!important;
  padding:0!important;
}
.music-track-row .track-main{
  min-width:0;
  margin-left:4px;
  margin-right:2px;
}

.track-subtitle-ticker{
  position:relative;
  min-width:0;
  max-width:100%;
  margin-top:1px;
  overflow:hidden;
  white-space:nowrap;
  line-height:1.3;
}
.track-subtitle-ticker>[data-track-subtitle-text]{
  display:inline-block;
  max-width:none;
  margin:0;
  overflow:visible;
  white-space:nowrap;
  text-overflow:clip;
  color:var(--muted);
  font-size:.7rem;
  transform:translateX(0);
}
.track-subtitle-ticker.is-overflowing.is-visible>[data-track-subtitle-text]{
  animation:jf4174-track-title-scroll var(--track-title-duration,18s) ease-in-out infinite alternate;
  will-change:transform;
}

.music-track-row .track-importance{
  align-self:stretch!important;
  justify-self:end!important;
  display:grid!important;
  grid-template-rows:16px 14px;
  row-gap:4px;
  align-content:center;
  width:45px;
  min-width:45px;
  min-height:34px;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
.music-track-row .track-importance-stars{
  grid-row:1;
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  gap:0;
  width:45px;
  height:16px;
  margin:0;
  padding:0;
}
.music-track-row .track-importance button.importance-star,
.music-track-row.has-album-track-number .track-importance button.importance-star{
  width:15px!important;
  min-width:15px!important;
  height:16px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  font-size:.84rem!important;
  line-height:14px!important;
}
.track-source-format{
  grid-row:2;
  align-self:end;
  display:block;
  width:45px;
  margin:0;
  overflow:hidden;
  color:#8e5f49;
  font-size:.55rem;
  font-weight:850;
  line-height:14px;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.music-track-row .track-more{
  justify-self:end;
  width:22px;
  margin:0!important;
}
.music-track-row .track-more>summary{
  width:22px!important;
  margin:0!important;
  padding:0!important;
}

.jriver-status-line{
  grid-column:1/-1;
  min-width:0;
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:8px;
}
.jriver-status-line .jriver-live-state{
  min-width:0;
  grid-column:auto;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.jriver-track-quality{
  flex:0 0 auto;
  color:#ff3cad;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.01em;
  line-height:1.2;
  text-shadow:0 0 4px rgba(255,60,173,.28);
  white-space:nowrap;
}
.jriver-track-quality[hidden]{display:none!important}

@media(max-width:700px){
  .music-track-row{
    grid-template-columns:30px minmax(0,1fr) 42px 22px!important;
  }
  .music-track-row.has-album-track-number{
    grid-template-columns:30px 21px minmax(0,1fr) 42px 22px!important;
  }
  .music-track-row .album-track-number{width:21px;min-width:21px}
  .music-track-row .track-importance,
  .music-track-row .track-importance-stars,
  .track-source-format{width:42px;min-width:42px}
  .music-track-row .track-importance button.importance-star,
  .music-track-row.has-album-track-number .track-importance button.importance-star{width:14px!important;min-width:14px!important}
  .track-subtitle-ticker>[data-track-subtitle-text]{font-size:.68rem}
  .jriver-status-line{grid-row:3;gap:5px}
  .jriver-track-quality{font-size:.58rem}
}

@media(max-width:390px){
  .music-track-row{
    grid-template-columns:28px minmax(0,1fr) 39px 21px!important;
  }
  .music-track-row.has-album-track-number{
    grid-template-columns:28px 20px minmax(0,1fr) 39px 21px!important;
  }
  .music-track-row .track-play-button{width:28px!important;min-width:28px!important}
  .music-track-row .album-track-number{width:20px;min-width:20px}
  .music-track-row .track-importance,
  .music-track-row .track-importance-stars,
  .track-source-format{width:39px;min-width:39px}
  .music-track-row .track-importance button.importance-star,
  .music-track-row.has-album-track-number .track-importance button.importance-star{width:13px!important;min-width:13px!important;font-size:.8rem!important}
  .music-track-row .track-more,.music-track-row .track-more>summary{width:21px!important}
}

@media(prefers-reduced-motion:reduce){
  .track-subtitle-ticker.is-overflowing>[data-track-subtitle-text]{animation:none!important;will-change:auto}
}