@keyframes slide-in-left{0%{opacity:0;transform:translateX(-4rem)}to{opacity:1;transform:translateX(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(14rem)}to{opacity:1;transform:translateX(0)}}.animate-in-view{animation:slide-in-left 1s cubic-bezier(.16,1,.3,1) forwards;animation-timeline:view();animation-range:entry 0 cover 80%}.animate-in-view.slide-right{animation-name:slide-in-right}@supports not (animation-timeline:view()){.animate-in-view{opacity:1!important;transform:translateX(0)!important;animation:none!important}}@keyframes slide-in{0%{opacity:0;transform:translateX(var(--slide-distance,-100px))}to{opacity:1;transform:translateX(0)}}.scroll-slide{view-timeline-name:--card-reveal;view-timeline-axis:block;animation:slide-in both;animation-timeline:--card-reveal;animation-range:entry 10% cover 40%}