:where(:root) .bricks-color-primary {color: #000}:where(:root) .bricks-background-primary {background-color: #000}:where(:root) .bricks-color-light {color: #FAF7F3}:where(:root) .bricks-background-light {background-color: #FAF7F3} .brxe-section {padding-top: var(--space-2xl); padding-bottom: var(--space-2xl)} body {font-size: var(--text-m); font-family: "Inter Tight"; font-weight: 400} h1, h2, h3, h4, h5, h6 {font-family: "Inter Tight"; font-weight: 500; line-height: 1.3} h1 {font-size: var(--h1); margin-bottom: var(--space-m)} h2 {font-size: var(--h2); margin-bottom: var(--space-m)} h3 {font-size: var(--h3); margin-bottom: var(--space-m)} h4 {font-size: var(--h4); margin-bottom: var(--space-m)} h5 {font-size: var(--h5)} h6 {font-size: var(--h6)} .bricks-type-hero {font-size: var(--hero)} .brxe-container {width: 1400px; padding-right: var(--space-2xl); padding-left: var(--space-2xl)} .woocommerce main.site-main {width: 1400px} #brx-content.wordpress {width: 1400px} .bricks-button {color: #fff; padding-top: var(--text-2xs); padding-right: var(--text-l); padding-bottom: var(--text-2xs); padding-left: var(--text-l)} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)) {background-color: #000} .bricks-button:where(.outline) {color: #000; border: 1px solid #d1d1d1}@media (max-width: 991px) { body {font-size: var(--text-m)}}@media (max-width: 767px) { .brxe-container {padding-right: var(--space-xl); padding-left: var(--space-xl)}}