.bricks-is-frontend .animation-trigger{ opacity:0; }  .animate{ animation-name: fadeAnimation; animation-delay: calc(var(--delay, 0) * 200ms); animation-duration: var(--duration, 400ms); animation-timing-function: ease-in-out; animation-fill-mode: forwards; } m  .animation--left-to-right{ --translate: -20px,0,0; } .animation--right-to-left{ --translate: 20px,0,0; } .animation--top-to-bottom{ --translate: 0,-20px,0; } .animation--bottom-to-top{ --translate: 0,20px,0; .animation--phone-position{ --translate: -40px, 20px; --anim-rotate: 3deg; } }  @keyframes fadeAnimation{ from{ transform: translate3d(var(--translate)); transform: rotateZ(0deg); } to{ opacity: 1; transform: translate3d(0,0,0); transform: rotateZ(var(--anim-rotate)); } }