/* @use 'variables' as *; */
/*----------------------------------------
	animation keyframes
------------------------------------------*/
@-webkit-keyframes rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* animation: rotation 60s linear infinite; */
@-webkit-keyframes rotation_r {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes rotation_r {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
/* animation: rotation 60s linear infinite; */
@-webkit-keyframes hor_move_l {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes hor_move_l {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
/* animation: hor_move_l 60s linear infinite; */
@-webkit-keyframes hor_move_r {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes hor_move_r {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
/* animation: hor_move_r 60s linear infinite; */
@-webkit-keyframes ver_move_t {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes ver_move_t {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-100%);
  }
}
/* animation: ver_move_t 60s linear infinite; */
@-webkit-keyframes ver_move_b {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes ver_move_b {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
/* animation: ver_move_b 60s linear infinite; */
@-webkit-keyframes fade_out {
  0% {
    filter: blur(0);
    opacity: 1;
  }
  100% {
    filter: blur(1);
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes fade_out {
  0% {
    filter: blur(0);
    opacity: 1;
  }
  100% {
    filter: blur(1);
    opacity: 0;
    visibility: hidden;
  }
}
/* animation: fade_out 0.4s ease forwards; */
/*----------------------------------------
	common animation
------------------------------------------*/
/*----------------------------------------
	pages animation
------------------------------------------*/
/*# sourceMappingURL=animation.css.map */