@-webkit-keyframes immersive-translate-loading-animation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes immersive-translate-loading-animation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@keyframes immersiveTranslateShadowRolling {
  0% {
    box-shadow:
      0px 0 rgba(255, 255, 255, 0),
      0px 0 rgba(255, 255, 255, 0),
      0px 0 rgba(255, 255, 255, 0),
      0px 0 rgba(255, 255, 255, 0);
  }
  12% {
    box-shadow:
      100px 0 var(--loading-color),
      0px 0 rgba(255, 255, 255, 0),
      0px 0 rgba(255, 255, 255, 0),
      0px 0 rgba(255, 255, 255, 0);
  }
  25% {
    box-shadow:
      110px 0 var(--loading-color),
      100px 0 var(--loading-color),
      0px 0 rgba(255, 255, 255, 0),
      0px 0 rgba(255, 255, 255, 0);
  }
  36% {
    box-shadow:
      120px 0 var(--loading-color),
      110px 0 var(--loading-color),
      100px 0 var(--loading-color),
      0px 0 rgba(255, 255, 255, 0);
  }
  50% {
    box-shadow:
      130px 0 var(--loading-color),
      120px 0 var(--loading-color),
      110px 0 var(--loading-color),
      100px 0 var(--loading-color);
  }
  62% {
    box-shadow:
      200px 0 rgba(255, 255, 255, 0),
      130px 0 var(--loading-color),
      120px 0 var(--loading-color),
      110px 0 var(--loading-color);
  }
  75% {
    box-shadow:
      200px 0 rgba(255, 255, 255, 0),
      200px 0 rgba(255, 255, 255, 0),
      130px 0 var(--loading-color),
      120px 0 var(--loading-color);
  }
  87% {
    box-shadow:
      200px 0 rgba(255, 255, 255, 0),
      200px 0 rgba(255, 255, 255, 0),
      200px 0 rgba(255, 255, 255, 0),
      130px 0 var(--loading-color);
  }
  100% {
    box-shadow:
      200px 0 rgba(255, 255, 255, 0),
      200px 0 rgba(255, 255, 255, 0),
      200px 0 rgba(255, 255, 255, 0),
      200px 0 rgba(255, 255, 255, 0);
  }
}