html {background-color: var(--base-bg)} body {background: none} .brx-boxed {background-color: #ffffff; border: 10px solid #eeeeee}:where(:root) .bricks-color-danger {color: var(--danger)}:where(:root) .bricks-background-danger {background-color: var(--danger)}:where(:root) .bricks-color-warning {color: var(--warning)}:where(:root) .bricks-background-warning {background-color: var(--warning)}:where(:root) .bricks-color-success {color: var(--success)}:where(:root) .bricks-background-success {background-color: var(--success)}:where(:root) .bricks-color-info {color: var(--info)}:where(:root) .bricks-background-info {background-color: var(--info)}:where(:root) .bricks-color-secondary {color: var(--primary-medium)}:where(:root) .bricks-background-secondary {background-color: var(--primary-medium)}:where(:root) .bricks-color-light {color: var(--base-meta)}:where(:root) .bricks-background-light {background-color: var(--base-meta)}:where(:root) .bricks-color-dark {color: var(--base-ultra-dark)}:where(:root) .bricks-background-dark {background-color: var(--base-ultra-dark)}:where(:root) .bricks-color-muted {color: var(--base)}:where(:root) .bricks-background-muted {background-color: var(--base)}:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)} .brxe-container {width: 1600px} .woocommerce main.site-main {width: 1600px} #brx-content.wordpress {width: 1600px}.woocommerce-notices-wrapper .woocommerce-error, .woocommerce-NoticeGroup .woocommerce-error {background-color: var(--warning)}.woocommerce-notices-wrapper .woocommerce-message, .woocommerce-NoticeGroup .woocommerce-message {background-color: var(--success)}.woocommerce-notices-wrapper .woocommerce-info, .woocommerce-NoticeGroup .woocommerce-info, .woocommerce-info {background-color: var(--base-ultra-dark); color: var(--text-on-primary)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="primary"] {color: var(--text-on-primary)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--base)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--base-ultra-light)} :root .bricks-button[class*="dark"] {color: var(--text-on-primary)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--base-ultra-dark)} :root .bricks-button[class*="success"] {color: var(--text-on-primary)} :root .bricks-button[class*="success"]:not(.outline) {background-color: var(--success)} :root .bricks-button[class*="warning"] {color: var(--text-on-primary)} :root .bricks-button[class*="warning"]:not(.outline) {background-color: var(--warning)} :root .bricks-button[class*="danger"] {color: var(--text-on-primary)} :root .bricks-button[class*="danger"]:not(.outline) {background-color: var(--danger)} :root .bricks-button[class*="info"]:not(.outline) {background-color: var(--base-light)} :root .bricks-button[class*="info"] {color: var(--base)} :root .bricks-button[class*="muted"]:not(.outline) {background-color: var(--base-dark)} :root .bricks-button[class*="muted"] {color: var(--base-meta)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: rgba(0, 0, 0, 0)} :root .bricks-button[class*="secondary"] {color: var(--base)} .bricks-button.sm {font-size: var(--text-xs)} .bricks-button.lg {font-size: var(--text-l)} .bricks-button.xl {font-size: var(--text-xl)} .bricks-button.md {font-size: var(--text-m)}