.bricks-is-frontend .animation-trigger{ opacity:0; }  .animate{ animation-name: fadeAnimation; animation-delay: calc(var(--delay, 0) * 1s); animation-duration: var(--duration, 1s); animation-timing-function: ease-in-out; animation-fill-mode: forwards; }  .animation--left-to-right{ --translate: -20px,0; } .animation--right-to-left{ --translate: 20px,0; } .animation--top-to-bottom{ --translate: 0,-20px; } .animation--bottom-to-top{ --translate: 0,20px; }  @keyframes fadeAnimation{ from{ transform: translate(var(--translate)); } to{ opacity: 1; transform: translate(0,0); } }