/* IEEE Scroll Reveal — styles for classes applied by scroll-reveal.js */
.pxr-defs {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.pxr-block {
  opacity: 0;
  transform: translateY(28px);
  transition:
    transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1),
    opacity 0.6s steps(6, jump-end);
  will-change: opacity, transform;
}

.pxr-block.pxr-in {
  opacity: 1;
  transform: translateY(0);
}

.pxr-pixel {
  opacity: 0;
  transition: opacity 0.15s ease-out;
}

.pxr-pixel.pxr-px-lg,
.pxr-pixel.pxr-px-md,
.pxr-pixel.pxr-px-sm {
  opacity: 1;
  image-rendering: pixelated;
}

.pxr-pixel.pxr-px-lg {
  filter: url(#pxr-lg);
}

.pxr-pixel.pxr-px-md {
  filter: url(#pxr-md);
}

.pxr-pixel.pxr-px-sm {
  filter: url(#pxr-sm);
}

.pxr-pixel.pxr-done {
  opacity: 1;
  filter: none;
  image-rendering: auto;
}

@media (prefers-reduced-motion: reduce) {
  .pxr-block,
  .pxr-pixel {
    opacity: 1;
    transform: none;
    filter: none;
    transition: none;
  }
}