@charset "utf-8";
.none {
  display: none;
}
.slide-up-out {
  opacity: 0;
  -webkit-transform: translate(0, 60px);
  transform: translate(0, 60px);
  -webkit-transition: opacity 0.6s ease-in-out,
    -webkit-transform 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out,
    -webkit-transform 0.6s ease-in-out;
}

.slide-up-in {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.slide-left-out {
  opacity: 0;
  -webkit-transform: translate(-60px, 0);
  transform: translate(-60px, 0);
  -webkit-transition: opacity 0.6s ease-in-out,
    -webkit-transform 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out,
    -webkit-transform 0.6s ease-in-out;
}

.slide-left-in {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.slide-right-out {
  opacity: 0;
  -webkit-transform: translate(60px, 0);
  transform: translate(60px, 0);
  -webkit-transition: opacity 0.6s ease-in-out,
    -webkit-transform 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out,
    -webkit-transform 0.6s ease-in-out;
}

.slide-right-in {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.slide-bar-out {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: -webkit-transform 0.4s ease-in-out 0s;
  transition: -webkit-transform 0.4s ease-in-out 0s;
  transition: transform 0.4s ease-in-out 0s;
  transition: transform 0.4s ease-in-out 0s,
    -webkit-transform 0.4s ease-in-out 0s;
}
.slide-bar-in {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.show-out {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);

  -webkit-transition: -webkit-transform 0.4s linear 0s;
  transition: -webkit-transform 0.4s linear 0s;
  transition: transform 0.4s linear 0s;
  transition: transform 0.4s linear 0s, -webkit-transform 0.4s linear 0s;
}
.show-in {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.anime-delay-1 {
  -webkit-animation-delay: 0s;
  /* animation-delay: 0s; */
}
.anime-delay-2 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.anime-delay-3 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.anime-delay-4 {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.anime-delay-5 {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.anime-delay-6 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.anime-delay-7 {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.anime-delay-8 {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}
.anime-delay-9 {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}
.anime-delay-10 {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}

.anime-delay-11 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.anime-delay-12 {
  -webkit-animation-delay: 2.2s;
  animation-delay: 2.2s;
}
.anime-delay-13 {
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s;
}
.anime-delay-14 {
  -webkit-animation-delay: 2.6s;
  animation-delay: 2.6s;
}
.anime-delay-15 {
  -webkit-animation-delay: 2.8s;
  animation-delay: 2.8s;
}