@keyframes rdc-proposal-enter {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.proposal-motion-ready .proposal-intro-ready > * {
  animation: rdc-proposal-enter 620ms cubic-bezier(.16, 1, .3, 1) backwards;
  animation-delay: calc(var(--proposal-intro-order, 0) * 75ms);
}

.proposal-motion-ready .proposal-motion-target {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 600ms ease, transform 700ms cubic-bezier(.16, 1, .3, 1);
}

.proposal-motion-ready .proposal-motion-target.is-revealed,
.proposal-motion-ready .proposal-motion-target:focus-within {
  opacity: 1;
  transform: translateY(0);
}

.proposal-intro-ready > :focus-within {
  animation: none;
}

html[data-motion="reduced"] .proposal-motion-target,
html[data-eco="on"] .proposal-motion-target {
  opacity: 1;
  transform: none;
  transition: none;
}

html[data-motion="reduced"] .proposal-intro-ready > *,
html[data-eco="on"] .proposal-intro-ready > * {
  animation: none;
}

@media (prefers-reduced-motion: reduce) {
  .proposal-motion-ready .proposal-motion-target {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .proposal-motion-ready .proposal-intro-ready > * {
    animation: none;
  }
}

@media print {
  .proposal-motion-ready .proposal-motion-target {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .proposal-motion-ready .proposal-intro-ready > * {
    animation: none;
  }
}