.trig-anim {
  opacity: 0 !important;
  transition-property: opacity, transform;
  transition-duration: var(--trig-anim-duration, 500ms);
  transition-timing-function: ease;
  will-change: opacity, transform;
}

.trig-anim.trig {
  opacity: 1 !important;
  transition-delay: var(--trig-anim-delay, 0ms);
  transform: translate3d(0, 0, 0) scale(1) !important;
}

.trig-anim.trig-anim-done {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

.trig-anim-fade-in {
  transform: translate3d(0, 0, 0);
}

.trig-anim-fade-down {
  transform: translate3d(0, -18px, 0);
}

.trig-anim-fade-up {
  transform: translate3d(0, 18px, 0);
}

.trig-anim-zoom-in {
  transform: scale(0.92);
}
