/*! * * * * * * * * * * * * * * * * * * * *\  
  CSShake :: shake-little
  v1.6.0
  CSS classes to move your DOM
  (c) 2015 @elrumordelaluz
  http://elrumordelaluz.github.io/csshake/
  Licensed under MIT
  Edited
\* * * * * * * * * * * * * * * * * * * * */
  .shake-0 {
    --shake-amount: 0px;
  }
  .shake-1px {
    --shake-amount: 1px;
  }
  .shake-1_1px {
    --shake-amount: 1.1px;
  }
  .shake-1_2px {
    --shake-amount: 1.2px;
  }
  .shake-1_3px {
    --shake-amount: 1.3px;
  }
  .shake-1_4px {
    --shake-amount: 1.4px;
  }
  .shake-1_5px {
    --shake-amount: 1.5px;
  }
  .shake-1_6px {
    --shake-amount: 1.6px;
  }
  .shake-1_7px {
    --shake-amount: 1.7px;
  }
  .shake-1_8px {
    --shake-amount: 1.8px;
  }
  .shake-1_9px {
    --shake-amount: 1.9px;
  }
  .shake-2px {
    --shake-amount: 2px;
  }
  .shake-2_5px {
    --shake-amount: 2.5px;
  }
  .shake-3px {
    --shake-amount: 3px;
  }

  .shake-little {
    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-little:hover, .shake-trigger:hover .shake-little, .shake-freeze:hover,
  .shake-trigger:hover .shake-freeze {
    animation-play-state: running;
  }
  
  @keyframes shake-little {
    2% {
      transform: translate(0px, 0px);
    }
    4% {
      transform: translate(var(--shake-amount), var(--shake-amount));
    }
    6% {
      transform: translate(var(--shake-amount), 0px);
    }
    8% {
      transform: translate(var(--shake-amount), 0px);
    }
    10% {
      transform: translate(var(--shake-amount), var(--shake-amount));
    }
    12% {
      transform: translate(var(--shake-amount), 0px);
    }
    14% {
      transform: translate(0px, var(--shake-amount));
    }
    16% {
      transform: translate(var(--shake-amount), var(--shake-amount));
    }
    18% {
      transform: translate(0px, var(--shake-amount));
    }
    20% {
      transform: translate(0px, 0px);
    }
    22% {
      transform: translate(0px, 0px);
    }
    24% {
      transform: translate(var(--shake-amount), 0px);
    }
    26% {
      transform: translate(var(--shake-amount), var(--shake-amount));
    }
    28% {
      transform: translate(0px, 0px);
    }
    30% {
      transform: translate(0px, 0px);
    }
    32% {
      transform: translate(0px, 0px);
    }
    34% {
      transform: translate(0px, 0px);
    }
    36% {
      transform: translate(var(--shake-amount), var(--shake-amount));
    }
    38% {
      transform: translate(0px, var(--shake-amount));
    }
    40% {
      transform: translate(0px, 0px);
    }
    42% {
      transform: translate(var(--shake-amount), 0px);
    }
    44% {
      transform: translate(0px, 0px);
    }
    46% {
      transform: translate(var(--shake-amount), var(--shake-amount));
    }
    48% {
      transform: translate(var(--shake-amount), 0px);
    }
    50% {
      transform: translate(var(--shake-amount), var(--shake-amount));
    }
    52% {
      transform: translate(var(--shake-amount), 0px);
    }
    54% {
      transform: translate(0px, 0px);
    }
    56% {
      transform: translate(var(--shake-amount), 0px);
    }
    58% {
      transform: translate(0px, var(--shake-amount));
    }
    60% {
      transform: translate(var(--shake-amount), var(--shake-amount));
    }
    62% {
      transform: translate(var(--shake-amount), var(--shake-amount));
    }
    64% {
      transform: translate(var(--shake-amount), 0px);
    }
    66% {
      transform: translate(0px, 0px);
    }
    68% {
      transform: translate(var(--shake-amount), 0px);
    }
    70% {
      transform: translate(var(--shake-amount), var(--shake-amount));
    }
    72% {
      transform: translate(var(--shake-amount), 0px);
    }
    74% {
      transform: translate(0px, 0px);
    }
    76% {
      transform: translate(0px, var(--shake-amount));
    }
    78% {
      transform: translate(var(--shake-amount), 0px);
    }
    80% {
      transform: translate(var(--shake-amount), 0px);
    }
    82% {
      transform: translate(0px, 0px);
    }
    84% {
      transform: translate(var(--shake-amount), var(--shake-amount));
    }
    86% {
      transform: translate(0px, var(--shake-amount));
    }
    88% {
      transform: translate(var(--shake-amount), var(--shake-amount));
    }
    90% {
      transform: translate(0px, 0px);
    }
    92% {
      transform: translate(0px, var(--shake-amount));
    }
    94% {
      transform: translate(var(--shake-amount), 0px);
    }
    96% {
      transform: translate(0px, var(--shake-amount));
    }
    98% {
      transform: translate(var(--shake-amount), 0px);
    }
    0%, 100% {
      transform: translate(0, 0);
    }
  }
  .shake-little:hover, .shake-trigger:hover .shake-little, .shake-little.shake-freeze, .shake-little.shake-constant {
    animation-name: shake-little;
    animation-duration: 100ms;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
  }