.initial-app-loader {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  height: 100dvh;
  width: 100dvw;
  background: #fff;
}

.initial-app-loader__content {
  position: absolute;
  inset: 0;
  scale: 50%;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  will-change: opacity;
}

.initial-app-loader__content--loading {
  animation: initial-app-loader-pulse 1.4s ease-in-out infinite;
}

.initial-app-loader__content--ready {
  animation: none;
  opacity: 1;
}

.initial-app-loader__clock {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-54%, -50%);
}

.initial-app-loader__clock--exit {
  animation: initial-app-loader-clock 1.2s ease-in-out 1 forwards;
}

@keyframes initial-app-loader-pulse {
  0%,
  100% {
    opacity: 0.7;
  }

  50% {
    opacity: 1;
  }
}

@keyframes initial-app-loader-clock {
  75% {
    transform: translate(-45%, -50%);
  }

  100% {
    transform: translate(-45%, -50%);
  }
}