.el-gpu-transform-appear .wrapper{width:100%;height:100%}.el-gpu-transform-appear .wrapper .el-gpu-transform-appear-transition{transform-origin:var(--origin);-webkit-animation-name:anim-appear;animation-name:anim-appear;-webkit-animation-duration:var(--duration);animation-duration:var(--duration);-webkit-animation-delay:var(--delay);animation-delay:var(--delay);-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-timing-function:var(--easing);animation-timing-function:var(--easing)}@-webkit-keyframes anim-appear{0%{opacity:var(--start-opacity);transform:translate(var(--start-displace-x),var(--start-displace-y)) scale(var(--start-scale-x),var(--start-scale-y)) rotate(var(--start-angle))}to{opacity:var(--end-opacity);transform:translate(var(--end-displace-x),var(--end-displace-y)) scale(var(--end-scale-x),var(--end-scale-y)) rotate(var(--end-angle))}}@keyframes anim-appear{0%{opacity:var(--start-opacity);transform:translate(var(--start-displace-x),var(--start-displace-y)) scale(var(--start-scale-x),var(--start-scale-y)) rotate(var(--start-angle))}to{opacity:var(--end-opacity);transform:translate(var(--end-displace-x),var(--end-displace-y)) scale(var(--end-scale-x),var(--end-scale-y)) rotate(var(--end-angle))}}