.ndn-entrance-ready [data-ndn-entrance][data-ndn-entrance] {
  --ndn-entrance-duration: 1s;
  --ndn-entrance-delay: 0s;
  --ndn-entrance-distance: 40px;
  --ndn-entrance-scale: .94;
  --ndn-entrance-ease: cubic-bezier(.22, .61, .36, 1);
  opacity: 0;
  transform: translate3d(0, var(--ndn-entrance-distance), 0);
  transition:
    opacity var(--ndn-entrance-duration) var(--ndn-entrance-ease) var(--ndn-entrance-delay),
    transform var(--ndn-entrance-duration) var(--ndn-entrance-ease) var(--ndn-entrance-delay),
    filter var(--ndn-entrance-duration) var(--ndn-entrance-ease) var(--ndn-entrance-delay);
  will-change: opacity, transform;
}

.ndn-entrance-ready [data-ndn-entrance="fade"][data-ndn-entrance] { transform: none; }
.ndn-entrance-ready [data-ndn-entrance="down"][data-ndn-entrance] { transform: translate3d(0, calc(var(--ndn-entrance-distance) * -1), 0); }
.ndn-entrance-ready [data-ndn-entrance="left"][data-ndn-entrance] { transform: translate3d(calc(var(--ndn-entrance-distance) * -1), 0, 0); }
.ndn-entrance-ready [data-ndn-entrance="right"][data-ndn-entrance] { transform: translate3d(var(--ndn-entrance-distance), 0, 0); }
.ndn-entrance-ready [data-ndn-entrance="zoom"][data-ndn-entrance] { transform: scale(var(--ndn-entrance-scale)); }
.ndn-entrance-ready [data-ndn-entrance="blur"][data-ndn-entrance] {
  transform: translate3d(0, var(--ndn-entrance-distance), 0);
  filter: blur(12px);
}

.ndn-entrance-ready [data-ndn-entrance].ndn-entrance-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
}

.ndn-entrance-ready [data-ndn-entrance="fade"].ndn-entrance-visible {
  transform: none;
}

/* Opt-in: keep initial mobile content visible before the runtime binds it. */
@media (max-width: 767px) {
  .ndn-mobile-content-priority.ndn-entrance-ready [data-ndn-entrance]:not([data-ndn-entrance-bound="1"]),
  .ndn-mobile-content-priority.ndn-entrance-ready [data-ndn-entrance][data-ndn-entrance-initial="1"] {
    opacity: 1;
    transform: none;
    filter: none;
    transition: none;
    will-change: auto;
  }
}

body[data-builder-window] [data-ndn-entrance] {
  opacity: 1;
  transform: none;
  filter: none;
  transition: none;
  will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
  .ndn-entrance-ready [data-ndn-entrance],
  .ndn-entrance-ready [data-ndn-entrance].ndn-entrance-visible {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }
}