:root { --focus-width: 1px; --focus-style: solid; --focus-color: currentColor; --focus-offset: 2px; } body.bricks-is-frontend :focus { outline-color: transparent; } body.bricks-is-frontend :focus-visible { box-shadow: none; outline-color: var(--focus-color); outline-style: var(--focus-style); outline-width: var(--focus-width); outline-offset: var(--focus-offset); }   :target { scroll-margin-top: calc(var(--header-height) + var(--container-gap)); }    .bricks-is-frontend .animation-trigger{ opacity:0; }  .animate{ animation-name: fadeAnimation; animation-delay: calc(var(--delay, 1) * 300ms); animation-duration: var(--duration, 400ms); animation-timing-function: ease-in-out; animation-fill-mode: forwards; }  :root {--translate-amount: var(--global-section-gutter);} .animation--fade{ --translate: 0,0,0; } .animation--from-left{ --translate: calc(var(--translate-amount)*-1),0,0; } .animation--from-right{ --translate: var(--translate-amount),0,0; } .animation--down{ --translate: 0,calc(var(--translate-amount)*-1),0; } .animation--up{ --translate: 0,var(--translate-amount),0; }  @keyframes fadeAnimation{ from{ transform: translate3d(var(--translate)); } to{ opacity: 1; transform: translate3d(0,0,0); } }