.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; } .reveal { --speed: 1s; animation: none !important; } .reveal > *{ clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); transition: all var(--speed) ease-in-out; } .reveal.animated > *{ clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }  @keyframes fadeAnimation{ from{ transform: translate3d(var(--translate)); } to{ opacity: 1; transform: translate3d(0,0,0); } }