html {background-color: var(--bg-surface)} body {background: none} .brx-boxed {max-width: var(--max-screen-width)} .brx-boxed #brx-header.brx-sticky {max-width: var(--max-screen-width); margin-left: auto; margin-right: auto}: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-success {color: var(--success)}:where(:root) .bricks-background-success {background-color: var(--success)}:where(:root) .bricks-color-warning {color: var(--error)}:where(:root) .bricks-background-warning {background-color: var(--error)} body {color: var(--text-body); font-family: "Open Sans"} h1, h2, h3, h4, h5, h6 {color: var(--text-title); font-family: "Plus Jakarta Sans"; font-weight: 800; letter-spacing: -2px; text-wrap: pretty; line-height: 0} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--secondary)} .bricks-button {border-width: 2px; border-color: var(--secondary); border-radius: var(--radius-s); color: var(--light); font-weight: 700; transition: all 0.2s ease-in} .bricks-button.outline {background-color: var(--light); border-color: var(--border-primary-l-5); color: var(--text-title)} .bricks-button.outline:hover {border-color: var(--text-body); color: var(--text-body)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--secondary-l-1)} .bricks-button:hover {border-color: var(--secondary-l-1)}