@charset "UTF-8";
/* CSS Document */

/***** pulse *****/
.anim-pulse {
    transform: scale(1);
    animation: anim-pulse 2s infinite;
}

.anim-pulse-slow {
    transform: scale(1);
    animation: anim-pulse 2.5s infinite;
}

@keyframes anim-pulse {
    0% {
        transform: scale(0.95);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.95);
    }
}

.anim-pulse-shadow {
    box-shadow: 0 0 0 0 rgb(251 249 249 / 70%);
    -webkit-animation: pulse-shadow 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse-shadow 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse-shadow 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse-shadow 1.25s infinite cubic-bezier(0.66, 0, 0, 1)
}

.anim-pulse-shadow-dark {
    box-shadow: 0 0 0 0 rgb(0 0 0 / 70%);
    -webkit-animation: pulse-shadow-dark 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse-shadow-dark 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse-shadow-dark 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse-shadow-dark 1.25s infinite cubic-bezier(0.66, 0, 0, 1)
}

@-webkit-keyframes pulse-shadow {
    to {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0)
    }
}

@-moz-keyframes pulse-shadow {
    to {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0)
    }
}

@-ms-keyframes pulse-shadow {
    to {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0)
    }
}

@keyframes pulse-shadow {
    to {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0)
    }
}


@-webkit-keyframes pulse-shadow-dark {
    to {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0)
    }
}

@-moz-keyframes pulse-shadow-dark {
    to {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0)
    }
}

@-ms-keyframes pulse-shadow-dark {
    to {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0)
    }
}

@keyframes pulse-shadow-dark {
    to {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0)
    }
}




/***** wobble *****/
.anim-wobble-slow {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    animation: wobble ease-in-out 2.3s infinite alternate;
}

.anim-wobble {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    animation: wobble ease-in-out 1.2s infinite alternate;
}

@keyframes wobble {
    0% {
        transform: rotate(7deg);
    }

    50% {
        transform: rotate(-7deg);
    }

    100% {
        transform: rotate(7deg);
    }
}




/***** fade *****/
.anim-fade {
    opacity: 1;
    animation: anim-fade 2s infinite;
}

@keyframes anim-fade {
    0% {
        opacity: 0.8;
    }

    70% {
        opacity: 1;
    }

    100% {
        opacity: 0.8;
    }
}




/***** swing *****/
.anim-swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation: swing ease-in-out 3.5s infinite alternate;
}

.anim-swing-left {
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation-name: swing;
    animation: swing ease-in-out 3.5s infinite alternate;
}

.anim-swing-right {
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-animation-name: swing;
    animation: swing ease-in-out 3.5s infinite alternate;
}

.anim-swing-bottom {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-animation-name: swing;
    animation: swing ease-in-out 3.5s infinite alternate;
}

@keyframes swing {
    0% {
        transform: rotate(10deg);
    }
    50% {
        transform: rotate(-10deg);
    }
    100% {
        transform: rotate(10deg);
    }
}




/***** point *****/
.anim-point-up {
    -webkit-animation: point-up 0.6s infinite alternate ease-in-out;
    animation: point-up 0.6s infinite alternate ease-in-out;
}

.anim-point-up-slow {
    -webkit-animation: point-up 2s infinite alternate ease-in-out;
    animation: point-up 2 infinite alternate ease-in-out;
}

.anim-point-down {
    -webkit-animation: point-down 0.6s infinite alternate ease-in-out;
    animation: point-down 0.6s infinite alternate ease-in-out;
}

.anim-point-down-slow {
    -webkit-animation: point-down 2s infinite alternate ease-in-out;
    animation: point-down 2s infinite alternate ease-in-out;
}

.anim-point-left {
    -webkit-animation: point-left 0.6s infinite alternate ease-in-out;
    animation: point-left 0.6s infinite alternate ease-in-out;
}

.anim-point-left-slow {
    -webkit-animation: point-left 2s infinite alternate ease-in-out;
    animation: point-left 2s infinite alternate ease-in-out;
}

.anim-point-right {
    -webkit-animation: point-right 0.6s infinite alternate ease-in-out;
    animation: point-right 0.6s infinite alternate ease-in-out;
}

.anim-point-right-slow {
    -webkit-animation: point-right 2s infinite alternate ease-in-out;
    animation: point-right 2s infinite alternate ease-in-out;
}

@-webkit-keyframes point-up {
    0% {
        -webkit-transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-0.4em)
    }
}

@-webkit-keyframes point-down {
    0% {
        -webkit-transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(0.4em)
    }
}

@-webkit-keyframes point-left {
    0% {
        -webkit-transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(-0.4em)
    }
}

@-webkit-keyframes point-right {
    0% {
        -webkit-transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(0.4em)
    }
}


@keyframes rubberband {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    60% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    70% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    80% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}




/***** rubberband *****/
.anim-rubberband {
    -webkit-animation-name: rubberband;
    animation-name: rubberband;
    animation: rubberband 2s infinite ease-in-out;
}