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