pn-scroll .scroll-wrapper {
  transition: all var(--transition-duration) ease-in-out 250ms;
}
pn-scroll .scroll-wrapper.fade {
  opacity: 0;
}
pn-scroll .scroll-wrapper.fade.in-view {
  opacity: 1;
}
pn-scroll .scroll-wrapper.slide-up {
  transform: translateY(50px);
}
pn-scroll .scroll-wrapper.slide-up.in-view {
  transform: translateY(0);
}