.mudry-boot {
  position: fixed;
  z-index: 1000;
  inset: 0;
  display: grid;
  place-items: center;
  color: var(--ui-text);
  background: var(--ui-background);
}

.mudry-boot[data-complete='true'] {
  pointer-events: none;
  animation: mudry-boot-disappear 0.2s ease both;
}

.mudry-boot::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(55% 45% at 50% 45%, rgb(104 66 211 / 20%), transparent 70%),
    radial-gradient(45% 40% at 78% 82%, rgb(77 182 172 / 10%), transparent 70%),
    radial-gradient(40% 35% at 18% 12%, rgb(3 159 221 / 8%), transparent 70%);
}

:root[data-theme='light'] .mudry-boot::before {
  background:
    radial-gradient(55% 45% at 50% 45%, rgb(104 66 211 / 9%), transparent 70%),
    radial-gradient(45% 40% at 78% 82%, rgb(77 182 172 / 10%), transparent 70%),
    radial-gradient(40% 35% at 18% 12%, rgb(168 217 106 / 10%), transparent 70%);
}

.mudry-boot-mark {
  position: relative;
  width: 54px;
  height: 47px;
  background: currentcolor;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2023%2019.93%22%3E%3Cpath%20d%3D%22M13.8332%207.31281C13.8332%207.57246%2014.129%207.71257%2014.3155%207.53189C15.5765%206.30998%2016.2986%204.59335%2016.3201%202.827V0.650772H22.5373V2.20522C21.3355%202.20522%2020.3613%203.17955%2020.3613%204.38144V16.1952C20.3613%2017.3971%2021.3355%2018.3715%2022.5373%2018.3715V19.9259H16.3201V7.2013C16.3201%206.86583%2015.7903%206.73269%2015.5944%207.00498C15.371%207.31539%2015.1217%207.60928%2014.8478%207.88319C14.2678%208.46328%2013.8332%209.21548%2013.8332%2010.0358V19.9259H9.79207V7.2013C9.79207%206.86583%209.26227%206.73269%209.06633%207.00498C8.84294%207.31539%208.59363%207.60928%208.31974%207.88319C7.73971%208.46328%207.30519%209.21548%207.30519%2010.0358V19.9259H1.08801V18.3715C2.28979%2018.3715%203.26402%2017.3971%203.26402%2016.1952V9.35567C6.84476%209.35567%209.74887%206.37589%209.79207%202.827V0.650772H13.8332V7.31281Z%22%20fill%3D%22currentColor%22%2F%3E%0A%3Cpath%20d%3D%22M3.42689%200C4.07171%201.35742%205.17079%202.45652%206.52805%203.10145V3.42737C5.1708%204.07228%204.07174%205.17145%203.42689%206.52882H3.10116C2.45631%205.17145%201.35725%204.07227%200%203.42737V3.10145C1.35726%202.45652%202.45633%201.35741%203.10116%200H3.42689Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
  animation: mudry-boot-pulse 1.6s ease-in-out infinite;
}

@keyframes mudry-boot-disappear {
  to {
    opacity: 0;
  }
}

@keyframes mudry-boot-pulse {
  0%,
  100% {
    transform: scale(0.94);
    opacity: 0.45;
  }

  50% {
    transform: scale(1);
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mudry-boot,
  .mudry-boot[data-complete='true'] {
    animation-duration: 0s;
  }

  .mudry-boot-mark {
    opacity: 0.9;
    animation: none;
  }
}