@keyframes new {
  0% { transform: rotate(-20deg);}
  50% { transform: rotate(20deg);}
  100% { transform: rotate(-20deg);}
}

@keyframes editted {
  0% { transform: scale(0.8);}
  50% { transform: scale(1.2);}
  100% { transform: scale(0.8);}
}

@keyframes staged {
  0% { transform: translateX(-2px);}
  50% { transform: translateX(2px);}
  100% { transform: translateX(-2px);}
}

@keyframes committed {
  0% { transform: scale(1);}
  50% { transform: scale(1.05);}
  100% { transform: scale(1);}
}

.new{
  animation-name: new;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

.staged{
  animation-name: staged;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
}

.editted{
  animation-name: new;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
.committed{
  animation-name: committed;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}