/* Motion — one 240ms entrance vocabulary shared by bubble and every popup surface */
:root {
  --pp-duration-fast: 180ms; /* @kind other */
  --pp-duration-base: 240ms; /* @kind other */
  --pp-duration-hover: 200ms; /* @kind other */   /* .2s ease on option buttons / form submit */
  --pp-duration-slow: 300ms; /* @kind other */    /* .3s ease on bubble transform, panel opacity */
  --pp-duration-height: 180ms; /* @kind other */

  --pp-ease-fade-in: cubic-bezier(0, 0, 0.38, 0.9); /* @kind other */
  --pp-ease-rise: cubic-bezier(0, 0, 0.3, 1); /* @kind other */
  --pp-ease-pop: cubic-bezier(0.2, 0.8, 0.2, 1); /* @kind other */
  --pp-ease-exit: cubic-bezier(0.2, 0, 1, 0.9); /* @kind other */
  --pp-ease-height: cubic-bezier(0.2, 0.8, 0.2, 1); /* @kind other */

  --pp-bubble-hover-scale: 1.03; /* @kind other */
  --pp-press-lift: translateY(-1px); /* @kind other */
}

/* The five saved "Bubble Animation" presets, verbatim from prayer-pop.css */
@keyframes pp-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes pp-fade-out { from { opacity: 1; } to { opacity: 0; } }
@keyframes pp-gentle-rise-in { from { opacity: 0; transform: translate3d(0, 12px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }
@keyframes pp-gentle-rise-out { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(0, 8px, 0); } }
@keyframes pp-soft-scale-in { from { opacity: 0; transform: scale(.86); } to { opacity: 1; transform: scale(1); } }
@keyframes pp-slide-in { from { opacity: .15; transform: translate3d(0, 64px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }
@keyframes pp-pop-in {
  0% { opacity: 0; transform: scale(.76); }
  62% { opacity: 1; transform: scale(1.045); }
  82% { transform: scale(.992); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes pp-step-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }