#app-splash {
  display: none;
}

.native-site #app-splash {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #02132d;
  opacity: 1;
  transition: opacity 220ms ease;
}

.native-site #app-splash.is-leaving {
  opacity: 0;
  pointer-events: none;
}

.native-site #app-splash .atlas-splash-lockup {
  display: block;
  width: min(44vw, 190px);
  animation: atlas-heartbeat 1.15s ease-in-out infinite;
  transform-origin: center;
}

.native-site #app-splash img {
  display: block;
  width: 100%;
  height: auto;
}

@keyframes atlas-heartbeat {
  0%, 100% { transform: scale(1); }
  14% { transform: scale(1.075); }
  28% { transform: scale(1); }
  42% { transform: scale(1.04); }
  62% { transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  .native-site #app-splash .atlas-splash-lockup { animation: none; }
}