@keyframes slide-up-in {
  from {
    transform: translateY(100%); }
  to {
    transform: translateY(0);
    opacity: 1; } }
@keyframes slide-up-out {
  from {
    transform: translateY(0); }
  to {
    transform: translateY(100%);
    opacity: 0; } }
@keyframes slide-down-in {
  from {
    transform: translateY(-100%); }
  to {
    transform: translateY(0);
    opacity: 1; } }
@keyframes slide-down-out {
  from {
    transform: translateY(0); }
  to {
    transform: translateY(-100%);
    opacity: 0; } }
@keyframes slide-left-in {
  from {
    transform: translateX(-100%); }
  to {
    transform: translateX(0);
    opacity: 1; } }
@keyframes slide-left-out {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(-100%);
    opacity: 0; } }
@keyframes slide-right-in {
  from {
    transform: translateX(100%); }
  to {
    transform: translateX(0);
    opacity: 1; } }
@keyframes slide-right-out {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(100%);
    opacity: 0; } }
.slide-up-in, .slide-down-in, .slide-left-in, .slide-right-in, .slide-up-out, .slide-down-out, .slide-left-out, .slide-right-out {
  will-change: transform;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-duration: 700ms; }

.slide-up-in, .slide-down-in, .slide-left-in, .slide-right-in {
  opacity: 0; }

.slide-up-out, .slide-down-out, .slide-left-out, .slide-right-out {
  opacity: 1; }

.slide-up-in {
  animation-name: slide-up-in; }
.slide-up-out {
  animation-name: slide-up-out; }
.slide-down-in {
  animation-name: slide-down-in; }
.slide-down-out {
  animation-name: slide-down-out; }
.slide-left-in {
  animation-name: slide-left-in; }
.slide-left-out {
  animation-name: slide-left-out; }
.slide-right-in {
  animation-name: slide-right-in; }
.slide-right-out {
  animation-name: slide-right-out; }

@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
.fade-in, .fade-out {
  will-change: opacity;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-duration: 600ms; }

.fade-in {
  animation-name: fade-in; }
.fade-out {
  animation-name: fade-out; }

@keyframes zoom-in {
  from {
    transform: scale(0); }
  to {
    transform: scale(1);
    opacity: 1; } }
@keyframes zoom-in-radial {
  from {
    transform: scale(0);
    border-radius: 100%; }
  to {
    transform: scale(1);
    border-radius: 0;
    opacity: 1; } }
@keyframes zoom-out {
  from {
    transform: scale(1); }
  to {
    transform: scale(0);
    opacity: 0; } }
@keyframes zoom-out-radial {
  from {
    transform: scale(1);
    border-radius: 100%; }
  to {
    transform: scale(0);
    opacity: 0;
    border-radius: 0; } }
.zoom-in-radial, .zoom-in {
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-duration: 400ms; }

.zoom-in-radial, .zoom-in {
  opacity: 0;
  will-change: transform, opacity; }

.zoom-in-radial {
  will-change: transform, opacity, border-radius;
  border-radius: 100%; }

.zoom-out-radial, .zoom-out {
  will-change: transform, opacity;
  opacity: 1; }

.zoom-out-radial {
  will-change: transform, opacity, border-radius; }

.zoom-in {
  animation-name: zoom-in; }
  .zoom-in-radial {
    animation-name: zoom-in-radial; }
.zoom-out {
  animation-name: zoom-out; }
  .zoom-out-radial {
    animation-name: zoom-out-radial; }

@keyframes pulse {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }
.pulse {
  will-change: transform;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-duration: 400ms;
  animation-name: pulse; }

@keyframes flip-x-in {
  from {
    transform: rotateX(90deg); }
  to {
    transform: none; } }
@keyframes flip-x-out {
  from {
    transform: none; }
  to {
    transform: rotateX(90deg); } }
@keyframes flip-y-in {
  from {
    transform: rotateY(90deg); }
  to {
    transform: none; } }
@keyframes flip-y-out {
  from {
    transform: none; }
  to {
    transform: rotateY(90deg); } }
.flip-top-in, .flip-top-out, .flip-bottom-in, .flip-bottom-out {
  will-change: transform;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-duration: 1000ms; }

.flip-top-in, .flip-top-out {
  transform-origin: top; }

.flip-bottom-in, .flip-bottom-out {
  transform-origin: bottom; }

.flip-left-in, .flip-left-out {
  transform-origin: left; }

.flip-right-in, .flip-right-out {
  transform-origin: right; }

.flip-top-in {
  animation-name: flip-x-in; }
.flip-top-out {
  animation-name: flip-x-out; }
.flip-bottom-in {
  animation-name: flip-x-in; }
.flip-bottom-out {
  animation-name: flip-x-out; }
.flip-left-in {
  animation-name: flip-y-in; }
.flip-left-out {
  animation-name: flip-y-out; }
.flip-right-in {
  animation-name: flip-y-in; }
.flip-right-out {
  animation-name: flip-y-out; }

@keyframes bounce-top-in {
  0% {
    transform: translateY(-150%); }
  30% {
    transform: translateY(0); }
  45% {
    transform: translateY(-50%); }
  55% {
    transform: translateY(0); }
  65% {
    transform: translateY(-25%); }
  70% {
    transform: translateY(0); }
  80% {
    transform: translateY(-10%); }
  90% {
    transform: translateY(0); }
  95% {
    transform: translateY(-5%); }
  100% {
    transform: translateY(0); } }
.bounce-top-in {
  will-change: transform;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-duration: 800ms; }

.bounce-top-in {
  animation-name: bounce-top-in; }

.forever {
  animation-iteration-count: infinite; }

/*# sourceMappingURL=efecss.css.map */