.fade-enter {
  opacity: 0.01;
}

.fade-enter.fade-enter-active {
  opacity: 1;
  transition: opacity 250ms ease-in;
  -webkit-transition: opacity 250ms ease-in; /* safari Windows */
}

.fade-leave {
  opacity: 1;
}

.fade-leave.fade-leave-active {
  opacity: 0.01;
  transition: opacity 250ms ease-in;
  -webkit-transition: opacity 250ms ease-in; /* safari Windows */
}

.dropdown-enter {
  opacity: 0;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
  -webkit-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.dropdown-enter.dropdown-enter-active {
  opacity: 1;
  transform: scaleY(1);
  -webkit-transform: scaleY(1);
  transition-delay: 0s, 0s, 0.3s;
  -webkit-transition-delay: 0s, 0s, 0.3s;
}

.dropdown-leave {
  opacity: 1;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform: scaleY(1);
  -webkit-transform: scaleY(1);
  transition-delay: 0s, 0s, 0.3s;
  -webkit-transition-delay: 0s, 0s, 0.3s;
}

.dropdown-leave.dropdown-leave-active {
  opacity: 0;
  transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
  -webkit-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.slideup-enter {
  opacity: 0;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
  transition: all 1s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
  -webkit-transition: all 1s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.slideup-enter.slideup-enter-active {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transition-delay: 0s, 0s, 0.3s;
  -webkit-transition-delay: 0s, 0s, 0.3s;
}

.slideup-leave {
  opacity: 1;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transition-delay: 0s, 0s, 0.3s;
  -webkit-transition-delay: 0s, 0s, 0.3s;
}

.slideup-leave.slideup-leave-active {
  opacity: 0;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
  transition: all 1s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
  -webkit-transition: all 1s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}


.scalehorizontal-enter {
  opacity: 0;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
  -webkit-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.scalehorizontal-enter.scalehorizontal-enter-active {
  opacity: 1;
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transition-delay: 0s, 0s, 0.3s;
  -webkit-transition-delay: 0s, 0s, 0.3s;
}

.scalehorizontal-leave {
  opacity: 1;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transition-delay: 0s, 0s, 0.3s;
  -webkit-transition-delay: 0s, 0s, 0.3s;
}

.scalehorizontal-leave.scalehorizontal-leave-active {
  opacity: 0;
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
  -webkit-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

#eye {
  -webkit-filter: blur(3px); /* Chrome, Safari, Opera */
  filter: blur(3px);
}

.blur {
  -webkit-filter: blur(1px); /* Chrome, Safari, Opera */
  filter: blur(1px);
}