.brxe-container {width: 100%; display: flex; justify-content: flex-start; align-items: flex-start} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%} .brxe-section {width: 100%; justify-content: flex-start; align-items: flex-start} .brxe-block {display: flex; justify-content: flex-start; align-items: flex-start} body {font-family: "DM Sans"; font-weight: 400; font-size: var(--at-text--s); color: var(--color-charcoal); line-height: 1.5; background: none} h1, h2, h3, h4, h5, h6 {color: var(--color-background-d-3); font-family: "Playfair Display"; font-weight: 400} h1 {font-family: "Inter"; font-weight: 900; font-size: var(--at-heading--xl); text-wrap: balance} h2 {font-family: "Inter"; font-weight: 800; font-size: var(--at-heading--l); text-wrap: balance} html {font-size: calc(var(--base-font) / 16 * 100%); background-color: #f5f5f5} h3 {font-size: var(--at-heading--m); text-wrap: balance; font-family: "Inter"; font-weight: 800} h4 {font-size: var(--at-heading--s); text-wrap: balance} h5 {font-size: var(--at-heading--xs); text-wrap: balance} h6 {font-size: var(--at-heading--2xs); text-wrap: balance} 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); }}