/* Shared reveal motion for inner Jinglisafe pages. The homepage keeps its dedicated motion system. */
body.vv10-inner-motion-ready .vv10-inner-motion-reveal {
  opacity: 0;
  transform: translate3d(0, 10px, 0);
  transition: opacity 420ms cubic-bezier(0.2, 0.7, 0.2, 1),
    transform 420ms cubic-bezier(0.2, 0.7, 0.2, 1);
  transition-delay: var(--vv10-inner-motion-delay, 0ms);
}

body.vv10-inner-motion-ready .vv10-inner-motion-reveal.is-motion-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

@media (max-width: 768px) {
  body.vv10-inner-motion-ready .vv10-inner-motion-reveal {
    transform: translate3d(0, 7px, 0);
    transition-duration: 340ms;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.vv10-inner-motion-ready .vv10-inner-motion-reveal,
  body.vv10-inner-motion-ready .vv10-inner-motion-reveal.is-motion-visible {
    opacity: 1;
    transform: none;
    transition: none;
  }
}