body {font-family: "IBM Plex Sans"; color: var(--secondary); font-size: var(--text-base); line-height: 25pt} h1, h2, h3, h4, h5, h6 {font-weight: 600; line-height: 1} h1 {font-size: var(--text-5xl)} h2 {font-size: var(--text-4xl)} h3 {font-size: var(--text-xl)} .brxe-container {width: var(--content-width); column-gap: var(--container-gap); row-gap: var(--container-gap)} .woocommerce main.site-main {width: var(--content-width)} #brx-content.wordpress {width: var(--content-width)}: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(--neutral)}:where(:root) .bricks-background-light {background-color: var(--neutral)}:where(:root) .bricks-color-dark {color: var(--base)}:where(:root) .bricks-background-dark {background-color: var(--base)} .brxe-section {padding-top: var(--section-block-padding); padding-right: var(--section-inline-padding); padding-bottom: var(--section-block-padding); padding-left: var(--section-inline-padding); row-gap: var(--section-gap); column-gap: var(--section-gap)} .brxe-block {column-gap: var(--content-gap); row-gap: var(--content-gap)} .brxe-div {column-gap: var(--content-gap); row-gap: var(--content-gap)}@media (min-width: 1600px) { .brxe-container {width: 100%; max-width: 1920px; margin-right: auto; margin-left: auto} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 1920px}}@media (max-width: 478px) { .brxe-section {padding-right: var(--section-inline-padding); padding-left: var(--section-inline-padding)}}