html {font-size: var(--root-font-size)} body {color: color-mix(in oklch, var(--neutral) 80%, transparent); font-size: var(--text-m); line-height: 1.5; text-wrap: pretty} h1, h2, h3, h4, h5, h6 {color: var(--neutral); line-height: 1.2; text-wrap: balance} body.bricks-is-frontend :focus-visible {outline: var(--focus-width) solid var(--neutral)} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: var(--focus-width) solid var(--neutral); }} .brxe-container {width: var(--content-width)} .woocommerce main.site-main {width: var(--content-width)} #brx-content.wordpress {width: var(--content-width)}