// Animation Utilities
// Helper classes for animation control


// Animation delays
.animation-delay-100 {
  animation-delay: 0.1s;
}

.animation-delay-200 {
  animation-delay: 0.2s;
}

.animation-delay-300 {
  animation-delay: 0.3s;
}

.animation-delay-500 {
  animation-delay: 0.5s;
}

.animation-delay-1000 {
  animation-delay: 1s;
}

// Animation durations
.animation-duration-fast {
  animation-duration: 0.15s;
}

.animation-duration-normal {
  animation-duration: 0.3s;
}

.animation-duration-slow {
  animation-duration: 0.6s;
}

.animation-duration-slower {
  animation-duration: 1s;
}

// Animation fill modes
.animation-fill-none {
  animation-fill-mode: none;
}

.animation-fill-forwards {
  animation-fill-mode: forwards;
}

.animation-fill-backwards {
  animation-fill-mode: backwards;
}

.animation-fill-both {
  animation-fill-mode: both;
}

// Animation iteration counts
.animation-infinite {
  animation-iteration-count: infinite;
}

.animation-once {
  animation-iteration-count: 1;
}

.animation-twice {
  animation-iteration-count: 2;
}

// Animation play states
.animation-paused {
  animation-play-state: paused;
}

.animation-running {
  animation-play-state: running;
}

// Animation directions
.animation-normal {
  animation-direction: normal;
}

.animation-reverse {
  animation-direction: reverse;
}

.animation-alternate {
  animation-direction: alternate;
}

.animation-alternate-reverse {
  animation-direction: alternate-reverse;
}

// Animation timing functions
.animation-linear {
  animation-timing-function: linear;
}

.animation-ease-in {
  animation-timing-function: ease-in;
}

.animation-ease-out {
  animation-timing-function: ease-out;
}

.animation-ease-in-out {
  animation-timing-function: ease-in-out;
}

.animation-bounce-timing {
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}