.fade-custom {
  opacity: 0;
  transform: translateY(-150px);
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.entrance {
  opacity: 1;
  transform: translateY(0);
}
.availableText::before {
  animation: 1s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94) blinking;
  opacity: 0;
}
@keyframes blinking {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.popUpAnimationIn {
  animation: popUpAnimationIn 1s forwards cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 1000;
}
@keyframes popUpAnimationIn {
  0% {
    clip-path: circle(0% at 50% 100%);
  }
  100% {
    clip-path: circle(112% at 50% 100%);
  }
}
.popUpAnimationOut {
  animation: popUpAnimationOut 1s forwards cubic-bezier(0.215, 0.61, 0.355, 1);
}
@keyframes popUpAnimationOut {
  100% {
    clip-path: circle(0% at 50% 100%);
  }
  0% {
    clip-path: circle(112% at 50% 100%);
  }
}
.popUpAnimationIn .PopReveal > * {
  animation: fadeIn forwards 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-delay: 200ms;
  opacity: 0;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.leftMove {
  animation: leftMove 1s forwards ease-in-out;
}
@keyframes leftMove {
  from {
    object-position: 0px 0px;
  }
  to {
    object-position: -850px 0px;
  }
}
.rightMove {
  animation: rightMove 1s forwards ease-in-out;
}
@keyframes rightMove {
  from {
    object-position: 0px 0px;
  }
  to {
    object-position: 760px 0;
  }
}