@keyframes appear{0%{opacity:0;clip-path:inset(100% 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}.b-l{animation:appear linear;animation-timeline:view();animation-range:entry 0% cover 40%}@keyframes appear1{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}.l{animation:appear1 linear;animation-timeline:view();animation-range:entry 0% cover 40%}@keyframes appear2{0%{opacity:0;transform:translate(-100px,-100px)}to{opacity:1;transform:translate(0)}}.t-r{animation:appear2 linear;animation-timeline:view();animation-range:entry 0% cover 40%}@keyframes appear3{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.r{animation:appear3 linear;animation-timeline:view();animation-range:entry 0% cover 40%}@keyframes appear4{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}.t{animation:appear4 linear;animation-timeline:view();animation-range:entry 0% cover 40%}@keyframes appear5{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.b{animation:appear5 linear;animation-timeline:view();animation-range:entry 0% cover 40%}@keyframes appear6{0%{opacity:0;transform:translate(100px,100px)}to{opacity:1;transform:translate(0)}}.b-r{animation:appear6 linear;animation-timeline:view();animation-range:entry 0% cover 40%}@keyframes appear7{0%{opacity:0;transform:translate(-100px,-100px)}to{opacity:1;transform:translate(0)}}.t-l{animation:appear7 linear;animation-timeline:view();animation-range:entry 0% cover 40%}@keyframes appear8{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.fade-zoom{animation:appear8 linear;animation-timeline:view();animation-range:entry 0% cover 40%}@keyframes appear9{0%{opacity:0;transform:rotate(-90deg)}to{opacity:1;transform:rotate(0)}}.rotate-in{animation:appear9 linear;animation-timeline:view();animation-range:entry 0% cover 40%}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05);opacity:1}70%{transform:scale(.9)}to{transform:scale(1)}}.bounce-in{animation:bounce-in .8s ease-in-out;animation-timeline:view();animation-range:entry 0% cover 40%}@keyframes flip-in{0%{transform:rotateY(-180deg);opacity:0}to{transform:rotateY(0);opacity:1}}.flip-in{animation:flip-in 1s ease-out;animation-timeline:view();animation-range:entry 0% cover 40%}@keyframes slide-up{0%{transform:translateY(200px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-up{animation:slide-up 1s ease-out;animation-timeline:view();animation-range:entry 0% cover 40%}@keyframes slide-down{0%{transform:translateY(-200px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-down{animation:slide-down 1s ease-out;animation-timeline:view();animation-range:entry 0% cover 40%}@keyframes fade-rotate{0%{opacity:0;transform:rotate(-180deg)}to{opacity:1;transform:rotate(0)}}.fade-rotate{animation:fade-rotate 1s linear;animation-timeline:view();animation-range:entry 0% cover 40%}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.pulse{animation:pulse 1.5s ease-in-out infinite;animation-timeline:view();animation-range:entry 0% cover 40%}@media (max-width: 768px){.b-l,.l,.t-r,.r,.t,.b,.b-r,.t-l,.fade-zoom,.rotate-in,.bounce-in,.flip-in,.slide-up,.slide-down,.fade-rotate,.pulse{animation:none!important}}
