/* splash.css */
#splash {
  position: fixed;
  inset: 0;
  background: linear-gradient(135deg, #ffffff 0%, #ffffff 60%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  overflow: hidden
}

.splash-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  transform-origin: center;
  animation: logoIn 1.3s cubic-bezier(.2, .9, .2, 1) forwards
}

.splash-logo {
  width: 200px;
  filter: drop-shadow(0 10px 10px rgba(0, 0, 0, 0.6))
}

@keyframes logoIn {
  0% {
    opacity: 0;
    transform: translateZ(-300px) scale(.3) rotate(-15deg)
  }

  60% {
    opacity: 1;
    transform: translateZ(40px) scale(1.05) rotate(6deg)
  }

  100% {
    opacity: 1;
    transform: translateZ(0) scale(1) rotate(0)
  }
}

.hidden {
  display: none !important
}