@media (prefers-reduced-motion: no-preference) {
  html.motion-ready .motion-reveal {
    opacity: 0;
    transform: translate3d(0, 16px, 0);
    filter: blur(3px);
    transition:
      opacity 460ms ease,
      transform 520ms cubic-bezier(.2, .72, .18, 1),
      filter 520ms ease;
    transition-delay: var(--motion-delay, 0ms);
    will-change: opacity, transform, filter;
  }

  html.motion-ready .motion-reveal.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    filter: blur(0);
  }

  html.motion-page-enter .admin-sidebar {
    animation: motionDrop 420ms cubic-bezier(.2, .72, .18, 1) both;
  }

  html.motion-page-enter .pp-floating-wa {
    animation: motionPop 420ms cubic-bezier(.2, .72, .18, 1) 180ms both;
  }

  .question-row,
  .range-row,
  .block,
  .request-card,
  .post-item,
  .saved-item {
    transition:
      opacity 180ms ease,
      transform 180ms ease,
      max-height 240ms ease,
      margin 240ms ease,
      padding 240ms ease,
      border-color 180ms ease,
      box-shadow 180ms ease;
  }

  .is-removing {
    opacity: 0 !important;
    transform: translate3d(14px, 0, 0) scale(.985) !important;
    max-height: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  @keyframes motionDrop {
    from {
      opacity: 0;
      transform: translate3d(0, -10px, 0);
    }
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes motionPop {
    from {
      opacity: 0;
      transform: translate3d(0, 10px, 0) scale(.96);
    }
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0) scale(1);
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }
}