@utility animate-hover {
  transition-duration: var(--ga-duration-instant);
  transition-timing-function: var(--ga-easing-standard);
}

@utility animate-state {
  transition-duration: var(--ga-duration-fast);
  transition-timing-function: var(--ga-easing-standard);
}

@utility animate-reveal {
  transition-duration: var(--ga-duration-moderate);
  transition-timing-function: var(--ga-easing-entrance);
}

@utility animate-dismiss {
  transition-duration: var(--ga-duration-moderate);
  transition-timing-function: var(--ga-easing-exit);
}

@utility animate-overlay-in {
  transition-duration: var(--ga-duration-slow);
  transition-timing-function: var(--ga-easing-entrance);
}

@utility animate-overlay-out {
  transition-duration: var(--ga-duration-slow);
  transition-timing-function: var(--ga-easing-exit);
}

@utility animate-backdrop {
  transition-duration: var(--ga-duration-slower);
  transition-timing-function: var(--ga-easing-standard);
}