/* Decorative startup motion. The app replaces this screen as soon as it is ready. */
.boot.wallet-boot {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 100vh;
  min-height: 100dvh;
  gap: 26px;
  padding: 32px 20px;
  background: #132138;
}
.wallet-boot::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at 50% 46%, #007ba224, transparent 48%);
}
.wallet-boot-art {
  position: relative;
  display: grid;
  place-items: center;
  width: 196px;
  height: 196px;
  flex: 0 0 auto;
}
.wallet-boot-halo {
  position: absolute;
  inset: 30px;
  border-radius: 50%;
  background: radial-gradient(circle, #00dcff2e, #0092f50d 58%, transparent 72%);
  animation: wallet-boot-breathe 3.6s ease-in-out infinite;
}
.wallet-boot-ring {
  position: absolute;
  inset: 4px;
  border: 1px solid #54d8f122;
  border-top-color: #68edffb3;
  border-right-color: #26baf054;
  border-radius: 50%;
  animation: wallet-boot-orbit 7s linear infinite;
}
.wallet-boot-ring::before,
.wallet-boot-ring::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #96f4ff;
  box-shadow: 0 0 12px #4ee6ff99;
}
.wallet-boot-ring::before { left: 50%; top: -3px; }
.wallet-boot-ring::after { right: 11%; bottom: 15%; width: 3px; height: 3px; opacity: .55; }
.wallet-boot-ring-inner {
  inset: 24px;
  border-style: dashed;
  border-color: #55bbf52b;
  border-bottom-color: #74deff80;
  animation-duration: 11s;
  animation-direction: reverse;
}
.wallet-boot-ring-inner::after { display: none; }
.wallet-boot .wallet-boot-logo {
  position: relative;
  width: 84px;
  height: auto;
  filter: drop-shadow(0 0 15px #00ccff38);
  animation: wallet-boot-float 3.6s ease-in-out infinite;
}
.wallet-boot-copy { display: grid; justify-items: center; gap: 18px; }
.wallet-boot .wallet-boot-label {
  color: #f1f7ff;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .25px;
}
.wallet-boot-dots { display: flex; align-items: center; justify-content: center; gap: 8px; height: 8px; }
.wallet-boot-dots span {
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #65e4fa;
  opacity: .45;
  animation: wallet-boot-dot 1.5s ease-in-out infinite;
}
.wallet-boot-dots span:nth-child(2) { animation-delay: .18s; }
.wallet-boot-dots span:nth-child(3) { animation-delay: .36s; }
@keyframes wallet-boot-orbit { to { transform: rotate(360deg); } }
@keyframes wallet-boot-breathe { 0%, 100% { opacity: .6; transform: scale(.94); } 50% { opacity: 1; transform: scale(1.08); } }
@keyframes wallet-boot-float { 0%, 100% { transform: translateY(2px); } 50% { transform: translateY(-3px); } }
@keyframes wallet-boot-dot { 0%, 65%, 100% { opacity: .35; transform: translateY(0); } 32% { opacity: 1; transform: translateY(-3px); } }
@media (max-width: 480px) {
  .wallet-boot-art { width: 172px; height: 172px; }
  .wallet-boot .wallet-boot-logo { width: 74px; }
}
@media (prefers-reduced-motion: reduce) {
  .wallet-boot *, .wallet-boot *::before, .wallet-boot *::after { animation: none !important; }
  .wallet-boot-dots span { opacity: .75; }
}