/* Smooth, steady entrance and exit for the floating banknotes. */
.money-flyby {
  transition-duration: .12s;
}

.money-flyby.is-active {
  transition-duration: .32s;
}

/* Let the version chooser and package details arrive without moving the page. */
.version-dialog[open],
.notice-dialog[open] {
  animation: dialog-arrive .32s cubic-bezier(.2, .8, .2, 1) both;
}

.version-dialog::backdrop,
.notice-dialog::backdrop {
  animation: backdrop-arrive .22s ease both;
}

.detail-section.is-entering {
  animation: detail-arrive .42s cubic-bezier(.2, .8, .2, 1) both;
}

@keyframes dialog-arrive {
  from { opacity: 0; transform: translateY(12px) scale(.97); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes backdrop-arrive {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes detail-arrive {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .version-dialog[open],
  .notice-dialog[open],
  .detail-section.is-entering {
    animation-duration: .01ms;
  }
}