/* [project]/@core/styles/animate_marquee.css [app-client] (css) */
@layer utilities {
  @keyframes marquee {
    0% {
      transform: translateX(0%);
    }

    100% {
      transform: translateX(-50%);
    }
  }

  .animate-marquee {
    animation: 50s linear infinite marquee;
  }
}

/* [project]/@core/styles/animations.css [app-client] (css) */
@layer utilities {
  @keyframes stepBounce1 {
    0%, 80%, 100% {
      transform: translateY(0);
    }

    10% {
      transform: translateY(-8px);
    }
  }

  @keyframes stepBounce2 {
    0%, 10%, 90%, 100% {
      transform: translateY(0);
    }

    25% {
      transform: translateY(-8px);
    }
  }

  @keyframes stepBounce3 {
    0%, 30%, 100% {
      transform: translateY(0);
    }

    45% {
      transform: translateY(-8px);
    }
  }

  @keyframes stepBounce4 {
    0%, 50%, 100% {
      transform: translateY(0);
    }

    65% {
      transform: translateY(-8px);
    }
  }

  @keyframes slide {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(-50%);
    }
  }

  @keyframes marquee {
    0% {
      transform: translateX(0%);
    }

    100% {
      transform: translateX(-50%);
    }
  }

  @keyframes zoomPulse {
    0%, 100% {
      transform: scale(1);
    }

    50% {
      transform: scale(1.15);
    }
  }

  @keyframes bubble {
    0% {
      opacity: .45;
      transform: scale(.6);
    }

    40%, 100% {
      opacity: 0;
      transform: scale(2.6);
    }
  }

  @keyframes contentReveal {
    0% {
      opacity: 0;
      transform: translateX(-6px)translateY(16px);
    }

    100% {
      opacity: 1;
      transform: translateX(0)translateY(0);
    }
  }

  @keyframes imageZoomIn {
    0% {
      opacity: 0;
      transform: scale(.88);
    }

    100% {
      opacity: 1;
      transform: scale(1);
    }
  }

  @keyframes borderFlow {
    0% {
      background-position: 0%;
    }

    100% {
      background-position: 300%;
    }
  }

  @keyframes borderDraw {
    0% {
      stroke-dashoffset: -.3px;
    }

    100% {
      stroke-dashoffset: -1.3px;
    }
  }

  .animate-step1 {
    animation: 4s ease-in-out infinite stepBounce1;
  }

  .animate-step2 {
    animation: 4s ease-in-out infinite stepBounce2;
  }

  .animate-step3 {
    animation: 4s ease-in-out infinite stepBounce3;
  }

  .animate-step4 {
    animation: 4s ease-in-out infinite stepBounce4;
  }

  .animate-slide {
    animation: 20s linear infinite slide;
  }

  .animate-marquee {
    animation: 50s linear infinite marquee;
  }

  .animate-zoomPulse {
    animation: 1.5s ease-in-out infinite zoomPulse;
  }

  .animate-bubble {
    animation: 90s ease-out infinite bubble;
  }

  .animate-contentReveal {
    animation: .6s cubic-bezier(.22, 1, .36, 1) both contentReveal;
  }

  .animate-imageZoomIn {
    animation: .7s cubic-bezier(.22, 1, .36, 1) both imageZoomIn;
  }

  .animate-border-draw {
    animation: 10s linear infinite borderDraw;
  }
}

/*# sourceMappingURL=%40core_styles_9a1d2b8c._.css.map*/