: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-light {color: var(--light)}:where(:root) .bricks-background-light {background-color: var(--light)}:where(:root) .bricks-color-dark {color: var(--dark)}:where(:root) .bricks-background-dark {background-color: var(--dark)}:where(:root) * {border-color: var(--border-primary)}: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)}:where(:root) .bricks-color-danger {color: var(--error)}:where(:root) .bricks-background-danger {background-color: var(--error)} .brxe-container {width: var(--max-screen-width); min-width: var(--min-screen-width)} .woocommerce main.site-main {width: var(--max-screen-width)} #brx-content.wordpress {width: var(--max-screen-width); min-width: var(--min-screen-width)} body {font-size: var(--text-m); color: var(--text-body); font-family: "Barlow"; font-style: normal; line-height: var(--text-xl)} h1, h2, h3, h4, h5, h6 {color: var(--text-title)} h1 {color: var(--text-title)} h2 {color: var(--text-title)} .bricks-button {font-family: "Barlow"; font-weight: 400; font-style: normal; font-size: var(--text-m); line-height: var(--text-l); letter-spacing: 0px; border-width: var(--border-width-default); border-color: var(--secondary); border-radius: var(--radius-xs); transition: all 0.2s ease-out; padding-bottom: 0.6em} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)):hover {background-color: var(--secondary-soft)} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)) {background-color: var(--secondary)} .bricks-button:hover {border-width: var(--border-width-default); border-color: var(--secondary-soft); transition: all 0.2s ease-out} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {font-size: var(--text-m); color: var(--btn-text-white); border: var(--border-width-default) solid var(--secondary); border-radius: var(--radius-s)} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--secondary)} .bricks-button:where(.bricks-background-primary:not(.outline)):hover {background-color: var(--secondary-soft)} .bricks-button:where(.bricks-background-primary):hover, .bricks-button:where(.bricks-color-primary):hover {border-width: var(--border-width-default); border-color: var(--secondary-soft)} .bricks-button:where(.bricks-background-secondary), .bricks-button:where(.bricks-color-secondary) {color: var(--primary); font-size: var(--text-m); border: var(--border-width-default) solid var(--primary); border-radius: var(--radius-s)} .bricks-button:where(.bricks-background-secondary):hover, .bricks-button:where(.bricks-color-secondary):hover {color: var(--tertiary); border: var(--border-width-default) solid var(--tertiary)} .bricks-button:where(.bricks-background-secondary:not(.outline)) {background-color: var(--light)} .bricks-button:where(.bricks-background-light:not(.bricks-lightbox)), .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)) {font-size: var(--text-m); color: var(--bg-surface); border: var(--border-width-default) solid var(--primary); border-radius: var(--radius-s)} .bricks-button:where(.bricks-background-light:not(.bricks-lightbox)):hover, .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)):hover {color: var(--btn-text-white)} .bricks-button:where(.bricks-background-light:not(.outline):not(.bricks-lightbox)) {background-color: var(--primary)} .bricks-button:where(.bricks-background-info), .bricks-button:where(.bricks-color-info) {color: var(--primary); font-size: var(--text-m); border: var(--border-width-default) solid var(--primary); border-radius: var(--radius-s)} .bricks-button:where(.bricks-background-info):hover, .bricks-button:where(.bricks-color-info):hover {color: var(--tertiary); border: var(--border-width-default) solid var(--tertiary)} .bricks-button:where(.bricks-background-info:not(.outline)) {background-color: var(--bg-surface)} .bricks-button:where(.sm) {padding-bottom: 0.5em} .bricks-button:where(.md) {padding-bottom: 0.6em} .bricks-button:where(.lg) {padding-bottom: 0.7em} .bricks-button:where(.xl) {padding-bottom: 0.9em}.brxe-tabs .tab-title {background-color: var(--bg-surface)}.brxe-tabs .tab-title.brx-open {background-color: var(--primary)}