.startup-loader {
  align-items: center;
  background: var(--paper, #f7f8f5);
  color: var(--muted, #68746d);
  display: flex;
  flex-direction: column;
  font-size: 13px;
  gap: 14px;
  height: 100%;
  justify-content: center;
}

.startup-loader-mark {
  align-items: center;
  animation: startup-pulse 1.6s ease-in-out infinite;
  background: #fff;
  border: 1px solid var(--line, #e4e9e5);
  border-radius: 18px;
  box-shadow: 0 10px 30px rgb(23 33 27 / 7%);
  display: flex;
  height: 64px;
  justify-content: center;
  width: 64px;
}

.startup-loader-mark img {
  display: block;
  height: 38px;
  width: 38px;
}

@keyframes startup-pulse {
  0%, 100% {
    box-shadow: 0 10px 30px rgb(23 33 27 / 7%);
    transform: scale(1);
  }

  50% {
    box-shadow: 0 12px 34px rgb(23 107 77 / 15%);
    transform: scale(1.04);
  }
}

@media (prefers-reduced-motion: reduce) {
  .startup-loader-mark {
    animation: none;
  }
}