html {font-size: 100%; background-color: var(--paper)} body {font-size: var(--text-m); font-family: "IBM Plex Sans"; background: none} h1 {font-size: var(--h1)} h2 {font-size: var(--h2)} h3 {font-size: var(--h3)} h4 {font-size: var(--h4)} h5 {font-size: var(--h5)} h6 {font-size: var(--h6)} h1, h2, h3, h4, h5, h6 {font-family: "Archivo Narrow"; line-height: 1.1}:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)}:where(:root) .bricks-color-secondary {color: var(--accent)}:where(:root) .bricks-background-secondary {background-color: var(--accent)} .brxe-container {width: var(--page-width); padding-top: var(--space-4xl); padding-right: var(--val-xl); padding-bottom: var(--space-4xl); padding-left: var(--val-xl); column-gap: var(--val-xxl); row-gap: var(--val-xxl)} .woocommerce main.site-main {width: var(--page-width)} #brx-content.wordpress {width: var(--page-width)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--brand)} .bricks-button {padding-right: var(--val-l); padding-left: var(--val-l)} :root .bricks-button[class*="light"].outline:hover {background-color: var(--brand)} :root .bricks-button[class*="secondary"] {border: 2px solid var(--accent)} :root .bricks-button[class*="secondary"]:hover {border-color: var(--white)} .brxe-block {column-gap: var(--val-l); row-gap: var(--val-l)}