html {background-color: var(--bg)} body {background: none}:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)} body {color: var(--text-color); font-size: var(--text-m); font-family: "Inter", Helvetica, Arial; font-weight: 400; font-style: normal; line-height: var(--body-text-line-height); text-wrap: pretty} h1, h2, h3, h4, h5, h6 {color: var(--text-color); text-transform: capitalize; font-family: "Inter", Helvetica, Arial; font-weight: 600; font-style: normal; line-height: var(--heading-line-height); text-wrap: balance} h1 {font-size: var(--h-1)} h2 {font-size: var(--h-2)} h3 {font-size: var(--h-3)} h4 {font-size: var(--h-4)} h5 {font-size: var(--h-5)} h6 {font-size: var(--h-5)} .brxe-section {padding-top: var(--section-padding-block); padding-right: var(--section-padding-inline); padding-bottom: var(--section-padding-block); padding-left: var(--section-padding-inline); column-gap: var(--section-column-gap); row-gap: var(--section-row-gap)} .brxe-container {width: var(--global-max-width); column-gap: var(--container-column-gap); row-gap: var(--container-row-gap)} .woocommerce main.site-main {width: var(--global-max-width)} #brx-content.wordpress {width: var(--global-max-width)} .brxe-block {column-gap: var(--block-column-gap); row-gap: var(--block-row-gap)}h1,h2,h3,h4,h5,h6, p, ul, ol, li, figure, blockquote, figcaption, img {margin: 0;}button, blockquote, ol, ul {padding: 0;}