.new-item {
  /* 0 does not work so we have to use a small number */
  /* Start our small */
  flex: .00001;
  background: rgba(0, 0, 0, 0.4);
  -webkit-animation: flexGrow 500ms ease forwards;
  -o-animation: flexGrow 500ms ease forwards;
  animation: flexGrow 500ms ease forwards; }

.remove-item {
  flex: 1;
  -webkit-animation: flexShrink 1s ease forwards;
  -o-animation: flexShrink 500ms ease forwards;
  animation: flexShrink 500ms ease forwards; }

@-webkit-keyframes flexGrow {
  to {
    flex: 1; } }

@-o-keyframes flexGrow {
  to {
    flex: 1; } }

@keyframes flexGrow {
  to {
    flex: 1; } }

@-webkit-keyframes flexShrink {
  to {
    flex: .01;
    flex: .00001; } }

@-o-keyframes flexShrink {
  to {
    flex: .01;
    flex: .00001; } }

@keyframes flexShrink {
  to {
    flex: .01;
    flex: .00001; } }