@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);
}