
/* CSS @keyframe Animations
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@-webkit-keyframes bounceArrow {
  0% { transform: translateY(0); }
  100% { transform: translateY(-0.357143rem); }
}
@-moz-keyframes bounceArrow {
  0% { transform: translateY(0); }
  100% { transform: translateY(-0.357143rem); }
}
@-ms-keyframes bounceArrow {
  0% { transform: translateY(0); }
  100% { transform: translateY(-0.357143rem); }
}
@-o-keyframes bounceArrow {
  0% { transform: translateY(0); }
  100% { transform: translateY(-0.357143rem); }
}
@keyframes bounceArrow {
  0% { transform: translateY(0); }
  100% { transform: translateY(-0.357143rem); }
}


/* CSS @keyframe Animations
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@-webkit-keyframes bounceArrow {
  0% { transform: translateY(0); }
  100% { transform: translateY(-0.357143rem); }
}
@-moz-keyframes bounceArrow {
  0% { transform: translateY(0); }
  100% { transform: translateY(-0.357143rem); }
}
@-ms-keyframes bounceArrow {
  0% { transform: translateY(0); }
  100% { transform: translateY(-0.357143rem); }
}
@-o-keyframes bounceArrow {
  0% { transform: translateY(0); }
  100% { transform: translateY(-0.357143rem); }
}
@keyframes bounceArrow {
  0% { transform: translateY(0); }
  100% { transform: translateY(-0.357143rem); }
}


@-webkit-keyframes modalEntrance {
  0% {
    top: -100vh;
    transform: translateX(-50%);
  }
  100% {
    top: 50%;
    transform: translate(-50%, -50%);
  }
}

Add new keyframe for modal entrance animation
style: Add new keyframe for modal entrance animation
