.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; }  .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; }  @keyframes fadeAnimation { from { transform: translate3d(var(--translate)); } to { opacity: 1; transform: translate3d(0,0,0); } }