.boot-splash {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--boot-bg, #f6f8fb);
}
.boot-splash__figure {
  position: relative;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.boot-splash__ring {
  position: absolute;
  inset: 0;
  border-radius: 9999px;
  border: 2px solid var(--boot-line, #e4e8ef);
  border-top-color: #2563eb;
  animation: boot-orbit 1.1s linear infinite;
}
.boot-splash__mark {
  width: 58%;
  height: 58%;
  border-radius: 22%;
  animation: boot-breathe 1.8s ease-in-out infinite;
}
@keyframes boot-orbit {
  to {
    transform: rotate(360deg);
  }
}
@keyframes boot-breathe {
  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.9);
    opacity: 0.75;
  }
}
@media (prefers-reduced-motion: reduce) {
  .boot-splash__ring,
  .boot-splash__mark {
    animation: none;
  }
}