/* Registration popup fade.

   Popup Maker fades its overlay in with jQuery .fadeIn(350), which drives an
   inline opacity. Doing that here would make the popup's *visible* state depend
   on the animation actually having run — if it is interrupted the overlay is
   left at opacity 0 while display is block, i.e. an invisible modal.

   Driving the fade from a keyframe instead means opacity 1 is the element's own
   value and the animation only covers the way in, so the end state is correct
   whether or not it plays. Duration matches the reference's animation_speed. */

@keyframes pum-fade-in  { from { opacity: 0 } to { opacity: 1 } }
@keyframes pum-fade-out { from { opacity: 1 } to { opacity: 0 } }

.pum-overlay.pum-animating-in  { animation: pum-fade-in  350ms ease both; }
.pum-overlay.pum-animating-out { animation: pum-fade-out 350ms ease both; }