@include u-keyframes(dropIn) {
  0% {
    opacity: 0;
    @include u-transform(translateY($saf-drop-rise-distance * -1) rotate(0) translateZ(0));
  }
  10% {
    @include u-transform(translateY($saf-drop-rise-distance * -1) rotate(-40deg));
  }
  90% {
    opacity: 1;
  }
  100% {
    @include u-transform(translateY(0) rotate(0));
  }
}

@mixin dropIn($duration: 0.5s, $delay: 0s, $fill-mode: forwards) {
  @include u-animation(dropIn $duration $delay $fill-mode);
}
