// Generated with http://matthewlein.com/ceaser/
@timing-fn-spring: cubic-bezier(0.170, 0.070, 0.000, 0.900);

@keyframes fadeInRight {
    0% {
        transform : translateX(150px);
        opacity   : 0;
    }

    100% {
        transform : translateX(0);
        opacity   : 100;
    }
}

@keyframes fadeOutRight {
    0% {
        transform : translateX(0);
        opacity   : 100;
    }

    100% {
        transform : translateX(150px);
        opacity   : 0;
    }
}

@keyframes fadeInLeft {
    0% {
        transform : translateX(-150px);
        opacity   : 0;
    }

    100% {
        transform : translateX(0);
        opacity   : 100;
    }
}

@keyframes fadeOutLeft {
    0% {
        transform : translateX(0);
        opacity   : 100;
    }

    100% {
        transform : translateX(-150px);
        opacity   : 0;
    }
}

@keyframes expandFrom70to100 {
    from { transform: scale(0.7, 1); }
    to   { transform: scale(1, 1);   }
}

@keyframes reverse-expandFrom70to100 {
    from { transform: scale(1.42, 1); }
    to   { transform: scale(1, 1);    }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: inherit; }
}

@keyframes scaleInFrom92 {
    from { transform: scale(0.92);  }
    to   { transform: scale(1); }
}

@keyframes fadeInFromBlackToAlpha40 {
    from { background-color: #000000; }
    to   { background-color: rgba(0, 0, 0, .4); }
}

@keyframes fadeOut {
    0%   { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes shake {
    0%, 100%                { transform: translateX(0)    skewX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-7px) skewX(-3deg); }
    20%, 40%, 60%, 80%      { transform: translateX(7px)  skewX(3deg); }
}

@keyframes even-shake {
    0%, 100%      { transform: translateX(0px);   }
    10%, 30%, 50% { transform: translateX(-10px); }
    20%, 40%, 60% { transform: translateX(10px);  }
    70%, 90%      { transform: translateX(-5px);  }
    80%           { transform: translateX(5px);   }
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(359deg); }
}

@keyframes dialog-open {
    0%   { opacity: 0; transform: scale3d(1.1, 1.1, 1); }
    100% { opacity: 1; transform: scale3d(1, 1, 1); }
}

@keyframes dialog-close {
    0%   { opacity: 1; }
    100% { opacity: 0; transform: scale3d(0.9, 0.9, 1); }
}

@keyframes videoZoomInAndFadeOut {
    from {
        transform : scale(1.1);
        opacity   : 1;
    }

    to {
        transform : scale(1.3);
        opacity   : 0;
    }
}