.wo-page-splash {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--fb-surface, #f0f2f5);
  transition: opacity 0.28s ease, visibility 0.28s ease;
}

html.wo-night-mode .wo-page-splash,
body.wo-night-mode .wo-page-splash {
  background: #18191a;
}

.wo-page-splash--hide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.wo-page-splash__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 88px;
}

.wo-page-splash__logo {
  max-width: 72px;
  max-height: 72px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  user-select: none;
  -webkit-user-drag: none;
}

.wo-page-splash__logo--pulse {
  animation: wo-page-splash-pulse 1.4s ease-in-out infinite;
}

.wo-page-splash__logo--spin_spring {
  animation: wo-page-splash-spin-spring 1.15s cubic-bezier(0.34, 1.45, 0.64, 1) forwards;
}

@keyframes wo-page-splash-pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.07);
    opacity: 0.82;
  }
}

@keyframes wo-page-splash-spin-spring {
  0% {
    transform: rotate(0deg) scale(0.82);
    opacity: 0.7;
  }
  55% {
    transform: rotate(390deg) scale(1.06);
    opacity: 1;
  }
  75% {
    transform: rotate(344deg) scale(0.97);
  }
  100% {
    transform: rotate(360deg) scale(1);
    opacity: 1;
  }
}