.scroll-opacity-default{opacity:0}.scroll-animation-fromRight{view-timeline:--subjectReveal block;animation-timeline:--subjectReveal;animation-name:appear-fromRight;animation-range-start:entry 60%;animation-range-end:cover 50%;animation-fill-mode:forwards;animation-duration:.1s}@keyframes appear-fromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.scroll-animation-fromLeft{view-timeline:--subjectReveal block;animation-timeline:--subjectReveal;animation-name:appear-fromLeft;animation-range-start:entry 60%;animation-range-end:cover 50%;animation-fill-mode:forwards;animation-duration:.1s}@keyframes appear-fromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.animate-scroll-rtl{animation:scroll-rtl 30s linear infinite;will-change:transform}@keyframes scroll-rtl{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes scroll-infinite{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.animate-scroll-rtl:hover{animation-play-state:paused}div[style*=scroll-infinite]:hover{animation-play-state:paused!important}