/* Site preloader — Figma 101:2453 */

.mi-preloader {
  position: fixed;
  z-index: 10000;
  inset: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #edf5fd;
  opacity: 1;
  visibility: visible;
  transition:
    opacity 360ms var(--mi-ease),
    visibility 0s linear 360ms;
}

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

.mi-preloader__content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.mi-preloader__wreath {
  width: 143px;
  height: 268px;
  max-width: none;
  flex: 0 0 auto;
}

.mi-preloader__wreath--right {
  transform: rotate(180deg) scaleY(-1);
}

.mi-preloader__progress {
  flex: 0 0 auto;
  color: #4385bb;
  font-size: 222px;
  font-weight: 500;
  line-height: 1.1;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .mi-preloader__content {
    gap: 2px;
  }

  .mi-preloader__wreath {
    width: clamp(72px, 20vw, 143px);
    height: clamp(135px, 37.5vw, 268px);
  }

  .mi-preloader__progress {
    font-size: clamp(100px, 28vw, 222px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .mi-preloader {
    transition-duration: 1ms;
  }
}