.preloader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  display: block;
  transition: opacity 2s;
}

.preloader_hide .preloader__screen-overlay {
  opacity: 0;
}

.preloader_hide .preloader__logo {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.9);
}

.preloader_hide .preloader__screen-part_left {
  transform: translate(-100%, 0%);
}

.preloader_hide .preloader__screen-part_right {
  transform: translate(100%, 0%);
}

.preloader__screen {
  position: relative;
  z-index: 99992;
  width: 100%;
  height: 100%;
}

.preloader__screen-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99992;
  width: 100%;
  height: 100%;
  background: #060618;
  transition: 1.8s ease-out;
}

.preloader__screen-part {
  position: absolute;
  top: 0;
  z-index: 99992;
  width: 50%;
  height: 100%;
  transition: 1.3s ease-in-out 0.5s;
  will-change: transform;
}

.preloader__screen-part_left {
  left: 0;
  background-image: radial-gradient(35% 75% ellipse at 100% 5%, #1d2140, #060618);
}

.preloader__screen-part_right {
  right: 0;
  background-image: radial-gradient(35% 75% ellipse at 0% 5%, #1d2140, #060618);
}

.preloader__logo {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 99993;
  width: 130px;
  transition: 0.8s;
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
}

/* MEDIA START */

/* DESKTOP */
@media (max-width: 1599.98px) {
  .preloader__logo {
    width: 95px;
  }
}

/* TABLET */
@media (max-width: 1279.98px) {
  .preloader__logo {
    width: 95px;
  }

  .preloader__screen-part_left {
    left: 0;
    background-image: radial-gradient(90% 60% ellipse at 100% 5%, #1d2140, #060618);
  }

  .preloader__screen-part_right {
    right: 0;
    background-image: radial-gradient(90% 60% ellipse at 0% 5%, #1d2140, #060618);
  }
}

/* MOBILE */
@media screen and (max-width: 767.98px) {
  .preloader__logo {
    width: 65px;
  }
}

/* MEDIA END */