:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)}:where(:root) .bricks-color-secondary {color: var(--secondary)}:where(:root) .bricks-background-secondary {background-color: var(--secondary)}:where(:root) .bricks-color-light {color: var(--white)}:where(:root) .bricks-background-light {background-color: var(--white)}:where(:root) .bricks-color-dark {color: var(--black)}:where(:root) .bricks-background-dark {background-color: var(--black)}:where(:root) .bricks-color-muted {color: var(--primary-l20)}:where(:root) .bricks-background-muted {background-color: var(--primary-l20)}:where(:root) .bricks-color-danger {color: var(--danger)}:where(:root) .bricks-background-danger {background-color: var(--danger)} .brxe-container {width: 1200px; max-width: 90%; column-gap: var(--space-l); row-gap: var(--space-l)} .woocommerce main.site-main {width: 1200px} #brx-content.wordpress {width: 1200px; max-width: 90%} body {font-size: var(--font-0); font-family: "Heebo"; color: var(--black-g20)} h1, h2, h3, h4, h5, h6 {font-family: "Heebo"; font-weight: 900; color: var(--primary); text-transform: uppercase; line-height: 1.2em} h1 {font-size: var(--font-5)} h2 {font-size: var(--font-4)} h3 {font-size: var(--font-3)} h4 {font-size: var(--font-2)} h5 {font-size: var(--font-1)} h6 {font-size: var(--font-0)} html {font-size: 100%} .brxe-section {padding-top: var(--space-xl); padding-bottom: var(--space-xl); column-gap: var(--space-l); row-gap: var(--space-l)}@media (min-width: 1279px) { html {background-color: var(--white)} body {background: none}}