.fallback {
  display: none;
  opacity: 0%;
  text-decoration-line: underline;
}

body #root:empty ~ .fallback {
  display: unset;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50% -50%);
  animation:
    animate-fallback-in 0s 10s linear forwards,
    animate-fallback-animate 800ms 10s ease-in-out forwards;
}

@keyframes animate-fallback-in {
  to {
    opacity: 100%;
  }
}

@keyframes animate-fallback-animate {
  0%, 100% {
    scale: 100%;
  }

  50% {
    scale: 110%
  }
}
