body {
  margin: 0;
}

.ss-index-loading-wrapper {
  height: 100vh; 
  width: 100vw; 
  display: flex; 
  align-items: center; 
  justify-content: center;
  background-image: 
    radial-gradient(circle, white 25px, rgba(0,0,50, 0.2) 100%), 
    linear-gradient(rgba(0,10,100,0.1), rgba(0,10,100, 0.3));
}

/* .ss-index-loading-container {

} */

.ss-index-loading-image {
  animation: 1s ease-in-out bob infinite;
}

/* @-webkit-keyframes bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
} */

@keyframes bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}