.loader {
  position: absolute;
  width: 100vw;
  height: 100vh;
	display: flex;
	flex-direction: column;
	z-index: 5;
	align-items: center;
  justify-content: center;
  transition: opacity 0.5s ease, visibility 0.5s;
  user-select: none;
}

.loadertext {
  display: flex;
	flex-direction: row;
  margin-top: -5vh;
  font-size: 5vw;

  animation: gradient-move 4s linear infinite;
  color: transparent;
  background: linear-gradient(90deg, white, white, rgba(255, 255, 255, 0.5), white, white);
  background-size: 300% auto;
  -webkit-background-clip: text;
  background-clip: text;
}

.loadingIcon {
	width: 10vw;
	height: 10vw;
	position: relative;
}

.loadingIcon > * {
	position: absolute;
}

.loader_nose {
  animation: noseSniffing 3s ease infinite;
}

.loader_eyes {
  transition: transform 0.2s ease;
}

.loader_eyes_anim {
  animation: eye-look-around 6s infinite cubic-bezier(0,1.05,0.51,1);
}

.invisible {
  opacity: 0;
  visibility: hidden;
  /* to keep it from playing the entrance, cheap hacky way */
  animation: invalidAnimation 1s ease;
}

.blurry {
  filter: blur(0.5vw);
}

.searching {
  display: flex;
  position: absolute;
  font-size: Max(3vw, 3vh);
  width: 10vw;
  height: 5vw;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.searching > * {
  position: absolute;
  opacity: 1;
}

.searchingItem_1 {
  animation: swayUpRight 2s ease-out 0.0s infinite;
}

.searchingItem_2 {
  animation: swayUpLeft 2s ease-out 0.5s infinite;
}

.searchingItem_3 {
  animation: swayUpRight2 2s ease-out 1s infinite;
}

.searchingItem_4 {
  animation: swayUpLeft2 2s ease-out 1.5s infinite;
}

@media (max-aspect-ratio: 1800/1300) {
  .loadertext {
    margin-top: -5vh;
    font-size: 8vw;
  }
  .loadingIcon {
    width: 20vw;
    height: 20vw;
  }
  .searching {
    width: 20vw;
    height: 10vw;
  }
}
@media (max-aspect-ratio: 1100/1300) {
  .loadertext {
    margin-top: -4vh;
    font-size: 10vw;
  }
  .loadingIcon {
    width: 25vw;
    height: 25vw;
  }
  .searching {
    width: 25vw;
    height: 10vw;
  }
}
@media (max-aspect-ratio: 700/1300) {
  .loadertext {
    margin-top: -2vh;
    font-size: 14vw;
  }
  .loadingIcon {
    width: 30vw;
    height: 30vw;
  }
  .searching {
    width: 30vw;
    height: 15vw;
  }
}

@keyframes swayUpRight{0%{transform:translate(0,0) rotate(0);opacity:1}100%{transform:translate(4vw,-10vh) rotate(30deg);opacity:0}}@keyframes swayUpLeft{0%{transform:translate(0,0) rotate(0);opacity:1}100%{transform:translate(-4vw,-10vh) rotate(-30deg);opacity:0}}@keyframes swayUpRight2{0%{transform:translate(0,0) rotate(0);opacity:1}100%{transform:translate(5vw,-10vh) rotate(30deg);opacity:0}}@keyframes swayUpLeft2{0%{transform:translate(0,0) rotate(0);opacity:1}100%{transform:translate(-5vw,-10vh) rotate(-50deg);opacity:0}}
@keyframes gradient-move{0%{background-position:0 center}100%{background-position:-300% center}}@keyframes eye-look-around{0%,10%,100%,87%{transform:translate(0,0)}15%,22%{transform:translate(1.2%,-2%)}27%,34%{transform:translate(-2.5%,0)}39%,46%{transform:translate(1%,3%)}51%,58%{transform:translate(-1%,-2%)}63%,70%{transform:translate(-2%,.9%)}75%,82%{transform:translate(1.6%,.6%)}}