#boot-blur {
    position: fixed;
    inset: 0;
    z-index: 2147483647;
    opacity: 1;
    transition: opacity .28s ease;
    background:
      radial-gradient(1100px 800px at 18% -10%, rgba(26, 188, 156, .14), transparent 60%),
      radial-gradient(900px 700px at 120% 120%, rgba(52, 152, 219, .10), transparent 60%),
      linear-gradient(180deg, rgba(14, 24, 51, .25), rgba(14, 24, 51, .35));
    -webkit-backdrop-filter: blur(7px) saturate(115%);
    backdrop-filter: blur(7px) saturate(115%);
    box-shadow:
      inset 0 0 0 1px rgba(255, 255, 255, .04),
      inset 0 -80px 120px rgba(0, 0, 0, .20);
    will-change: opacity, backdrop-filter;
  }
  #boot-blur::before {
    content: "";
    position: absolute;
    inset: -10%;
    pointer-events: none;
    background: radial-gradient(ellipse at center,
        rgba(0, 0, 0, 0) 55%,
        rgba(0, 0, 0, .40) 100%);
  }
  #boot-blur .boot-glow {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .25);
    box-shadow: 0 0 0 0 rgba(26, 188, 156, .35);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    animation: bootPulse 1.6s ease-out infinite;
  }
  @keyframes bootPulse {
    0% {
      transform: translateZ(0) scale(.98);
      box-shadow: 0 0 0 0 rgba(26, 188, 156, .36);
    }
    70% {
      box-shadow: 0 0 0 18px rgba(26, 188, 156, 0);
    }
    100% {
      transform: scale(1);
    }
  }
  #boot-blur.is-hidden {
    opacity: 0;
    pointer-events: none;
  }
  @media (prefers-reduced-motion: reduce) {
    #boot-blur {
      transition: none;
    }
    #boot-blur .boot-glow {
      animation: none;
    }
  }
  @supports not (backdrop-filter: blur(1px)) {
    #boot-blur {
      background: linear-gradient(180deg, rgba(14, 24, 51, .78), rgba(14, 24, 51, .9));
    }
  }