@charset "UTF-8";
/* CSS Document */
/* Base */
  .animonItem {
      opacity: 0;
      will-change: opacity, transform;
      transition:
          opacity 640ms 400ms cubic-bezier(0.5, 1, 0.89, 1),
          transform 640ms 400ms cubic-bezier(0.5, 1, 0.89, 1);
  }
  .animonItem.is-visible {
      opacity: 1;
  }

  /* Custom effect */
  .animonItem[data-effect="myEffect"] {
      transform: translateY(20rem);
  }
  .animonItem[data-effect="myEffect"].is-visible {
      transform: translateY(0);
  }