/**
 * CSS-based animations which can be used in the OTRS agent interface using Core.UI.Animate
 *
 * This software is part of the OFORK project, https://ofork.de/
 *  Modified version of the work: Copyright (C) 2010-2021 OFORK, https://ofork.de/
 *  based on the original work of:
 *  Copyright (C) 2001-2018 OTRS AG, http://otrs.com/
 *  --
 * @project OTRS (http://www.otrs.org) <http://www.otrs.org> - Agent Frontend
 * @copyright OTRS AG
 * @license     AGPL (http://www.gnu.org/licenses/agpl.txt)
 */

/**
 * @package     Skin "Default"
 * @section     Animations
 */

@media screen,projection,tv,handheld {

.AnimationShake {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

} /* end @media */