@keyframes fadeInUp {
  from {
    transform: translateY(16px);
    opacity: 0;
  }
}

@keyframes fadeInDown {
  from {
    transform: translateY(-16px);
    opacity: 0;
  }
}

@keyframes fadeInUpLarge {
  0% {
    transform: translateY(80px);
    opacity: 0;
  }
  50% {
    transform: translateY(80px);
    opacity: 0;
  }
}

@keyframes fadeInDownLarge {
  0% {
    transform: translateY(-80px);
    opacity: 0;
  }
  50% {
    transform: translateY(-80px);
    opacity: 0;
  }
}

@keyframes fadeInScale {
  from {
    transform: scale(0.95);
    opacity: 0;
  }
}

@keyframes bounceInScale {
  from {
    transform: scale(1.25);
    opacity: 0;
  }
  30% {
    transform: scale(0.99);
  }
}

.view-header,
.view-content,
.workspace-tab-header-container-inner {
  transition: all var(--anim-duration-fast);
}
.mod-root,
.workspace-tab-header-container {
  transition: padding var(--anim-duration-fast), margin var(--anim-duration-fast);
}

body:not(.mod-windows:not(.windows-mode-off)):not(.is-android:not(.material-off)) .modal {
  transition: var(--anim-duration-slow) var(--anim-motion-cupertino);

  @starting-style {
    transform: scale(0.98);
  }
}

body.is-mobile {
  .workspace-drawer.mod-left {
    @starting-style {
      transform: translateX(-100%);
    }
  }

  .workspace-drawer.mod-right {
    @starting-style {
      transform: translateX(100%);
    }
  }

  .workspace-drawer.mod-left,
  .workspace-drawer.mod-right,
  .menu,
  .mobile-tab-switcher,
  .menu-item,
  .suggestion-item {
    transition: all;
    transition-duration: var(--anim-duration-moderate) !important;
    transition-timing-function: var(--anim-motion-cupertino-calm) !important;

    will-change: transform;
    &[style*="transform"]:not([style*="transition: transform 150ms ease-in-out"]):not([style*="transition-delay: 0s"]) {
      transition: none;
    }
  }
}

body.is-phone {
  /* Prompt In*/
  .prompt {
    transition: var(--anim-duration-moderate) !important;
    transform: none !important;
    overflow: visible;

    @starting-style {
      opacity: 0;
    }
  }

  .prompt-results {
    transition: var(--anim-duration-slow) var(--anim-motion-cupertino);

    @starting-style {
      transform: translateY(80px);
    }
  }

  .prompt-input-container {
    transition: var(--anim-duration-slow) var(--anim-motion-cupertino);

    @starting-style {
      filter: var(--blur-s);
      transform: scaleX(0.75) !important;
      opacity: 0;
    }
  }

  /* Prompt Out */
  .prompt[style*="transform: translateY"] {
    opacity: 0;
  }

  .mobile-navbar,
  .mobile-toolbar {
    @starting-style {
      opacity: 0;
    }
  }

  &.hide-cursor .mobile-navbar,
  &.hide-cursor .mobile-toolbar,
  &.hide-cursor .mod-root .view-content::before,
  &.hide-cursor .mod-root .workspace-leaf-content .view-actions button:nth-last-child(2) {
    opacity: 0;
  }

  &:not(.hide-cursor) {
    .mobile-navbar {
      animation: fadeInDownLarge var(--anim-duration-moderate) var(--anim-motion-cupertino);
    }
    .mobile-toolbar {
      animation: fadeInUpLarge var(--anim-duration-slow) var(--anim-motion-cupertino);
    }
  }

  /* Keyboard Out */
  &.keyboard-animating .mobile-toolbar-options-list {
    background-color: var(--background-primary);
  }
}
