@use "../../variables/index" as *;

/**
 * Realtime Animation List - Real-time data update animations
 *
 * Note: Uses color tokens for background transitions.
 *
 * Intentionally hardcoded values:
 * - Transition duration (1s): Animation timing for real-time updates
 */

.realtime-animation-list.ng-enter,
.realtime-animation-list.ng-change {
  background-color: $component-realtime-added;
  transition: 1s linear;
}

.realtime-animation-list.ng-enter-active,
.realtime-animation-list.ng-change {
  background-color: $component-background-default;
}