:where(:root) .bricks-color-primary {color: var(--color-primary)}:where(:root) .bricks-background-primary {background-color: var(--color-primary)}:where(:root) .bricks-color-secondary {color: var(--color-secondary)}:where(:root) .bricks-background-secondary {background-color: var(--color-secondary)}:where(:root) * {border-color: var(--color-border-default)} html {font-size: 100% } body {font-size: var(--text-m); font-family: "Manrope"; font-weight: 400; font-style: normal; line-height: var(--leading-normal); color: var(--color-text-muted)} h1 {font-size: var(--text-2xl)} h2 {font-size: var(--text-xl); font-weight: 500; color: var(--color-text-primary)} h3 {font-size: var(--text-l); color: var(--color-text-primary); font-weight: 500} h4 {font-size: var(--text-m); color: var(--color-text-primary); font-weight: 500} h5 {font-size: var(--text-base)} h6 {font-size: var(--text-s); font-weight: 500} html {background-color: var(--color-bg-surface)} body {background: none} .brxe-container {width: var(--container-full); padding-right: var(--container-padding); padding-left: var(--container-padding); max-width: var(--container-wide)} .woocommerce main.site-main {width: var(--container-full)} #brx-content.wordpress {width: var(--container-full); max-width: var(--container-wide)}@media (max-width: 767px) { body {font-size: var(--text-base)}}