@keyframes slide-up{0%{transform:translateY(50%);opacity:0}to{transform:translateY(0);opacity:1}}.slide__up{animation:slide-up 3s linear both;animation-timeline:view();animation-range:entry 30% cover 50%}@keyframes slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.slide__down{animation:slide-down 3s linear both;animation-timeline:view();animation-range:entry 30% cover 50%}@keyframes slide-right{0%{transform:translateX(10%);opacity:0}to{transform:translateX(0);opacity:1}}.slide__right{animation:slide-right 3s linear both;animation-timeline:view();animation-range:entry 30% cover 40%}@keyframes slide-left{0%{transform:translateX(-10%);opacity:0}to{transform:translateX(0);opacity:1}}.slide__left{animation:slide-left 3s linear both;animation-timeline:view();animation-range:entry 30% cover 40%}@keyframes scale-up{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.scale__up{animation:scale-up 3s ease both;animation-timeline:view();animation-range:entry 60% cover 50%}