@keyframes preload {
  20% {
    opacity: 0%;
  }

  50% {
    opacity: 100%;
  }

  80% {
    opacity: 0%;
  }
}

@keyframes fadeload {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes blurload {
  0% {
    filter: blur(5px);
  }

  100% {
    filter: blur(0);
  }
}

@keyframes progress {
  from {
    width: 0%;
  }

  to {
    width: 100%;
  }
}

/*  */

.fadeload {
  animation: fadeload 2s;
}

.blurload {
  animation: blurload 2s;
}

/*  */

.preload {
  background-image: var(--cliG-t3);
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: calc(100vw + 0.6rem);
  height: 100vh;
  z-index: 1100;
}

.preload>img {
  width: 50vh;
  height: auto;
  opacity: 0;
  animation: preload 2s infinite;
}