/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
@use './core' as *;

//
// Zoom (default)
//

@keyframes zoom-in {
  from {
    opacity: #{token(zoom-opacity)};
    scale: #{token(zoom-scale)};
  }
  to {
    opacity: 1;
    scale: 1;
  }
}

@keyframes zoom-out {
  from {
    opacity: 1;
    scale: 1;
  }
  to {
    opacity: #{token(zoom-opacity)};
    scale: #{token(zoom-scale)};
  }
}

//
// Fade
//

@keyframes fade-in {
  from {
    opacity: #{token(fade-opacity)};
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: #{token(fade-opacity)};
  }
}

//
// Slide
//

@keyframes slide-in {
  from {
    opacity: #{token(slide-opacity)};
    translate: #{token(slide-translate)};
  }

  to {
    opacity: 1;
    translate: 0 0;
  }
}

@keyframes slide-out {
  from {
    opacity: 1;
    translate: 0 0;
  }

  to {
    opacity: #{token(slide-opacity)};
    translate: #{token(slide-translate)};
  }
}
