/* ----------------------------------------------
 * Generated by Animista on 2023-11-10 14:13:4
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation wobble-hor-bottom
 * ----------------------------------------
 */
@keyframes wobble-hor-bottom {
    0%,
    100% {
        transform: translateX(0%);
        transform-origin: 50% 50%;
    }

    15% {
        transform: translateX(-10px) rotate(-6deg);
    }

    30% {
        transform: translateX(5px) rotate(6deg);
    }

    45% {
        transform: translateX(-5px) rotate(-3.6deg);
    }

    60% {
        transform: translateX(3px) rotate(2.4deg);
    }

    75% {
        transform: translateX(-2px) rotate(-1.2deg);
    }
}

@keyframes wobble-hor-bottom {
    0%,
    100% {
        transform: translateX(0%);
        transform-origin: 50% 50%;
    }

    15% {
        transform: translateX(-10px) rotate(-6deg);
    }

    30% {
        transform: translateX(5px) rotate(6deg);
    }

    45% {
        transform: translateX(-5px) rotate(-3.6deg);
    }

    60% {
        transform: translateX(3px) rotate(2.4deg);
    }

    75% {
        transform: translateX(-2px) rotate(-1.2deg);
    }
}

/**
 * ----------------------------------------
 * animation scale-in-tr
 * ----------------------------------------
 */
@keyframes scale-in-tr {
    0% {
        opacity: 0;
        transform: scale(0);
        transform-origin: 100% 0%;
    }

    40% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        transform: scale(1);
        transform-origin: 100% 0%;
    }
}

@keyframes scale-in-tr {
    0% {
        opacity: 0;
        transform: scale(0);
        transform-origin: 100% 0%;
    }

    40% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        transform: scale(1);
        transform-origin: 100% 0%;
    }
}

@keyframes scale-down-tr {
    0% {
        opacity: 1;
        transform: scale(1);
        transform-origin: 100% 0%;
    }

    40% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(0);
        transform-origin: 100% 0%;
    }
}

@keyframes scale-down-tr {
    0% {
        opacity: 1;
        transform: scale(1);
        transform-origin: 100% 0%;
    }

    40% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(0);
        transform-origin: 100% 0%;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}