/* Copyright Ayers Electronics Inc. All rights reserved. */
/* Music Mode's Home cards and the foot of its scroll area (js/music-home.js). The rails and cards keep
   On Demand's own look; these rules hold what Music Mode adds. */

/* An album or artist card always carries its caption under the art, the name and the artist or year
   one line each, whatever the profile's Card Titles option says: the rail is covers, and a cover alone
   names nothing. */
html[data-card-titles="off"] #musicHome .card:not(.cw):not(.labelled),
html[data-card-titles="off"] #musicHome .card:not(.cw):not(.labelled) .card-btn {
  background: var(--panel);
}
html[data-card-titles="off"] #musicHome .card:not(.cw):not(.labelled) .meta {
  display: block;
  position: static;
  padding: 7px 9px 9px;
  background: none;
}
html[data-card-titles="off"] #musicHome .card:not(.cw):not(.labelled) .card-art {
  border-radius: 0;
}

/* A focused card clears the rail's end shade (js/rail-edges.js SHADE_WIDTH), so the card the ring is
   on is never under the fade. */
#musicHome .rail .cards {
  scroll-padding-right: 64px;
}

/* The scroll area ends at the player bar's top edge; a rail the foot cuts fades out above the bar, and
   the card the focus moves to scrolls clear of the fade. */
#musicHome {
  position: relative;
}
#musicRows {
  scroll-padding-bottom: 32px;
}
#musicHome::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: var(--mini-player-height, 0px);
  height: 32px;
  background: linear-gradient(to top, var(--bg), transparent);
  pointer-events: none;
}