body {
  margin: 0;
  overflow: hidden;
}

#loading-bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  display: flex;
  background: var(--initial-loader-bg, #fff);
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.bouncing-ball {
  position: absolute;
  top: 0;
  left: 0;
  animation: moveX 3s linear infinite alternate, moveY 1.5s ease-in-out infinite alternate;
}

.bouncing-ball img {
  animation: spin 1s linear infinite;
}

@keyframes moveX {
  from { left: 0; }
  to { left: calc(100vw - 64px); }
}

@keyframes moveY {
  from { top: 0; }
  to { top: calc(100vh - 64px); }
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}