body {color: var(--body); font-size: var(--text-body); font-weight: 400; line-height: var(--body-lh); font-family: "Lexend"} h1, h2, h3, h4, h5, h6 {color: var(--body); line-height: var(--heading-lh); font-family: "Space Grotesk"; letter-spacing: -0.288rem; font-weight: 700} h1 {font-size: var(--text-h1); line-height: var(--heading1-lh)} h2 {font-size: var(--text-h2); letter-spacing: -0.096rem} h3 {font-size: var(--text-h3); letter-spacing: -0.036rem} h4 {font-size: var(--text-h4)} h5 {font-size: var(--text-h5)} h6 {font-size: var(--text-h6)} body.bricks-is-frontend :focus-visible {outline: none} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: none; }} .brxe-section {padding-top: var(--section-padding-base); padding-right: var(--section-padding-x); padding-bottom: var(--section-padding-base); padding-left: var(--section-padding-x)} .brxe-container {width: var(--container-width)} .woocommerce main.site-main {width: var(--container-width)} #brx-content.wordpress {width: var(--container-width)} html {background-color: var(--bg)} body {background: none}