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

.preloader_hidden {
  opacity: 0;
}

.preloader__icon {
  width: 10vw;
  min-width: 90px;
  height: 10vw;
  min-height: 90px;
  opacity: 0;
  transition: 1s;
}

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

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

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

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