html {background-color: var(--at-white)} body {background: none} .brxe-container {width: 100%; max-width: var(--at-site-box-max-width); row-gap: var(--at-content-gap)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--at-site-box-max-width)} .brxe-section {padding-top: var(--at-section-padding-block); padding-right: var(--at-gutter); padding-bottom: var(--at-section-padding-block); padding-left: var(--at-gutter); max-width: var(--at-section-max-width); row-gap: var(--at-container-gap)} .brxe-block {row-gap: var(--at-content-gap); column-gap: var(--at-content-gap)} html {font-size: calc(var(--base-font) / 16 * 100%)} body {font-size: var(--at-text--s)} h1 {font-size: var(--at-heading--xl)} h2 {font-size: var(--at-heading--l)} h3 {font-size: var(--at-heading--m)} h4 {font-size: var(--at-heading--s)} h5 {font-size: var(--at-heading--xs)} h6 {font-size: var(--at-heading--2xs)} body.bricks-is-frontend :focus-visible {outline: var(--at-focus-outline-width) solid var(--at-focus-outline-color)} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: var(--at-focus-outline-width) solid var(--at-focus-outline-color); }}