:root { font-variant-ligatures: no-common-ligatures;}body.bricks-is-frontend :focus { outline: none;}body.bricks-is-frontend :focus-visible { box-shadow: none; outline: 0.1rem solid currentcolor; outline-offset: 0.25em;}: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); }}.animation--drawsvg { animation: drawsvg; animation-delay: calc(var(--delay, 1) * 300ms); animation-duration: var(--duration, 400ms); animation-timing-function: ease-in-out; animation-fill-mode: forwards; stroke-dasharray: 1000; stroke-dashoffset: 1000; }@keyframes drawsvg { from{ stroke-dashoffset: 1000; } to{ stroke-dashoffset: 0; }}