.intersect-animate:not([no-intersect]){--original-delay:0s;--original-duration:.2s}.my-animation{transform:translate(59%) translateY(-100%)}.intersect-animate:not([no-intersect]) .my-animation{animation-delay:var(--original-delay),calc(var(--original-delay) + var(--original-duration));animation-duration:var(--original-duration),var(--original-duration);animation-fill-mode:forwards,forwards;animation-name:fillit,unfillit;animation-timing-function:ease-in-out,ease-in-out;transform-origin:top center}.stay-filled.intersect-animate:not([no-intersect]) .my-animation{animation-delay:var(--original-delay),calc(var(--original-delay) + var(--original-duration)),calc(var(--original-delay) + var(--original-duration) + var(--original-duration) + var(--original-duration));animation-duration:var(--original-duration),var(--original-duration),var(--original-duration);animation-fill-mode:forwards,forwards,forwards;animation-name:fillit,unfillit,fillit;animation-timing-function:ease-in-out,ease-in-out,ease-in-out;transform-origin:top center}@keyframes fillit{0%{transform:translate(59%) translateY(-100%)}to{transform:translate(0) translateY(0)}}@keyframes unfillit{0%{transform:translate(0) translateY(0)}to{transform:translate(-59%) translateY(100%)}}