﻿.reason:hover > i.reasonicon-updown { animation: handshake 0.7s ease; }

@-webkit-keyframes handshake {
  0%   { transform: translateY(0); }
  30%  { transform: translateY(10px); }
  60%  { transform: translateY(-4px); }
  100% { transform: translateY(0); }
}

@keyframes handshake {
  0%   { transform: translateY(0); }
  30%  { transform: translateY(10px); }
  60%  { transform: translateY(-4px); }
  100% { transform: translateY(0); }
}

.reason:hover > i.reasonicon-swipes { animation: searchswipes 2.25s ease; }

@-webkit-keyframes searchswipes {
  0%   { transform: translateX(0); }
  25%  { transform: translateX(-4vw) translateY(-30px) scale(.7); }
  50%  { transform: translateX(3vw) translateY(-15px) scale(.9); }
  75%  { transform: translateX(-2vw) translateY(20px) scale(.8); }
  100% { transform: translateX(0) translateY(0) scale(1); }
}

@keyframes searchswipes {
  0%   { transform: translateX(0); }
  25%  { transform: translateX(-4vw) translateY(-30px) scale(.7); }
  50%  { transform: translateX(3vw) translateY(-15px) scale(.9); }
  75%  { transform: translateX(-2vw) translateY(20px) scale(.8); }
  100% { transform: translateX(0) translateY(0) scale(1); }
}

.reason:hover > i.reasonicon-squish { animation: stopwatchsquish .4s ease-out; transform-origin: 50% 100%; }

@-webkit-keyframes stopwatchsquish {
  0%   { transform: scale(1); }
  40%  { transform: scale(.97) scaleY(.97); transform-origin: 50% 100%; }
  100% { transform: scale(1); }
}

@keyframes stopwatchsquish {
  0%   { transform: scale(1); }
  40%  { transform: scale(.97) scaleY(.97); transform-origin: 50% 100%; }
  100% { transform: scale(1); }
}

.reason:hover > i.reasonicon-bob { animation: awardbob .7s ease; }

@-webkit-keyframes awardbob {
  0%   { transform: translateX(0); }
  25%  { transform: translateX(-4vw) translateY(-30px) scale(.75); }
  50%  { transform: translateX(3vw) translateY(-15px) scale(1.1); }
  75%  { transform: translateX(-1.5vw) translateY(15px) scale(.85); }
  100% { transform: translateX(0) translateY(0) scale(1); }
}

@keyframes awardbob {
  0%   { transform: scale(1); }
  40%  { transform: translateY(-2px) scale(1.06); }
  100% { transform: scale(1); }
}