html { scrollbar-gutter: stable;} html {background-color: var(--c-bg)} body {background: none} .brxe-container {width: min(1300px, 100% - 2rem); column-gap: var(--s-4); row-gap: var(--s-4)} .woocommerce main.site-main {width: min(1300px, 100% - 2rem)} #brx-content.wordpress {width: min(1300px, 100% - 2rem)} .brxe-section {padding-top: var(--s-8); padding-bottom: var(--s-8)} body {color: var(--c-text-primary); font-size: var(--fs-body); line-height: 1.6; font-family: "Chivo"} h1 {font-size: var(--fs-h1); font-weight: 900; letter-spacing: -0.04em; line-height: 0.9} h2 {color: var(--c-text-primary); font-size: var(--fs-h2); line-height: 1; letter-spacing: -0.03em} h3 {color: var(--c-text-primary); font-size: var(--fs-h3); line-height: 1.15; letter-spacing: -0.015em} h4 {color: var(--c-text-primary); font-size: var(--fs-h4); font-family: "Chivo"; font-weight: 600; line-height: 1.25; letter-spacing: -0.01px} .bricks-button {font-size: var(--fs-body); font-family: "Chivo"; font-weight: 600; text-transform: uppercase; border-radius: var(--r); padding-top: 12px; padding-right: 20px; padding-bottom: 12px; padding-left: 20px; transition: all var(--transition-timing-s) ease-in-out} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--c-accent)} :root .bricks-button[class*="primary"] {color: var(--c-on-accent); border: 1px solid var(--c-accent)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--c-accent-2)} :root .bricks-button[class*="primary"]:hover {border: 1px solid var(--c-accent-2)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--c-transparent)} :root .bricks-button[class*="secondary"] {border: 1px solid var(--c-line-2); color: var(--c-text-primary)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: rgba(255,255,255,.04)} .brxe-block {column-gap: var(--s-4); row-gap: var(--s-4)}