:where(:root) .bricks-color-primary {color: var(--brand)}:where(:root) .bricks-background-primary {background-color: var(--brand)}:where(:root) .bricks-color-secondary {color: var(--ink)}:where(:root) .bricks-background-secondary {background-color: var(--ink)}:where(:root) .bricks-color-light {color: var(--white)}:where(:root) .bricks-background-light {background-color: var(--white)}:where(:root) .bricks-color-dark {color: var(--dark)}:where(:root) .bricks-background-dark {background-color: var(--dark)}:where(:root) .bricks-color-muted {color: var(--text-muted)}:where(:root) .bricks-background-muted {background-color: var(--text-muted)}:where(:root) * {border-color: var(--border)}:where(:root) .bricks-color-info {color: var(--brand)}:where(:root) .bricks-background-info {background-color: var(--brand)}:where(:root) .bricks-color-success {color: var(--success)}:where(:root) .bricks-background-success {background-color: var(--success)}:where(:root) .bricks-color-warning {color: var(--warning)}:where(:root) .bricks-background-warning {background-color: var(--warning)} html {background-color: var(--bg)} body {background: none} .brxe-container.root {width: var(--container)} .brxe-container.root.stretch > .brxe-container {width: var(--container)} .brxe-container.root.stretch > .brxe-div {width: var(--container)} .woocommerce main.site-main {width: var(--container)} #brx-content.wordpress {width: var(--container)} html {font-size: 100%} body {font-family: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif; font-weight: 400; font-size: var(--text-m); line-height: 1.6; color: var(--text); text-wrap: pretty} h1, h2, h3, h4, h5, h6 {font-family: "Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", sans-serif; font-weight: 700; letter-spacing: -0.03em; color: var(--ink); text-wrap: balance} h1 {font-size: var(--text-4xl); font-weight: 700; line-height: 1.04} h2 {font-size: var(--text-3xl); font-weight: 700; line-height: 1.08} h3 {font-size: var(--text-xl); font-weight: 700; line-height: 1.16} h4 {font-size: var(--text-l); font-weight: 700; line-height: 1.22} .bricks-type-hero {font-size: var(--text-4xl); font-weight: 700; line-height: 0.95; letter-spacing: -0.025em} .bricks-type-lead {font-size: var(--text-l); line-height: 1.6} body.bricks-is-frontend :focus-visible {outline: 2px solid var(--brand)} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: 2px solid var(--brand); }} :where(.brxe-accordion .accordion-content-wrapper) a, :where(.brxe-icon-box .content) a, :where(.brxe-list) a, :where(.brxe-post-content):not([data-source="bricks"]) a:where(:not(.wp-element-button):not(.wp-block-button__link):not(.wp-block-file__button):not(.wp-block-social-link-anchor):not(.wp-block-navigation-item__content):not(.wp-block-image > a):not(.wp-block-image > figure > a)), :where(.brxe-posts .dynamic p) a, :where(.brxe-shortcode) a, :where(.brxe-tabs .tab-content) a, :where(.brxe-team-members) .description a, :where(.brxe-testimonials) .testimonial-content-wrapper a, :where(.brxe-text) a, :where(a.brxe-text), :where(.brxe-text-basic) a, :where(a.brxe-text-basic), :where(.brxe-post-comments) .comment-content a, .brxe-product-content a, .brxe-product-short-description a, .brxe-product-tabs .woocommerce-Tabs-panel a {color: var(--brand)} :where(.brxe-accordion .accordion-content-wrapper) a:hover, :where(.brxe-icon-box .content) a:hover, :where(.brxe-list) a:hover, :where(.brxe-post-content):not([data-source="bricks"]) a:where(:not(.wp-element-button):not(.wp-block-button__link):not(.wp-block-file__button):not(.wp-block-social-link-anchor):not(.wp-block-navigation-item__content):not(.wp-block-image > a):not(.wp-block-image > figure > a)):hover, :where(.brxe-posts .dynamic p) a:hover, :where(.brxe-shortcode) a:hover, :where(.brxe-tabs .tab-content) a:hover, :where(.brxe-team-members) .description a:hover, :where(.brxe-testimonials) .testimonial-content-wrapper a:hover, :where(.brxe-text) a:hover, :where(a.brxe-text):hover, :where(.brxe-text-basic) a:hover, :where(a.brxe-text-basic):hover, :where(.brxe-post-comments) .comment-content a:hover, .brxe-product-content a:hover, .brxe-product-short-description a:hover, .brxe-product-tabs .woocommerce-Tabs-panel a:hover {color: var(--brand-dark)} .bricks-button {font-family: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif; font-weight: 600; font-size: var(--text-m); border-radius: var(--radius-s); transition: transform .5s var(--ease-out), background-color .4s var(--ease-out), border-color .4s var(--ease-out), color .4s var(--ease-out), box-shadow .5s var(--ease-out); padding-top: 14px; padding-right: 22px; padding-bottom: 14px; padding-left: 22px} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {color: var(--white); border: 1px solid transparent; border-radius: var(--radius-s); box-shadow: 0 10px 24px -14px rgba(74, 17, 163, 0.3)} .bricks-button:where(.bricks-background-light:not(.bricks-lightbox)), .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)) {color: var(--ink); border: 1px solid rgba(18, 22, 27, 0.12); border-radius: var(--radius-s); box-shadow: 0 1px 2px 0 rgba(18, 22, 27, 0.06)} .bricks-button:where(.bricks-background-light:not(.bricks-lightbox)):hover, .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)):hover {color: var(--brand); border: 1px solid rgba(91, 22, 196, 0.45); border-radius: var(--radius-s)} .bricks-button:where(.bricks-color-light.outline) {color: var(--white); border: 1px solid rgba(255, 255, 255, 0.22); border-radius: var(--radius-s)} .bricks-button:where(.bricks-color-light.outline):hover {border: 1px solid rgba(255, 255, 255, 0.45); border-radius: var(--radius-s)} .bricks-button:where(.bricks-background-dark), .bricks-button:where(.bricks-color-dark) {color: var(--white); border: 1px solid transparent; border-radius: var(--radius-s)} .bricks-button:where(.bricks-color-dark.outline) {color: var(--ink); background-color: transparent; border: 1px solid rgba(18, 22, 27, 0.18); border-radius: var(--radius-s)} .bricks-button:where(.bricks-color-dark.outline):hover {border: 1px solid var(--ink); border-radius: var(--radius-s)}.brxe-form .form-group label {font-family: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace; font-size: var(--text-xs); text-transform: uppercase; letter-spacing: 0.08em; color: var(--text-muted)}.brxe-form .form-group .label {font-family: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace; font-size: var(--text-xs); text-transform: uppercase; letter-spacing: 0.08em; color: var(--text-muted)}.brxe-form ::placeholder {color: var(--text-muted)}.brxe-form select {color: var(--text-muted); font-family: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: var(--text-m); color: var(--ink); background-color: var(--white); border: 1px solid var(--border); border-radius: var(--radius-s); padding-top: 10px; padding-right: 14px; padding-bottom: 10px; padding-left: 14px}.brxe-form .form-group input {font-family: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: var(--text-m); color: var(--ink); background-color: var(--white); border: 1px solid var(--border); border-radius: var(--radius-s); padding-top: 10px; padding-right: 14px; padding-bottom: 10px; padding-left: 14px}.brxe-form textarea {font-family: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: var(--text-m); color: var(--ink); background-color: var(--white); border: 1px solid var(--border); border-radius: var(--radius-s); padding-top: 10px; padding-right: 14px; padding-bottom: 10px; padding-left: 14px}.brxe-form .flatpickr {background-color: var(--white); border: 1px solid var(--border); border-radius: var(--radius-s); padding-top: 10px; padding-right: 14px; padding-bottom: 10px; padding-left: 14px}.brxe-form .form-field-richtext + .tox-tinymce {background-color: var(--white); border: 1px solid var(--border); border-radius: var(--radius-s)}.brxe-form .bricks-button {border: 1px solid var(--border); border-radius: var(--radius-s); padding-top: 14px; padding-right: 22px; padding-bottom: 14px; padding-left: 22px; font-family: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif; font-weight: 600; color: var(--white); font-size: var(--text-m); background-color: var(--brand); border: 0}.brxe-form .choose-files {border: 1px solid var(--border); border-radius: var(--radius-s)}.brxe-form .form-field-richtext + .tox-tinymce .tox-edit-area__iframe {padding-top: 10px; padding-right: 14px; padding-bottom: 10px; padding-left: 14px} .brxe-section {padding-top: var(--space-2xl); padding-right: var(--gutter); padding-bottom: var(--space-2xl); padding-left: var(--gutter)} .brxe-container {width: var(--container)} .woocommerce main.site-main {width: var(--container)} #brx-content.wordpress {width: var(--container)}