: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)}:where(:root) .bricks-color-light {color: var(--white)}:where(:root) .bricks-background-light {background-color: var(--white)}:where(:root) .bricks-color-dark {color: var(--black)}:where(:root) .bricks-background-dark {background-color: var(--black)}:where(:root) .bricks-color-muted {color: var(--primary-l-2)}:where(:root) .bricks-background-muted {background-color: var(--primary-l-2)} html {font-size: 100%} body {font-size: var(--text-m); font-family: "Poppins"} h1, h2, h3, h4, h5, h6 {font-family: "Poppins"} 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)} #brx-content {margin-top: 2rem; margin-bottom: 2rem} .content-area {margin-top: 2rem; margin-bottom: 2rem} .brxe-container {column-gap: 1.25rem; row-gap: 1.25rem; width: 1440px} .woocommerce main.site-main {width: 1440px} #brx-content.wordpress {width: 1440px} .brxe-block {column-gap: 1rem; row-gap: 1rem} .bricks-button {font-size: var(--text-s); font-weight: 700; border-radius: 14px; padding-top: 14px; padding-right: 24px; padding-bottom: 14px; padding-left: 24px} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)):hover {background-color: hsl(0, 0%, 84%)} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {color: var(--white)} .bricks-button:where(.bricks-background-primary:not(.outline)):hover {background-color: var(--primary-d-2)} .bricks-button:where(.bricks-color-primary.outline) {color: var(--primary); border: 1px solid var(--primary)} .bricks-button:where(.bricks-color-primary.outline):hover {color: var(--primary-d-2); border-color: var(--primary-d-2)} .bricks-button:where(.bricks-background-secondary:not(.outline)):hover {background-color: var(--accent-1-d-2)} .bricks-button:where(.bricks-color-secondary.outline) {color: var(--accent); border-width: 1px; border-color: var(--accent)} .bricks-button:where(.bricks-color-secondary.outline):hover {color: var(--accent-1-d-2); border-color: var(--accent-1-d-2)} .bricks-button:where(.bricks-background-light:not(.outline):not(.bricks-lightbox)) {background-color: hsl(0, 0%, 96%)}