/* A single catalog silhouette and saved state for every music heart. */
.jw-heart-icon {
  display: block;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
html body :is(#app, #profileModal, #lyricsPanel, #playerBar) :is(.btn-like, #playerLike, #lyricsLike, [data-playlist-heart], .jw-recognition-like, [data-song-action="like"]) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: var(--vault-muted, #b1ada5);
}
html body :is(#app, #profileModal, #lyricsPanel, #playerBar) :is(.btn-like, #playerLike, #lyricsLike, [data-playlist-heart], .jw-recognition-like, [data-song-action="like"]) > .jw-heart-icon {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: none;
}
html body :is(#app, #profileModal, #lyricsPanel, #playerBar) :is(.btn-like, #playerLike, #lyricsLike, [data-playlist-heart], .jw-recognition-like, [data-song-action="like"])[aria-pressed="true"] {
  color: #ff527b;
}
html body :is(#app, #profileModal, #lyricsPanel, #playerBar) :is(.btn-like, #playerLike, #lyricsLike, [data-playlist-heart], .jw-recognition-like, [data-song-action="like"])[aria-pressed="true"] > .jw-heart-icon {
  fill: currentColor;
}
html body :is(#playerBar, #lyricsPanel) :is(#playerLike, #lyricsLike) { background: transparent; box-shadow: none; }
html body #app :is(.playlist-card-cover-placeholder, #playlistDetailCoverPlaceholder) > .jw-heart-artwork {
  width: 48px;
  height: 48px;
  flex-basis: 48px;
  color: #ff527b;
  fill: currentColor;
}
html body #app .playlist-detail-stat-likes > .jw-heart-icon { color: #ff527b; }