/* @charset "utf-8";

/*--------------------------------------------------------------
  loading
--------------------------------------------------------------*/
@keyframes loading {
    0% {
        content: "";
    }
    25% {
        content: ".";
    }
    50% {
        content: "..";
    }
    75% {
        content: "...";
    }
    100% {
        content: "";
    }
}

/*--------------------------------------------------------------
  fadeIn
--------------------------------------------------------------*/
@keyframes fadeIn {
    0% {
        opacity: 0;
        display: none;
    }
    100% {
        opacity: 1;
        display: block;
    }
}

/*--------------------------------------------------------------
  fadeOut
--------------------------------------------------------------*/
@keyframes fadeOut {
    0% {
        opacity: 1;
        display: block;
    }
    100% {
        opacity: 0;
        display: none;
        z-index: -1;
    }
}