body {
  display: block !important;
}

#root-loading {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

#root-loading.hide {
  display: none;
}

#root-loading img {
  animation: elastic-spin 2s infinite linear;
}

@keyframes elastic-spin {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  10% {
    opacity: 0;
    transform: translateX(-100px);
  }
  30% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  90% {
    opacity: 0;
    transform: translateX(100px);
  }
  100% {
    opacity: 0;
    transform: translateX(-100px);
  }
}
