: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); }}