/* Animation classes */
.shake {
  animation: shake 400ms both;
}

@keyframes shake {
  0% {
    transform: translateX(-2rem);
  }
  25% {
    transform: translateX(2rem);
  }
  50% {
    transform: translateX(-1rem);
  }
  75% {
    transform: translateX(1rem);
  }
}

.expanded {
  animation: expand 400ms both;
}

@keyframes expand {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(180deg);
  }
}

.collapsed {
  animation: collapse 400ms both;
}

@keyframes collapse {
  from {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(0deg);
  }
}