#luna-halloween-loader {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483646 !important;

  display: none;
  align-items: center !important;
  justify-content: center !important;

  width: 100vw !important;
  height: 100vh !important;

  margin: 0 !important;
  padding: 24px !important;

  box-sizing: border-box !important;

  background:
    radial-gradient(
      circle at 50% 45%,
      #fffaf3 0%,
      #fbf3e9 56%,
      #f5e8db 100%
    ) !important;

  opacity: 0;

  transition:
    opacity 260ms ease !important;
}

#luna-halloween-loader.luna-show {
  display: flex !important;
  opacity: 1 !important;
}

#luna-halloween-loader-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  width: min(90vw, 380px) !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;

  box-shadow: none !important;
}

#luna-halloween-loader-art {
  display: block !important;

  visibility: visible !important;
  opacity: 1 !important;

  width: 250px !important;
  height: auto !important;

  max-width: 64vw !important;
  max-height: 55vh !important;

  margin: 0 auto !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;

  box-shadow: none !important;

  object-fit: contain !important;

  filter:
    drop-shadow(
      0 14px 20px
      rgba(92, 49, 28, .10)
    ) !important;

  animation:
    lunaArtFloat
    2.5s
    ease-in-out
    infinite !important;
}

#luna-halloween-loader-text {
  margin-top: 22px !important;

  color: #6e4947 !important;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size: 10px !important;
  font-weight: 400 !important;

  line-height: 1.2 !important;

  letter-spacing: .28em !important;

  text-align: center !important;
  text-transform: uppercase !important;
}

#luna-halloween-loader-destination {
  margin-top: 9px !important;

  color: #54353b !important;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size: 17px !important;
  font-weight: 400 !important;

  line-height: 1.25 !important;

  letter-spacing: .11em !important;

  text-align: center !important;
}

#luna-halloween-loader-status {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 22px !important;

  margin-top: 12px !important;

  color: rgba(104, 65, 57, .82) !important;

  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    Arial,
    sans-serif !important;

  font-size: 9px !important;
  font-weight: 500 !important;

  line-height: 1 !important;

  letter-spacing: .23em !important;

  text-transform: uppercase !important;
}

#luna-halloween-loader-dots {
  display: inline-block !important;

  width: 30px !important;

  margin-left: 5px !important;

  color: #b36337 !important;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size: 17px !important;

  line-height: 8px !important;

  letter-spacing: 1px !important;

  text-align: left !important;
}

#luna-halloween-loader-line {
  position: relative !important;

  overflow: hidden !important;

  width: 125px !important;
  height: 1px !important;

  margin-top: 15px !important;

  background:
    rgba(101, 62, 54, .20) !important;
}

#luna-halloween-loader-line::after {
  content: "";

  position: absolute;

  top: 0;
  left: -50%;

  width: 50%;
  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      #b15f34,
      transparent
    );

  animation:
    lunaLoadingLine
    1s
    ease-in-out
    infinite;
}

@keyframes lunaArtFloat {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-5px);
  }
}

@keyframes lunaLoadingLine {
  from {
    left: -50%;
  }

  to {
    left: 105%;
  }
}

@media (max-height: 680px) {
  #luna-halloween-loader-art {
    width: 205px !important;
    max-height: 46vh !important;
  }

  #luna-halloween-loader-text {
    margin-top: 14px !important;
  }
}