/* Webflow-parity Lottie preloader */

.preloader {
  z-index: 9999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  min-height: 100dvh;
  background-color: #3c4142;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

.preloader.is-done {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.preloader__lottie {
  display: block;
  width: min(1472px, 102.25vw);
  aspect-ratio: 1920 / 1080;
}

.preloader__lottie svg {
  display: block;
}

.preloader__lottie--mobile {
  display: none;
}

body.is-loading {
  overflow: hidden;
}

@media screen and (max-width: 991px) {
  .preloader__lottie--desktop {
    display: none;
  }

  .preloader__lottie--mobile {
    display: block;
    width: min(986px, 121.75vw);
    aspect-ratio: 986 / 956;
  }
}
