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

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

@-webkit-keyframes enter-background-shadow {
  0% {
    -webkit-transform: scaleX(0.9);
    transform: scaleX(0.9);
    opacity: 0;
    box-shadow: none;
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
    box-shadow: 15px 0 30px 0 rgba(0, 0, 0, 0.18);
  }
}

@keyframes enter-background-shadow {
  0% {
    -webkit-transform: scaleX(0.9);
    transform: scaleX(0.9);
    opacity: 0;
    box-shadow: none;
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
    box-shadow: 15px 0 30px 0 rgba(0, 0, 0, 0.18);
  }
}

@-webkit-keyframes transition {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
  }
}

@keyframes transition {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
  }
}