@import "~fyndiq-styles-colors/colors.less";

.icon {
  border-radius: 100%;
}

@keyframes wave {
  from {
    transform: translate(0%, 100%);
  }

  49% {
    transform: translate(-50%, 0%);
  }

  50% {
    transform: translate(0%);
  }

  to {
    transform: translate(-50%, -100%);
  }
}

.wave {
  animation-name: wave;
  animation-duration: 2000ms;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
}

@import "~fyndiq-styles-colors/colors.less";

.icon {
  border-radius: 100%;
}

@keyframes wave {
  from {
    transform: translate(0, 150px);
  }

  49% {
    transform: translate(-200px, 0);
  }

  50% {
    transform: translate(0);
  }

  to {
    transform: translate(-200px, -150px);
  }
}

.wave {
  animation-name: wave;
  animation-duration: 2000ms;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
}

Use px units instead of percent
Loader: Use px units instead of percent

Percent units are not well supported in SVG in Firefox
