.shake, .shake - little, .shake - slow, .shake - hard, .shake - horizontal, .shake - vertical, .shake - rotate, .shake - opacity, .shake - crazy, .shake - chunk {
    display: inherit;transform - origin: center center
}.shake - freeze, .shake - constant.shake - constant--hover: hover, .shake - trigger: hover.shake - constant.shake - constant--hover {
    animation - play - state: paused
}.shake - freeze: hover, .shake - trigger: hover.shake - freeze, .shake: hover, .shake - trigger: hover.shake, .shake - little: hover, .shake - trigger: hover.shake - little, .shake - slow: hover, .shake - trigger: hover.shake - slow, .shake - hard: hover, .shake - trigger: hover.shake - hard, .shake - horizontal: hover, .shake - trigger: hover.shake - horizontal, .shake - vertical: hover, .shake - trigger: hover.shake - vertical, .shake - rotate: hover, .shake - trigger: hover.shake - rotate, .shake - opacity: hover, .shake - trigger: hover.shake - opacity, .shake - crazy: hover, .shake - trigger: hover.shake - crazy, .shake - chunk: hover, .shake - trigger: hover.shake - chunk {
    animation - play - state: running
}
@keyframes shake {
    2 % {
        transform: translate(-1.5 px, 1.5 px) rotate(1.5 deg)
    }
    4 % {
        transform: translate(2.5 px, 2.5 px) rotate(.5 deg)
    }
    6 % {
        transform: translate(-.5 px, -1.5 px) rotate(.5 deg)
    }
    8 % {
        transform: translate(-.5 px, .5 px) rotate(.5 deg)
    }
    10 % {
        transform: translate(.5 px, 1.5 px) rotate(-.5 deg)
    }
    12 % {
        transform: translate(-1.5 px, -.5 px) rotate(.5 deg)
    }
    14 % {
        transform: translate(.5 px, -1.5 px) rotate(1.5 deg)
    }
    16 % {
        transform: translate(1.5 px, 2.5 px) rotate(-.5 deg)
    }
    18 % {
        transform: translate(2.5 px, .5 px) rotate(-.5 deg)
    }
    20 % {
        transform: translate(1.5 px, .5 px) rotate(-.5 deg)
    }
    22 % {
        transform: translate(.5 px, 1.5 px) rotate(-.5 deg)
    }
    24 % {
        transform: translate(2.5 px, -.5 px) rotate(1.5 deg)
    }
    26 % {
        transform: translate(.5 px, -.5 px) rotate(-.5 deg)
    }
    28 % {
        transform: translate(.5 px, -1.5 px) rotate(-.5 deg)
    }
    30 % {
        transform: translate(-.5 px, .5 px) rotate(.5 deg)
    }
    32 % {
        transform: translate(.5 px, -.5 px) rotate(-.5 deg)
    }
    34 % {
        transform: translate(-.5 px, 2.5 px) rotate(.5 deg)
    }
    36 % {
        transform: translate(-.5 px, -1.5 px) rotate(.5 deg)
    }
    38 % {
        transform: translate(2.5 px, -1.5 px) rotate(-.5 deg)
    }
    40 % {
        transform: translate(1.5 px, -1.5 px) rotate(-.5 deg)
    }
    42 % {
        transform: translate(1.5 px, 2.5 px) rotate(1.5 deg)
    }
    44 % {
        transform: translate(.5 px, .5 px) rotate(1.5 deg)
    }
    46 % {
        transform: translate(-.5 px, -1.5 px) rotate(-.5 deg)
    }
    48 % {
        transform: translate(1.5 px, .5 px) rotate(1.5 deg)
    }
    50 % {
        transform: translate(.5 px, 1.5 px) rotate(-.5 deg)
    }
    52 % {
        transform: translate(2.5 px, .5 px) rotate(.5 deg)
    }
    54 % {
        transform: translate(1.5 px, 1.5 px) rotate(.5 deg)
    }
    56 % {
        transform: translate(1.5 px, -1.5 px) rotate(1.5 deg)
    }
    58 % {
        transform: translate(-1.5 px, 1.5 px) rotate(-.5 deg)
    }
    60 % {
        transform: translate(.5 px, -1.5 px) rotate(1.5 deg)
    }
    62 % {
        transform: translate(.5 px, .5 px) rotate(.5 deg)
    }
    64 % {
        transform: translate(2.5 px, .5 px) rotate(-.5 deg)
    }
    66 % {
        transform: translate(1.5 px, -.5 px) rotate(.5 deg)
    }
    68 % {
        transform: translate(1.5 px, .5 px) rotate(1.5 deg)
    }
    70 % {
        transform: translate(-1.5 px, -1.5 px) rotate(.5 deg)
    }
    72 % {
        transform: translate(1.5 px, 2.5 px) rotate(-.5 deg)
    }
    74 % {
        transform: translate(-.5 px, -1.5 px) rotate(1.5 deg)
    }
    76 % {
        transform: translate(1.5 px, .5 px) rotate(-.5 deg)
    }
    78 % {
        transform: translate(-.5 px, 2.5 px) rotate(.5 deg)
    }
    80 % {
        transform: translate(.5 px, -.5 px) rotate(-.5 deg)
    }
    82 % {
        transform: translate(.5 px, -.5 px) rotate(.5 deg)
    }
    84 % {
        transform: translate(1.5 px, -.5 px) rotate(-.5 deg)
    }
    86 % {
        transform: translate(.5 px, -.5 px) rotate(1.5 deg)
    }
    88 % {
        transform: translate(-1.5 px, 2.5 px) rotate(.5 deg)
    }
    90 % {
        transform: translate(.5 px, 1.5 px) rotate(1.5 deg)
    }
    92 % {
        transform: translate(2.5 px, -1.5 px) rotate(1.5 deg)
    }
    94 % {
        transform: translate(.5 px, -1.5 px) rotate(-.5 deg)
    }
    96 % {
        transform: translate(1.5 px, -.5 px) rotate(-.5 deg)
    }
    98 % {
        transform: translate(-.5 px, .5 px) rotate(.5 deg)
    }
    0 % , 100 % {
        transform: translate(0, 0) rotate(0)
    }
}.shake: hover, .shake - trigger: hover.shake, .shake.shake - freeze, .shake.shake - constant {
    animation - name: shake;
    animation - duration: 100 ms;
    animation - timing - function: ease - in -out;
    animation - iteration - count: infinite
}
@keyframes shake - little {
    2 % {
        transform: translate(1 px, 0 px) rotate(.5 deg)
    }
    4 % {
        transform: translate(0 px, 0 px) rotate(.5 deg)
    }
    6 % {
        transform: translate(1 px, 1 px) rotate(.5 deg)
    }
    8 % {
        transform: translate(1 px, 0 px) rotate(.5 deg)
    }
    10 % {
        transform: translate(0 px, 1 px) rotate(.5 deg)
    }
    12 % {
        transform: translate(1 px, 1 px) rotate(.5 deg)
    }
    14 % {
        transform: translate(1 px, 1 px) rotate(.5 deg)
    }
    16 % {
        transform: translate(0 px, 1 px) rotate(.5 deg)
    }
    18 % {
        transform: translate(0 px, 0 px) rotate(.5 deg)
    }
    20 % {
        transform: translate(0 px, 1 px) rotate(.5 deg)
    }
    22 % {
        transform: translate(1 px, 0 px) rotate(.5 deg)
    }
    24 % {
        transform: translate(1 px, 1 px) rotate(.5 deg)
    }
    26 % {
        transform: translate(0 px, 1 px) rotate(.5 deg)
    }
    28 % {
        transform: translate(0 px, 1 px) rotate(.5 deg)
    }
    30 % {
        transform: translate(1 px, 0 px) rotate(.5 deg)
    }
    32 % {
        transform: translate(1 px, 0 px) rotate(.5 deg)
    }
    34 % {
        transform: translate(1 px, 0 px) rotate(.5 deg)
    }
    36 % {
        transform: translate(0 px, 0 px) rotate(.5 deg)
    }
    38 % {
        transform: translate(1 px, 0 px) rotate(.5 deg)
    }
    40 % {
        transform: translate(0 px, 0 px) rotate(.5 deg)
    }
    42 % {
        transform: translate(1 px, 1 px) rotate(.5 deg)
    }
    44 % {
        transform: translate(1 px, 0 px) rotate(.5 deg)
    }
    46 % {
        transform: translate(0 px, 0 px) rotate(.5 deg)
    }
    48 % {
        transform: translate(1 px, 0 px) rotate(.5 deg)
    }
    50 % {
        transform: translate(1 px, 1 px) rotate(.5 deg)
    }
    52 % {
        transform: translate(0 px, 0 px) rotate(.5 deg)
    }
    54 % {
        transform: translate(1 px, 0 px) rotate(.5 deg)
    }
    56 % {
        transform: translate(0 px, 1 px) rotate(.5 deg)
    }
    58 % {
        transform: translate(0 px, 1 px) rotate(.5 deg)
    }
    60 % {
        transform: translate(0 px, 1 px) rotate(.5 deg)
    }
    62 % {
        transform: translate(1 px, 0 px) rotate(.5 deg)
    }
    64 % {
        transform: translate(1 px, 1 px) rotate(.5 deg)
    }
    66 % {
        transform: translate(1 px, 0 px) rotate(.5 deg)
    }
    68 % {
        transform: translate(0 px, 0 px) rotate(.5 deg)
    }
    70 % {
        transform: translate(1 px, 0 px) rotate(.5 deg)
    }
    72 % {
        transform: translate(0 px, 1 px) rotate(.5 deg)
    }
    74 % {
        transform: translate(0 px, 1 px) rotate(.5 deg)
    }
    76 % {
        transform: translate(1 px, 0 px) rotate(.5 deg)
    }
    78 % {
        transform: translate(0 px, 1 px) rotate(.5 deg)
    }
    80 % {
        transform: translate(1 px, 1 px) rotate(.5 deg)
    }
    82 % {
        transform: translate(0 px, 1 px) rotate(.5 deg)
    }
    84 % {
        transform: translate(0 px, 1 px) rotate(.5 deg)
    }
    86 % {
        transform: translate(1 px, 1 px) rotate(.5 deg)
    }
    88 % {
        transform: translate(1 px, 0 px) rotate(.5 deg)
    }
    90 % {
        transform: translate(0 px, 1 px) rotate(.5 deg)
    }
    92 % {
        transform: translate(1 px, 1 px) rotate(.5 deg)
    }
    94 % {
        transform: translate(1 px, 1 px) rotate(.5 deg)
    }
    96 % {
        transform: translate(1 px, 1 px) rotate(.5 deg)
    }
    98 % {
        transform: translate(1 px, 1 px) rotate(.5 deg)
    }
    0 % , 100 % {
        transform: translate(0, 0) rotate(0)
    }
}.shake - little: hover, .shake - trigger: hover.shake - little, .shake - little.shake - freeze, .shake - little.shake - constant {
    animation - name: shake - little;
    animation - duration: 100 ms;
    animation - timing - function: ease - in -out;
    animation - iteration - count: infinite
}
@keyframes shake - slow {
    2 % {
        transform: translate(6 px, 4 px) rotate(-2.5 deg)
    }
    4 % {
        transform: translate(0 px, 6 px) rotate(-2.5 deg)
    }
    6 % {
        transform: translate(4 px, -3 px) rotate(-2.5 deg)
    }
    8 % {
        transform: translate(4 px, 7 px) rotate(2.5 deg)
    }
    10 % {
        transform: translate(5 px, -2 px) rotate(-.5 deg)
    }
    12 % {
        transform: translate(9 px, 6 px) rotate(-1.5 deg)
    }
    14 % {
        transform: translate(1 px, 3 px) rotate(2.5 deg)
    }
    16 % {
        transform: translate(-6 px, 8 px) rotate(2.5 deg)
    }
    18 % {
        transform: translate(10 px, -8 px) rotate(1.5 deg)
    }
    20 % {
        transform: translate(-9 px, 1 px) rotate(-2.5 deg)
    }
    22 % {
        transform: translate(2 px, -3 px) rotate(.5 deg)
    }
    24 % {
        transform: translate(6 px, -2 px) rotate(-.5 deg)
    }
    26 % {
        transform: translate(-9 px, -3 px) rotate(2.5 deg)
    }
    28 % {
        transform: translate(10 px, 5 px) rotate(-1.5 deg)
    }
    30 % {
        transform: translate(0 px, -1 px) rotate(-2.5 deg)
    }
    32 % {
        transform: translate(-6 px, 9 px) rotate(2.5 deg)
    }
    34 % {
        transform: translate(4 px, 4 px) rotate(.5 deg)
    }
    36 % {
        transform: translate(9 px, 3 px) rotate(-2.5 deg)
    }
    38 % {
        transform: translate(2 px, -6 px) rotate(1.5 deg)
    }
    40 % {
        transform: translate(5 px, 9 px) rotate(2.5 deg)
    }
    42 % {
        transform: translate(-4 px, 6 px) rotate(2.5 deg)
    }
    44 % {
        transform: translate(3 px, 1 px) rotate(1.5 deg)
    }
    46 % {
        transform: translate(-7 px, -2 px) rotate(1.5 deg)
    }
    48 % {
        transform: translate(-3 px, 1 px) rotate(-2.5 deg)
    }
    50 % {
        transform: translate(-9 px, 5 px) rotate(-.5 deg)
    }
    52 % {
        transform: translate(-8 px, 2 px) rotate(-.5 deg)
    }
    54 % {
        transform: translate(8 px, -1 px) rotate(-1.5 deg)
    }
    56 % {
        transform: translate(-1 px, 5 px) rotate(1.5 deg)
    }
    58 % {
        transform: translate(-2 px, -9 px) rotate(-1.5 deg)
    }
    60 % {
        transform: translate(10 px, -9 px) rotate(-1.5 deg)
    }
    62 % {
        transform: translate(-4 px, 5 px) rotate(1.5 deg)
    }
    64 % {
        transform: translate(-9 px, -9 px) rotate(-.5 deg)
    }
    66 % {
        transform: translate(2 px, 3 px) rotate(-1.5 deg)
    }
    68 % {
        transform: translate(0 px, -4 px) rotate(2.5 deg)
    }
    70 % {
        transform: translate(-8 px, 5 px) rotate(3.5 deg)
    }
    72 % {
        transform: translate(-5 px, 2 px) rotate(-.5 deg)
    }
    74 % {
        transform: translate(1 px, -2 px) rotate(-1.5 deg)
    }
    76 % {
        transform: translate(10 px, 2 px) rotate(3.5 deg)
    }
    78 % {
        transform: translate(0 px, -7 px) rotate(-1.5 deg)
    }
    80 % {
        transform: translate(-8 px, 8 px) rotate(-.5 deg)
    }
    82 % {
        transform: translate(5 px, 4 px) rotate(-.5 deg)
    }
    84 % {
        transform: translate(-7 px, 1 px) rotate(2.5 deg)
    }
    86 % {
        transform: translate(8 px, 0 px) rotate(-2.5 deg)
    }
    88 % {
        transform: translate(4 px, -3 px) rotate(.5 deg)
    }
    90 % {
        transform: translate(-8 px, 7 px) rotate(-2.5 deg)
    }
    92 % {
        transform: translate(1 px, 1 px) rotate(-2.5 deg)
    }
    94 % {
        transform: translate(-5 px, 6 px) rotate(1.5 deg)
    }
    96 % {
        transform: translate(6 px, -5 px) rotate(2.5 deg)
    }
    98 % {
        transform: translate(-4 px, 0 px) rotate(.5 deg)
    }
    0 % , 100 % {
        transform: translate(0, 0) rotate(0)
    }
}.shake - slow: hover, .shake - trigger: hover.shake - slow, .shake - slow.shake - freeze, .shake - slow.shake - constant {
    animation - name: shake - slow;
    animation - duration: 5 s;
    animation - timing - function: ease - in -out;
    animation - iteration - count: infinite
}
@keyframes shake - hard {
    2 % {
        transform: translate(-3 px, 7 px) rotate(.5 deg)
    }
    4 % {
        transform: translate(6 px, -6 px) rotate(-1.5 deg)
    }
    6 % {
        transform: translate(-5 px, -2 px) rotate(3.5 deg)
    }
    8 % {
        transform: translate(0 px, 3 px) rotate(1.5 deg)
    }
    10 % {
        transform: translate(-6 px, 9 px) rotate(2.5 deg)
    }
    12 % {
        transform: translate(-5 px, 9 px) rotate(.5 deg)
    }
    14 % {
        transform: translate(8 px, 5 px) rotate(-2.5 deg)
    }
    16 % {
        transform: translate(3 px, 3 px) rotate(3.5 deg)
    }
    18 % {
        transform: translate(4 px, 10 px) rotate(-1.5 deg)
    }
    20 % {
        transform: translate(2 px, 6 px) rotate(-.5 deg)
    }
    22 % {
        transform: translate(-9 px, -2 px) rotate(-.5 deg)
    }
    24 % {
        transform: translate(-6 px, 3 px) rotate(-1.5 deg)
    }
    26 % {
        transform: translate(6 px, 5 px) rotate(1.5 deg)
    }
    28 % {
        transform: translate(3 px, 5 px) rotate(-2.5 deg)
    }
    30 % {
        transform: translate(4 px, -2 px) rotate(2.5 deg)
    }
    32 % {
        transform: translate(0 px, -6 px) rotate(2.5 deg)
    }
    34 % {
        transform: translate(6 px, -2 px) rotate(-.5 deg)
    }
    36 % {
        transform: translate(-2 px, 5 px) rotate(1.5 deg)
    }
    38 % {
        transform: translate(-2 px, 10 px) rotate(-.5 deg)
    }
    40 % {
        transform: translate(-3 px, -4 px) rotate(-2.5 deg)
    }
    42 % {
        transform: translate(9 px, 5 px) rotate(.5 deg)
    }
    44 % {
        transform: translate(10 px, -3 px) rotate(-1.5 deg)
    }
    46 % {
        transform: translate(0 px, 9 px) rotate(-1.5 deg)
    }
    48 % {
        transform: translate(-6 px, 5 px) rotate(2.5 deg)
    }
    50 % {
        transform: translate(5 px, -4 px) rotate(-1.5 deg)
    }
    52 % {
        transform: translate(2 px, 7 px) rotate(3.5 deg)
    }
    54 % {
        transform: translate(-8 px, -2 px) rotate(2.5 deg)
    }
    56 % {
        transform: translate(-4 px, 4 px) rotate(-2.5 deg)
    }
    58 % {
        transform: translate(-9 px, 10 px) rotate(3.5 deg)
    }
    60 % {
        transform: translate(1 px, 6 px) rotate(1.5 deg)
    }
    62 % {
        transform: translate(-8 px, -1 px) rotate(-.5 deg)
    }
    64 % {
        transform: translate(1 px, -9 px) rotate(-.5 deg)
    }
    66 % {
        transform: translate(9 px, 2 px) rotate(1.5 deg)
    }
    68 % {
        transform: translate(3 px, -1 px) rotate(-2.5 deg)
    }
    70 % {
        transform: translate(-9 px, 3 px) rotate(-2.5 deg)
    }
    72 % {
        transform: translate(10 px, -4 px) rotate(3.5 deg)
    }
    74 % {
        transform: translate(8 px, -9 px) rotate(-2.5 deg)
    }
    76 % {
        transform: translate(-1 px, 6 px) rotate(2.5 deg)
    }
    78 % {
        transform: translate(-7 px, 0 px) rotate(-2.5 deg)
    }
    80 % {
        transform: translate(-2 px, -2 px) rotate(3.5 deg)
    }
    82 % {
        transform: translate(-6 px, 10 px) rotate(-1.5 deg)
    }
    84 % {
        transform: translate(-6 px, -2 px) rotate(-1.5 deg)
    }
    86 % {
        transform: translate(-8 px, -3 px) rotate(.5 deg)
    }
    88 % {
        transform: translate(-3 px, -8 px) rotate(-.5 deg)
    }
    90 % {
        transform: translate(-5 px, 0 px) rotate(-1.5 deg)
    }
    92 % {
        transform: translate(-7 px, 4 px) rotate(.5 deg)
    }
    94 % {
        transform: translate(0 px, -1 px) rotate(-2.5 deg)
    }
    96 % {
        transform: translate(0 px, -4 px) rotate(-.5 deg)
    }
    98 % {
        transform: translate(0 px, -4 px) rotate(.5 deg)
    }
    0 % , 100 % {
        transform: translate(0, 0) rotate(0)
    }
}.shake - hard: hover, .shake - trigger: hover.shake - hard, .shake - hard.shake - freeze, .shake - hard.shake - constant {
    animation - name: shake - hard;
    animation - duration: 100 ms;
    animation - timing - function: ease - in -out;
    animation - iteration - count: infinite
}
@keyframes shake - horizontal {
    2 % {
        transform: translate(2 px, 0) rotate(0)
    }
    4 % {
        transform: translate(10 px, 0) rotate(0)
    }
    6 % {
        transform: translate(-2 px, 0) rotate(0)
    }
    8 % {
        transform: translate(-6 px, 0) rotate(0)
    }
    10 % {
        transform: translate(7 px, 0) rotate(0)
    }
    12 % {
        transform: translate(3 px, 0) rotate(0)
    }
    14 % {
        transform: translate(10 px, 0) rotate(0)
    }
    16 % {
        transform: translate(2 px, 0) rotate(0)
    }
    18 % {
        transform: translate(-7 px, 0) rotate(0)
    }
    20 % {
        transform: translate(-6 px, 0) rotate(0)
    }
    22 % {
        transform: translate(1 px, 0) rotate(0)
    }
    24 % {
        transform: translate(-8 px, 0) rotate(0)
    }
    26 % {
        transform: translate(-2 px, 0) rotate(0)
    }
    28 % {
        transform: translate(5 px, 0) rotate(0)
    }
    30 % {
        transform: translate(7 px, 0) rotate(0)
    }
    32 % {
        transform: translate(0 px, 0) rotate(0)
    }
    34 % {
        transform: translate(3 px, 0) rotate(0)
    }
    36 % {
        transform: translate(2 px, 0) rotate(0)
    }
    38 % {
        transform: translate(-9 px, 0) rotate(0)
    }
    40 % {
        transform: translate(-9 px, 0) rotate(0)
    }
    42 % {
        transform: translate(-5 px, 0) rotate(0)
    }
    44 % {
        transform: translate(-7 px, 0) rotate(0)
    }
    46 % {
        transform: translate(-4 px, 0) rotate(0)
    }
    48 % {
        transform: translate(0 px, 0) rotate(0)
    }
    50 % {
        transform: translate(-6 px, 0) rotate(0)
    }
    52 % {
        transform: translate(-9 px, 0) rotate(0)
    }
    54 % {
        transform: translate(0 px, 0) rotate(0)
    }
    56 % {
        transform: translate(1 px, 0) rotate(0)
    }
    58 % {
        transform: translate(2 px, 0) rotate(0)
    }
    60 % {
        transform: translate(0 px, 0) rotate(0)
    }
    62 % {
        transform: translate(1 px, 0) rotate(0)
    }
    64 % {
        transform: translate(1 px, 0) rotate(0)
    }
    66 % {
        transform: translate(-2 px, 0) rotate(0)
    }
    68 % {
        transform: translate(-4 px, 0) rotate(0)
    }
    70 % {
        transform: translate(-8 px, 0) rotate(0)
    }
    72 % {
        transform: translate(3 px, 0) rotate(0)
    }
    74 % {
        transform: translate(1 px, 0) rotate(0)
    }
    76 % {
        transform: translate(-4 px, 0) rotate(0)
    }
    78 % {
        transform: translate(1 px, 0) rotate(0)
    }
    80 % {
        transform: translate(0 px, 0) rotate(0)
    }
    82 % {
        transform: translate(6 px, 0) rotate(0)
    }
    84 % {
        transform: translate(-3 px, 0) rotate(0)
    }
    86 % {
        transform: translate(-7 px, 0) rotate(0)
    }
    88 % {
        transform: translate(-1 px, 0) rotate(0)
    }
    90 % {
        transform: translate(-2 px, 0) rotate(0)
    }
    92 % {
        transform: translate(7 px, 0) rotate(0)
    }
    94 % {
        transform: translate(2 px, 0) rotate(0)
    }
    96 % {
        transform: translate(-7 px, 0) rotate(0)
    }
    98 % {
        transform: translate(2 px, 0) rotate(0)
    }
    0 % , 100 % {
        transform: translate(0, 0) rotate(0)
    }
}.shake - horizontal: hover, .shake - trigger: hover.shake - horizontal, .shake - horizontal.shake - freeze, .shake - horizontal.shake - constant {
    animation - name: shake - horizontal;
    animation - duration: 100 ms;
    animation - timing - function: ease - in -out;
    animation - iteration - count: infinite
}
@keyframes shake - vertical {
    2 % {
        transform: translate(0, 4 px) rotate(0)
    }
    4 % {
        transform: translate(0, -6 px) rotate(0)
    }
    6 % {
        transform: translate(0, 7 px) rotate(0)
    }
    8 % {
        transform: translate(0, -5 px) rotate(0)
    }
    10 % {
        transform: translate(0, 5 px) rotate(0)
    }
    12 % {
        transform: translate(0, 1 px) rotate(0)
    }
    14 % {
        transform: translate(0, 4 px) rotate(0)
    }
    16 % {
        transform: translate(0, -1 px) rotate(0)
    }
    18 % {
        transform: translate(0, 6 px) rotate(0)
    }
    20 % {
        transform: translate(0, 2 px) rotate(0)
    }
    22 % {
        transform: translate(0, 9 px) rotate(0)
    }
    24 % {
        transform: translate(0, -2 px) rotate(0)
    }
    26 % {
        transform: translate(0, -3 px) rotate(0)
    }
    28 % {
        transform: translate(0, 0 px) rotate(0)
    }
    30 % {
        transform: translate(0, 6 px) rotate(0)
    }
    32 % {
        transform: translate(0, 10 px) rotate(0)
    }
    34 % {
        transform: translate(0, -8 px) rotate(0)
    }
    36 % {
        transform: translate(0, 3 px) rotate(0)
    }
    38 % {
        transform: translate(0, 7 px) rotate(0)
    }
    40 % {
        transform: translate(0, 7 px) rotate(0)
    }
    42 % {
        transform: translate(0, -9 px) rotate(0)
    }
    44 % {
        transform: translate(0, 0 px) rotate(0)
    }
    46 % {
        transform: translate(0, 7 px) rotate(0)
    }
    48 % {
        transform: translate(0, 7 px) rotate(0)
    }
    50 % {
        transform: translate(0, -6 px) rotate(0)
    }
    52 % {
        transform: translate(0, 3 px) rotate(0)
    }
    54 % {
        transform: translate(0, 8 px) rotate(0)
    }
    56 % {
        transform: translate(0, 7 px) rotate(0)
    }
    58 % {
        transform: translate(0, -9 px) rotate(0)
    }
    60 % {
        transform: translate(0, 4 px) rotate(0)
    }
    62 % {
        transform: translate(0, -9 px) rotate(0)
    }
    64 % {
        transform: translate(0, -7 px) rotate(0)
    }
    66 % {
        transform: translate(0, -8 px) rotate(0)
    }
    68 % {
        transform: translate(0, 5 px) rotate(0)
    }
    70 % {
        transform: translate(0, -4 px) rotate(0)
    }
    72 % {
        transform: translate(0, -1 px) rotate(0)
    }
    74 % {
        transform: translate(0, -7 px) rotate(0)
    }
    76 % {
        transform: translate(0, -2 px) rotate(0)
    }
    78 % {
        transform: translate(0, 9 px) rotate(0)
    }
    80 % {
        transform: translate(0, -7 px) rotate(0)
    }
    82 % {
        transform: translate(0, 10 px) rotate(0)
    }
    84 % {
        transform: translate(0, 5 px) rotate(0)
    }
    86 % {
        transform: translate(0, -5 px) rotate(0)
    }
    88 % {
        transform: translate(0, -5 px) rotate(0)
    }
    90 % {
        transform: translate(0, -5 px) rotate(0)
    }
    92 % {
        transform: translate(0, -5 px) rotate(0)
    }
    94 % {
        transform: translate(0, 0 px) rotate(0)
    }
    96 % {
        transform: translate(0, -2 px) rotate(0)
    }
    98 % {
        transform: translate(0, 6 px) rotate(0)
    }
    0 % , 100 % {
        transform: translate(0, 0) rotate(0)
    }
}.shake - vertical: hover, .shake - trigger: hover.shake - vertical, .shake - vertical.shake - freeze, .shake - vertical.shake - constant {
    animation - name: shake - vertical;
    animation - duration: 100 ms;
    animation - timing - function: ease - in -out;
    animation - iteration - count: infinite
}
@keyframes shake - rotate {
    2 % {
        transform: translate(0, 0) rotate(-2.5 deg)
    }
    4 % {
        transform: translate(0, 0) rotate(1.5 deg)
    }
    6 % {
        transform: translate(0, 0) rotate(-.5 deg)
    }
    8 % {
        transform: translate(0, 0) rotate(-6.5 deg)
    }
    10 % {
        transform: translate(0, 0) rotate(.5 deg)
    }
    12 % {
        transform: translate(0, 0) rotate(-3.5 deg)
    }
    14 % {
        transform: translate(0, 0) rotate(-5.5 deg)
    }
    16 % {
        transform: translate(0, 0) rotate(2.5 deg)
    }
    18 % {
        transform: translate(0, 0) rotate(5.5 deg)
    }
    20 % {
        transform: translate(0, 0) rotate(-3.5 deg)
    }
    22 % {
        transform: translate(0, 0) rotate(-5.5 deg)
    }
    24 % {
        transform: translate(0, 0) rotate(-5.5 deg)
    }
    26 % {
        transform: translate(0, 0) rotate(-6.5 deg)
    }
    28 % {
        transform: translate(0, 0) rotate(3.5 deg)
    }
    30 % {
        transform: translate(0, 0) rotate(-.5 deg)
    }
    32 % {
        transform: translate(0, 0) rotate(2.5 deg)
    }
    34 % {
        transform: translate(0, 0) rotate(-1.5 deg)
    }
    36 % {
        transform: translate(0, 0) rotate(-.5 deg)
    }
    38 % {
        transform: translate(0, 0) rotate(-1.5 deg)
    }
    40 % {
        transform: translate(0, 0) rotate(5.5 deg)
    }
    42 % {
        transform: translate(0, 0) rotate(2.5 deg)
    }
    44 % {
        transform: translate(0, 0) rotate(1.5 deg)
    }
    46 % {
        transform: translate(0, 0) rotate(-6.5 deg)
    }
    48 % {
        transform: translate(0, 0) rotate(-3.5 deg)
    }
    50 % {
        transform: translate(0, 0) rotate(-6.5 deg)
    }
    52 % {
        transform: translate(0, 0) rotate(-6.5 deg)
    }
    54 % {
        transform: translate(0, 0) rotate(-6.5 deg)
    }
    56 % {
        transform: translate(0, 0) rotate(2.5 deg)
    }
    58 % {
        transform: translate(0, 0) rotate(1.5 deg)
    }
    60 % {
        transform: translate(0, 0) rotate(4.5 deg)
    }
    62 % {
        transform: translate(0, 0) rotate(-2.5 deg)
    }
    64 % {
        transform: translate(0, 0) rotate(-.5 deg)
    }
    66 % {
        transform: translate(0, 0) rotate(-2.5 deg)
    }
    68 % {
        transform: translate(0, 0) rotate(3.5 deg)
    }
    70 % {
        transform: translate(0, 0) rotate(7.5 deg)
    }
    72 % {
        transform: translate(0, 0) rotate(4.5 deg)
    }
    74 % {
        transform: translate(0, 0) rotate(-2.5 deg)
    }
    76 % {
        transform: translate(0, 0) rotate(2.5 deg)
    }
    78 % {
        transform: translate(0, 0) rotate(3.5 deg)
    }
    80 % {
        transform: translate(0, 0) rotate(-5.5 deg)
    }
    82 % {
        transform: translate(0, 0) rotate(-.5 deg)
    }
    84 % {
        transform: translate(0, 0) rotate(.5 deg)
    }
    86 % {
        transform: translate(0, 0) rotate(-4.5 deg)
    }
    88 % {
        transform: translate(0, 0) rotate(-.5 deg)
    }
    90 % {
        transform: translate(0, 0) rotate(-2.5 deg)
    }
    92 % {
        transform: translate(0, 0) rotate(4.5 deg)
    }
    94 % {
        transform: translate(0, 0) rotate(3.5 deg)
    }
    96 % {
        transform: translate(0, 0) rotate(-5.5 deg)
    }
    98 % {
        transform: translate(0, 0) rotate(-3.5 deg)
    }
    0 % , 100 % {
        transform: translate(0, 0) rotate(0)
    }
}.shake - rotate: hover, .shake - trigger: hover.shake - rotate, .shake - rotate.shake - freeze, .shake - rotate.shake - constant {
    animation - name: shake - rotate;
    animation - duration: 100 ms;
    animation - timing - function: ease - in -out;
    animation - iteration - count: infinite
}
@keyframes shake - opacity {
    10 % {
        transform: translate(3 px, 2 px) rotate(.5 deg);opacity: .75
    }
    20 % {
        transform: translate(-3 px, 2 px) rotate(-1.5 deg);opacity: .84
    }
    30 % {
        transform: translate(4 px, 1 px) rotate(-1.5 deg);opacity: .78
    }
    40 % {
        transform: translate(1 px, -1 px) rotate(-1.5 deg);opacity: .62
    }
    50 % {
        transform: translate(2 px, 1 px) rotate(2.5 deg);opacity: .32
    }
    60 % {
        transform: translate(0 px, 0 px) rotate(.5 deg);opacity: .94
    }
    70 % {
        transform: translate(-3 px, 5 px) rotate(1.5 deg);opacity: .28
    }
    80 % {
        transform: translate(-2 px, 3 px) rotate(.5 deg);opacity: .04
    }
    90 % {
        transform: translate(3 px, 2 px) rotate(2.5 deg);opacity: .38
    }
    0 % , 100 % {
        transform: translate(0, 0) rotate(0)
    }
}.shake - opacity: hover, .shake - trigger: hover.shake - opacity, .shake - opacity.shake - freeze, .shake - opacity.shake - constant {
    animation - name: shake - opacity;
    animation - duration: .5 s;
    animation - timing - function: ease - in -out;
    animation - iteration - count: infinite
}
@keyframes shake - crazy {
    10 % {
        transform: translate(-6 px, 4 px) rotate(10 deg);opacity: 1
    }
    20 % {
        transform: translate(17 px, 1 px) rotate(0 deg);opacity: .9
    }
    30 % {
        transform: translate(20 px, 19 px) rotate(-9 deg);opacity: .63
    }
    40 % {
        transform: translate(15 px, -1 px) rotate(-3 deg);opacity: .1
    }
    50 % {
        transform: translate(-5 px, -12 px) rotate(10 deg);opacity: .97
    }
    60 % {
        transform: translate(7 px, 8 px) rotate(5 deg);opacity: .14
    }
    70 % {
        transform: translate(9 px, 13 px) rotate(-5 deg);opacity: .42
    }
    80 % {
        transform: translate(20 px, -18 px) rotate(4 deg);opacity: .67
    }
    90 % {
        transform: translate(-3 px, -18 px) rotate(6 deg);opacity: .33
    }
    0 % , 100 % {
        transform: translate(0, 0) rotate(0)
    }
}.shake - crazy: hover, .shake - trigger: hover.shake - crazy, .shake - crazy.shake - freeze, .shake - crazy.shake - constant {
    animation - name: shake - crazy;
    animation - duration: 100 ms;
    animation - timing - function: ease - in -out;
    animation - iteration - count: infinite
}
@keyframes shake - chunk {
    2 % {
        transform: translate(13 px, -13 px) rotate(-9 deg)
    }
    4 % {
        transform: translate(-10 px, 14 px) rotate(-13 deg)
    }
    6 % {
        transform: translate(-5 px, -6 px) rotate(-3 deg)
    }
    8 % {
        transform: translate(15 px, 9 px) rotate(5 deg)
    }
    10 % {
        transform: translate(-8 px, 14 px) rotate(2 deg)
    }
    12 % {
        transform: translate(13 px, -7 px) rotate(-4 deg)
    }
    14 % {
        transform: translate(0 px, -13 px) rotate(-13 deg)
    }
    16 % {
        transform: translate(-7 px, -11 px) rotate(-13 deg)
    }
    18 % {
        transform: translate(7 px, -4 px) rotate(-10 deg)
    }
    20 % {
        transform: translate(-6 px, -9 px) rotate(-9 deg)
    }
    22 % {
        transform: translate(-10 px, 10 px) rotate(4 deg)
    }
    24 % {
        transform: translate(2 px, 2 px) rotate(2 deg)
    }
    26 % {
        transform: translate(13 px, 14 px) rotate(13 deg)
    }
    28 % {
        transform: translate(-11 px, 15 px) rotate(2 deg)
    }
    30 % {
        transform: translate(11 px, -14 px) rotate(12 deg)
    }
    32 % {
        transform: translate(6 px, -9 px) rotate(1 deg)
    }
    34 % {
        transform: translate(-10 px, 14 px) rotate(0 deg)
    }
    36 % {
        transform: translate(-1 px, -13 px) rotate(3 deg)
    }
    38 % {
        transform: translate(-6 px, 2 px) rotate(-2 deg)
    }
    0 % , 40 % , 100 % {
        transform: translate(0, 0) rotate(0)
    }
}.shake - chunk: hover, .shake - trigger: hover.shake - chunk, .shake - chunk.shake - freeze, .shake - chunk.shake - constant {
    animation - name: shake - chunk;
    animation - duration: 4 s;
    animation - timing - function: ease - in -out;
    animation - iteration - count: infinite
}