/* One-time page entrance sequence. The repeating background uses its own clock. */
@keyframes dscr-calculator-block-enter {
  from {
    opacity: 0;
    transform: translate3d(var(--dscr-enter-x, 0), var(--dscr-enter-y, 16px), 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .dscr-calculator__intro > *,
  .dscr-calculator__shell,
  .dscr-calculator__form-heading,
  .dscr-calculator__form > .dscr-calculator__fields,
  .dscr-calculator__expenses,
  .dscr-calculator__field--structure,
  .dscr-calculator__rate,
  .dscr-calculator__results,
  .dscr-calculator__disclosure {
    animation: dscr-calculator-block-enter 900ms cubic-bezier(.16, 1, .3, 1) both;
  }

  .dscr-calculator__intro .eyebrow {
    --dscr-enter-y: 10px;
    animation-delay: 80ms;
  }

  .dscr-calculator__intro h1 {
    --dscr-enter-y: 18px;
    animation-delay: 160ms;
  }

  .dscr-calculator__intro > p:last-child {
    --dscr-enter-y: 14px;
    animation-delay: 280ms;
  }

  .dscr-calculator__shell {
    --dscr-enter-y: 20px;
    animation-delay: 360ms;
  }

  .dscr-calculator__form-heading {
    --dscr-enter-x: -14px;
    --dscr-enter-y: 0;
    animation-delay: 500ms;
  }

  .dscr-calculator__form > .dscr-calculator__fields {
    --dscr-enter-x: -16px;
    --dscr-enter-y: 0;
    animation-delay: 580ms;
  }

  .dscr-calculator__results {
    --dscr-enter-x: 18px;
    --dscr-enter-y: 0;
    animation-delay: 600ms;
  }

  .dscr-calculator__expenses {
    --dscr-enter-y: 14px;
    animation-delay: 690ms;
  }

  .dscr-calculator__field--structure {
    --dscr-enter-y: 12px;
    animation-delay: 760ms;
  }

  .dscr-calculator__rate {
    --dscr-enter-y: 14px;
    animation-delay: 830ms;
  }

  .dscr-calculator__disclosure {
    --dscr-enter-y: 8px;
    animation-delay: 920ms;
  }
}

@media (max-width: 40rem) and (prefers-reduced-motion: no-preference) {
  .dscr-calculator__form-heading,
  .dscr-calculator__form > .dscr-calculator__fields,
  .dscr-calculator__results {
    --dscr-enter-x: 0;
    --dscr-enter-y: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dscr-calculator__intro > *,
  .dscr-calculator__shell,
  .dscr-calculator__form-heading,
  .dscr-calculator__form > .dscr-calculator__fields,
  .dscr-calculator__expenses,
  .dscr-calculator__field--structure,
  .dscr-calculator__rate,
  .dscr-calculator__results,
  .dscr-calculator__disclosure {
    animation: none;
    opacity: 1;
    transform: none;
  }
}