.zth-bpc-animated {
  --zth-bpc-duration: 260ms;
  --zth-bpc-easing: cubic-bezier(.2,.8,.2,1);
  transition-property: opacity, transform;
  transition-duration: var(--zth-bpc-duration);
  transition-timing-function: var(--zth-bpc-easing);
  will-change: opacity, transform;
}

.zth-bpc-show-none,
.zth-bpc-hide-none {
  transition: none !important;
}

.zth-bpc-show-fade,
.zth-bpc-show-fade-up,
.zth-bpc-show-fade-down,
.zth-bpc-show-scale,
.zth-bpc-show-slide-left,
.zth-bpc-show-slide-right {
  opacity: 0;
}

.zth-bpc-show-fade-up { transform: translate3d(0, 22px, 0); }
.zth-bpc-show-fade-down { transform: translate3d(0, -22px, 0); }
.zth-bpc-show-scale { transform: scale(.96); }
.zth-bpc-show-slide-left { transform: translate3d(-36px, 0, 0); }
.zth-bpc-show-slide-right { transform: translate3d(36px, 0, 0); }

.zth-bpc-show-fade.zth-bpc-is-visible,
.zth-bpc-show-fade-up.zth-bpc-is-visible,
.zth-bpc-show-fade-down.zth-bpc-is-visible,
.zth-bpc-show-scale.zth-bpc-is-visible,
.zth-bpc-show-slide-left.zth-bpc-is-visible,
.zth-bpc-show-slide-right.zth-bpc-is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

.zth-bpc-hide-fade-out,
.zth-bpc-hide-fade-down,
.zth-bpc-hide-fade-up,
.zth-bpc-hide-scale-out,
.zth-bpc-hide-slide-left,
.zth-bpc-hide-slide-right {
  opacity: 0;
}

.zth-bpc-hide-fade-down { transform: translate3d(0, 22px, 0); }
.zth-bpc-hide-fade-up { transform: translate3d(0, -22px, 0); }
.zth-bpc-hide-scale-out { transform: scale(.96); }
.zth-bpc-hide-slide-left { transform: translate3d(-36px, 0, 0); }
.zth-bpc-hide-slide-right { transform: translate3d(36px, 0, 0); }