.preloader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}

.preloader__icon {
  width: 10vw;
  min-width: 90px;
  height: 10vw;
  min-height: 90px;
  opacity: 0;
  transition: 0.3s;
  will-change: transform, opacity;
}

.preloader__icon-path-bg {
  fill: none;
  stroke: #000;
  stroke-miterlimit: 10;
  stroke-width: 2;
}

.preloader__icon_animating .preloader__icon-path-bg {
  animation: load 2s linear infinite;
}

.preloader__icon-path-fg {
  fill: none;
  stroke: #fe4100;
  stroke-miterlimit: 10;
  stroke-width: 2;
}

/* first step */
.preloader_hidden .preloader__icon {
  opacity: 0 !important;
  transition: 1s !important;
  transform: scale(0.9) !important;
}

/* second step */
.preloader_hidden {
  opacity: 0;
  transition: 0.6s 0.5s;
}

@keyframes load {
  to {
    stroke-dashoffset: 0;
  }
}