.brxe-container {width: var(--max-screen-width); padding-right: var(--space-l); padding-left: var(--space-l)} .woocommerce main.site-main {width: var(--max-screen-width)} #brx-content.wordpress {width: var(--max-screen-width)} html {font-size: 100%} body {font-family: "Inter"; font-size: var(--text-m); line-height: var(--lh-normal); color: var(--text-body)} h1, h2, h3, h4, h5, h6 {font-family: "Playfair Display"; font-weight: 900; line-height: var(--lh-tight)} h1 {line-height: var(--lh-none); font-size: var(--text-5xl)} h2 {font-size: var(--text-3xl)} h3 {font-size: var(--text-xl)} h4 {font-size: var(--text-m)} h5 {font-size: var(--text-s)} h6 {font-size: var(--text-xs)}:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--primary)} .bricks-button {font-size: var(--text-body); color: var(--text-body); padding-top: var(--space-s); padding-right: var(--space-l); padding-bottom: var(--space-s); padding-left: var(--space-l)} :root .bricks-button[class*="danger"] {border-radius: 0px} .brxe-section {padding-top: calc(var(--space-4xl) + var(--space-3xl)); padding-right: var(--space-l); padding-bottom: calc(var(--space-4xl) + var(--space-3xl)); padding-left: var(--space-l)}