@-webkit-keyframes element-appear {
  0% {
    opacity: 0;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}

@keyframes element-appear {
  0% {
    opacity: 0;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}

@keyframes play-to-pause {
  0% {
    opacity: 0;
    content: '\f04c';
  }
  100% {
    opacity: 1;
  }
}

@keyframes pause-to-play {
  0% {
    opacity: 0;
    content: '\f04b';
  }
  100% {
    opacity: 1;
  }
}

@keyframes rightToLeft {
  0% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  50% {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    z-index: 200;

    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
}

@-webkit-keyframes rightToLeft {
  0% {
    -webkit-transform: translateX(20px);
  }
  50% {
    -webkit-transform: translateX(-20px);
  }
  100% {
    z-index: 200;

    -webkit-transform: translateX(20px);
  }
}

@keyframes leftToRight {
  0% {
    z-index: 200;

    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  50% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
}

@-webkit-keyframes leftToRight {
  0% {
    z-index: 200;

    -webkit-transform: translateX(-20px);
  }
  50% {
    -webkit-transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(-20px);
  }
}

@-webkit-keyframes container-entrance {
  from {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);

    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);

    opacity: 1;
  }
}

@keyframes container-entrance {
  from {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);

    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);

    opacity: 1;
  }
}