.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;
}

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;
  }
}