/*╔══════════════════════════════════════════════════╗
  ║                       Animations                          ║
  ╚══════════════════════════════════════════════════╝*/

@keyframes logo-hover {
  20% {
    fill: var(--color-primary-light);
  }

  100%,
  40% {
    fill: var(--color-primary);
  }
}

@keyframes logo-hover-light {
  20% {
    fill: rgba(#fff, 0.8);
  }

  100%,
  40% {
    fill: var(--white);
  }
}

@keyframes meter-animate-stripes {
  to {
    background-position: 50px 0;
  }
}