.wc-pros-processed-container .wc-pros-item {
  --wc-pros-distance: 34px;
  --wc-pros-duration: 760ms;
  --wc-pros-ease: cubic-bezier(.22, .9, .28, 1);
  will-change: opacity, transform, filter;
  transition:
    opacity var(--wc-pros-duration) var(--wc-pros-ease),
    transform var(--wc-pros-duration) var(--wc-pros-ease),
    filter var(--wc-pros-duration) var(--wc-pros-ease);
}

.wc-pros-processed-container .wc-pros-hidden {
  opacity: 0;
  pointer-events: none;
}

.wc-pros-processed-container .wc-pros-visible {
  opacity: 1;
  pointer-events: auto;
  transform: none !important;
  filter: none !important;
}

html[data-wc-pros-effect="fade-up"] .wc-pros-hidden {
  transform: translate3d(0, var(--wc-pros-distance), 0);
}

html[data-wc-pros-effect="zoom-in"] .wc-pros-hidden {
  transform: scale(.88);
}

html[data-wc-pros-effect="slide-left"] .wc-pros-hidden {
  transform: translate3d(46px, 0, 0);
}

html[data-wc-pros-effect="slide-right"] .wc-pros-hidden {
  transform: translate3d(-46px, 0, 0);
}

html[data-wc-pros-effect="flip-in"] .wc-pros-processed-container {
  perspective: 1200px;
}

html[data-wc-pros-effect="flip-in"] .wc-pros-hidden {
  transform: rotateX(16deg) translate3d(0, 30px, 0);
  transform-origin: 50% 80%;
}

html[data-wc-pros-effect="blur-rise"] .wc-pros-hidden {
  transform: translate3d(0, 30px, 0) scale(.985);
  filter: blur(10px);
}

html[data-wc-pros-effect="soft-pop"] .wc-pros-hidden {
  transform: translate3d(0, 18px, 0) scale(.94);
  filter: saturate(.85);
}

@media (prefers-reduced-motion: reduce) {
  .wc-pros-processed-container .wc-pros-item,
  .wc-pros-processed-container .wc-pros-hidden,
  .wc-pros-processed-container .wc-pros-visible {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
    pointer-events: auto !important;
  }
}
