@mixin fx-pop($namespace: emb) {
  ##{$namespace} .pop.in {
    -webkit-animation-name: popIn;
  }

  ##{$namespace} .pop.out {
    -webkit-animation-name: popOut;
  }

  @-webkit-keyframes popIn {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.2);
    }

    100% {
      opacity: 1;
      -webkit-transform: scale(1);
    }
  }

  @-webkit-keyframes popOut {
    0% {
      opacity: 1;
      -webkit-transform: scale(1);
    }

    100% {
      opacity: 0;
      -webkit-transform: scale(0.2);
    }
  }
}
