/*
 * Главное меню: переливающийся логотип Ariadna.
 * Градиент бежит по буквам (background-clip: text).
 */
.ariadna-logo-shine {
  background-image: linear-gradient(
    110deg,
    #2f9e44 0%,
    #12b886 18%,
    #15aabf 36%,
    #4c6ef5 54%,
    #ae3ec9 72%,
    #2f9e44 100%
  );
  background-size: 220% 100%;
  background-position: 0% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  animation: ariadna-logo-shine 5.5s ease-in-out infinite;
}

@keyframes ariadna-logo-shine {
  0%,
  100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ariadna-logo-shine {
    animation: none;
    background-position: 30% 50%;
  }
}