@keyframes shimmer {
  100% { transform: translateX(100%); }
}

.skeleton::after {
  transform: translateX(-100%);
}

@keyframes fade-in-up {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.track-item {
  animation: fade-in-up var(--duration-base) var(--ease-standard);
}

@keyframes pop {
  0% { transform: scale(1); }
  40% { transform: scale(1.15); }
  100% { transform: scale(1); }
}

.pop-once {
  animation: pop 320ms var(--ease-standard);
}

.screen {
  transition: opacity var(--duration-base) var(--ease-standard);
}

.modal-content {
  animation: fade-in-up var(--duration-base) var(--ease-standard);
}