.preloader_wrap {
  --purr-loader-green: var(--purr-bnb-yellow, #f0b90b);
  z-index: 10010 !important;
  isolation: isolate;
  background: var(--purr-bnb-dark, #0b0e11) !important;
  color: var(--purr-bnb-yellow, #f0b90b) !important;
}

.preloader_percentage_wrap {
  z-index: 20;
}

.preloader_percentage {
  color: var(--purr-bnb-yellow, #f0b90b) !important;
}

.preloader_wrap.is-complete,
html.is-loaded .preloader_wrap {
  visibility: visible !important;
  pointer-events: none !important;
}

.purr_preloader_stickers {
  position: absolute;
  z-index: 2;
  overflow: hidden;
  pointer-events: none;
  inset: 0;
}

.purr_preloader_sticker_slot {
  --purr-loader-rotation: 0deg;
  --purr-loader-duration: 3.4s;
  --purr-loader-exit-delay: 0s;
  position: absolute;
  width: clamp(8.5rem, 15vw, 18rem);
  transform: rotate(var(--purr-loader-rotation));
  transform-origin: center;
}

.purr_preloader_sticker {
  display: block;
  width: 100%;
  height: auto;
  opacity: 1;
  filter: drop-shadow(0 0.75rem 1rem rgb(240 185 11 / 0.18));
  transform: translate3d(0, -0.35rem, 0) scale(0.985);
  transition: opacity 1.8s linear var(--purr-loader-exit-delay),
    filter 1.8s linear var(--purr-loader-exit-delay);
  animation: purr-preloader-float var(--purr-loader-duration) ease-in-out
    infinite alternate;
  will-change: transform, opacity;
}

.purr_preloader_sticker_slot.is-01 {
  --purr-loader-rotation: -8deg;
  --purr-loader-duration: 3.1s;
  --purr-loader-exit-delay: 0.04s;
  top: 34%;
  left: 14%;
  width: clamp(9rem, 14vw, 17rem);
}

.purr_preloader_sticker_slot.is-02 {
  --purr-loader-rotation: 7deg;
  --purr-loader-duration: 3.7s;
  --purr-loader-exit-delay: 0.18s;
  top: 3%;
  left: 27%;
  width: clamp(8.5rem, 14vw, 17rem);
}

.purr_preloader_sticker_slot.is-03 {
  --purr-loader-rotation: -5deg;
  --purr-loader-duration: 3.25s;
  --purr-loader-exit-delay: 0.08s;
  top: -3%;
  left: 58%;
  width: clamp(8.5rem, 13vw, 16rem);
}

.purr_preloader_sticker_slot.is-04 {
  --purr-loader-rotation: 10deg;
  --purr-loader-duration: 4s;
  --purr-loader-exit-delay: 0.24s;
  top: 4%;
  right: -3%;
  width: clamp(9rem, 15vw, 18rem);
}

.purr_preloader_sticker_slot.is-05 {
  --purr-loader-rotation: -6deg;
  --purr-loader-duration: 3.5s;
  --purr-loader-exit-delay: 0.12s;
  top: auto;
  bottom: -3%;
  right: auto;
  left: 50%;
  translate: -50% 0;
  width: clamp(9rem, 15vw, 18rem);
}

.purr_preloader_sticker_slot.is-06 {
  --purr-loader-rotation: 7deg;
  --purr-loader-duration: 3.85s;
  --purr-loader-exit-delay: 0.3s;
  top: 24%;
  left: 43%;
  width: clamp(9rem, 15vw, 18rem);
}

.purr_preloader_sticker_slot.is-07 {
  --purr-loader-rotation: -7deg;
  --purr-loader-duration: 3.2s;
  --purr-loader-exit-delay: 0.02s;
  top: 27%;
  right: 9%;
  left: auto;
  width: clamp(8.5rem, 14vw, 17rem);
}

.purr_preloader_sticker_slot.is-08 {
  --purr-loader-rotation: 5deg;
  --purr-loader-duration: 3.65s;
  --purr-loader-exit-delay: 0.21s;
  top: 51%;
  right: auto;
  left: -1%;
  width: clamp(9rem, 15vw, 18rem);
}

.purr_preloader_sticker_slot.is-09 {
  --purr-loader-rotation: -5deg;
  --purr-loader-duration: 3.35s;
  --purr-loader-exit-delay: 0.15s;
  top: 49%;
  bottom: auto;
  left: 32%;
  width: clamp(9rem, 15vw, 18rem);
}

.purr_preloader_sticker_slot.is-10 {
  --purr-loader-rotation: 7deg;
  --purr-loader-duration: 3.9s;
  --purr-loader-exit-delay: 0.27s;
  top: 53%;
  bottom: auto;
  right: 12%;
  left: auto;
  width: clamp(8.5rem, 15vw, 18rem);
}

.purr_preloader_sticker_slot.is-11 {
  --purr-loader-rotation: -8deg;
  --purr-loader-duration: 3.45s;
  --purr-loader-exit-delay: 0.1s;
  bottom: -3%;
  left: 17%;
  width: clamp(9rem, 15vw, 18rem);
}

.purr_preloader_sticker_slot.is-12 {
  --purr-loader-rotation: 6deg;
  --purr-loader-duration: 3.75s;
  --purr-loader-exit-delay: 0.34s;
  right: 15%;
  bottom: -3%;
  width: clamp(8.5rem, 15vw, 18rem);
}

.preloader_wrap.is-complete .purr_preloader_sticker,
html.is-loaded .purr_preloader_sticker {
  opacity: 0;
  filter: drop-shadow(0 0 0 rgb(240 185 11 / 0));
}

@keyframes purr-preloader-float {
  from {
    transform: translate3d(0, -0.35rem, 0) scale(0.985);
  }

  to {
    transform: translate3d(0, 0.35rem, 0) scale(1.015);
  }
}

@media (max-width: 767px) {
  .preloader_wrap {
    --preloader-counter-size: clamp(4.75rem, 26vw, 7.5rem);
  }

  .purr_preloader_sticker_slot {
    width: clamp(5.5rem, 28vw, 8.5rem) !important;
  }

  .purr_preloader_sticker_slot.is-01 {
    top: 70%;
    left: 18%;
    width: 22vw !important;
  }
  .purr_preloader_sticker_slot.is-02 {
    top: -1%;
    left: 50%;
  }
  .purr_preloader_sticker_slot.is-03 {
    top: 4%;
    right: -8%;
    left: auto;
  }
  .purr_preloader_sticker_slot.is-04 {
    top: 24%;
    right: -4%;
  }
  .purr_preloader_sticker_slot.is-05 {
    top: auto;
    right: auto;
    bottom: -1%;
    left: 50%;
  }
  .purr_preloader_sticker_slot.is-06 {
    top: 23%;
    left: -5%;
  }
  .purr_preloader_sticker_slot.is-07 {
    top: 51%;
    left: -7%;
  }
  .purr_preloader_sticker_slot.is-08 {
    top: 47%;
    left: 36%;
  }
  .purr_preloader_sticker_slot.is-09 {
    top: 52%;
    right: -6%;
    bottom: auto;
    left: auto;
  }
  .purr_preloader_sticker_slot.is-10 {
    top: 72%;
    right: auto;
    bottom: auto;
    left: -5%;
  }
  .purr_preloader_sticker_slot.is-11 {
    top: 28%;
    bottom: auto;
    left: 35%;
  }
  .purr_preloader_sticker_slot.is-12 {
    top: 73%;
    right: -6%;
    bottom: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .purr_preloader_sticker {
    animation: none;
    transform: none;
  }
}
