.animate-enter-right {
  animation: animate-enter-right-frames 0.50s ease-out 0.30s 1 normal forwards;
  opacity: 0;
}

.animate-enter-left {
  animation: animate-enter-left-frames 0.50s ease-out 0.30s 1 normal forwards;
  opacity: 0;
}

.animate-enter-bottom {
  animation: animate-enter-bottom-frames 0.50s ease-out 0.30s 1 normal forwards;
  opacity: 0;
}

@keyframes animate-enter-right-frames {
  from {
    opacity: 0;
    transform: translate(45px, 0);
  }
  to {
    opacity: 1;
    transform: translate(0,0);
  }
}

@keyframes animate-enter-left-frames {
  from {
    opacity: 0;
    transform: translate(-45px, 0);
  }
  to {
    opacity: 1;
    transform: translate(0,0);
  }
}

@keyframes animate-enter-bottom-frames {
  from {
    opacity: 0;
    transform: translate(0px, 45px);
  }
  to {
    opacity: 1;
    transform: translate(0,0);
  }
}

.smart-layers-pointers, .smart-layers-pointers * {
  pointer-events: auto;
  visibility: visible;
}