@keyframes appear-left{0%{opacity:0;transform:translateX(-100%)}to{opacity:1}}@keyframes appear-right{0%{opacity:0;transform:translateX(100%)}to{opacity:1}}@keyframes appear{0%{opacity:0;scale:.25}to{opacity:1;scale:1}}.appear{animation:appear linear;animation-timeline:view();animation-range:entry 0 cover 60%}@media (min-width:1024px){.appear-from-right{animation:appear-right linear}.appear-from-left{animation:appear-left linear}.appear-from-left,.appear-from-right{animation-timeline:view();animation-range:entry}}@media (max-width:1024px){.mobile-appear-from-right{animation:appear-right linear}.mobile-appear-from-left{animation:appear-left linear}.mobile-appear-from-left,.mobile-appear-from-right{animation-timeline:view();animation-range:entry}}