.track-row.has-card-bg {
  isolation: isolate;
  border-color: rgba(255, 255, 255, 0.16);
}

.track-card-bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  animation: trackCardBgIn 0.35s ease both;
}

.track-card-bg::after {
  content: "";
  position: absolute;
  inset: -1px;
  background: linear-gradient(90deg, rgba(10, 14, 39, 0.9) 0%, rgba(10, 14, 39, 0.66) 48%, rgba(10, 14, 39, 0.42) 100%);
}

@keyframes trackCardBgIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .track-card-bg { animation: none; }
}