/* Deterministic hero state: inactive slides can never overlap the active slide. */
#heroSlider .hero-content{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:none !important;
  transition:none !important;
}
#heroSlider .hero-content.active{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:none !important;
  animation:softnoorHeroIn .55s ease both;
}
#heroSlider .hero-content.leaving{display:none !important}
@keyframes softnoorHeroIn{
  from{opacity:0;transform:translate3d(24px,0,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
@media(prefers-reduced-motion:reduce){
  #heroSlider .hero-content.active{animation:none}
}