/* [project]/components/navigation/navbar/style.css [app-client] (css) */
.logo-animation:hover {
  background: linear-gradient(270deg, red 0%, #ff9a00 10%, #d0de21 20%, #4fdc4a 30%, #3fdad8 40%, #2fc9e2 50%, #1c7fee 60%, #5f15f2 70%, #ba0cf8 80%, #fb07d9 90%, red 100%) 0 0 / 800% 800%;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  transition: background-position .5s ease-in;
  animation: 30s ease-in-out infinite logoGradientAnimation;
}

@keyframes logoGradientAnimation {
  0% {
    background-position: 0%;
    rotate: 90deg;
  }

  5% {
    background-position: 100%;
    rotate: none;
  }

  10% {
    background-position: 150%;
    rotate: 180deg;
  }

  15% {
    background-position: 0%;
    rotate: 100deg;
  }

  20% {
    background-position: 100%;
    rotate: none;
  }

  30% {
    background-position: 50%;
  }

  40% {
    background-position: 0%;
  }

  50% {
    background-position: 100%;
  }

  60% {
    background-position: 75%;
  }

  70% {
    background-position: 50%;
  }

  80% {
    background-position: 25%;
  }

  90% {
    background-position: 50%;
  }

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

/*# sourceMappingURL=components_navigation_navbar_style_5e17b748.css.map*/