.splash {
  @apply w-full h-full gradient--aircam-radial flex flex-col items-center justify-center;
  overflow: hidden;
  opacity: 0;
}

.splash-enter-done,
.splash-exit {
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(.25, .1, .25, 1);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

.splash-enter-done {
  animation-name: reveal;
}

.splash-exit {
  animation-name: hide;
}

.splash .splash__sprite {
  width: 25%;
  max-width: 75px;
}

.splash svg {
  @apply text-white;
  fill: currentColor;
}

.splash .splash__title {
  @apply text-white tracking-wide;
  margin-top: 3px;
}

.splash .splash__title h1 {
  @apply font-normal font-sans;
}