@keyframes iconLaunch {
  0% {
    transform: scale(1);
  }
  35% {
    transform: scale(0.86);
  }
  100% {
    transform: scale(1);
  }
}

.app-icon.is-launching .app-icon__glyph {
  animation: iconLaunch 0.42s var(--ease-out-soft);
}

@keyframes bodyFadeUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.app-window__body > * {
  animation: bodyFadeUp 0.4s var(--ease-out-soft) both;
  animation-delay: 0.12s;
}

@keyframes copyPop {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.06);
  }
  100% {
    transform: scale(1);
  }
}

.is-copied {
  animation: copyPop 0.25s var(--ease-out-soft);
}

@media (prefers-reduced-motion: reduce) {
  .app-icon.is-launching .app-icon__glyph,
  .app-window__body > *,
  .is-copied {
    animation: none !important;
  }
}