:root{ --vt-content-max: var(--desktop-max-width);  --vt-gutter: 24px;  --vt-edge: max(var(--vt-gutter), calc(50% - var(--vt-content-max) / 2));}body::before{ content:""; position:fixed; top:0; bottom:0; left: var(--vt-edge); right: var(--vt-edge); border-left:1px solid #ffffff; border-right:1px solid #ffffff; mix-blend-mode: difference; opacity:.22; pointer-events:none; z-index: 2;}.brxe-section{ padding-inline: var(--vt-edge);}@media (max-width: 640px){ :root{ --vt-gutter: 12px; }}.vt-dark{ background-color: var(--vt-grey); color: var(--vt-creme); background-image: none;}body.bricks-is-frontend { :focus-visible { outline: none; box-shadow: 0 0 0 2px var(--color-accent), 0 0 0 4px var(--color-white); box-decoration-break: clone; }}pre { font-family: 'Courier New', Courier, monospace;  background-color: #f4f4f4;  color: #333;  padding: 15px;  border-radius: 5px;  overflow-x: auto;  border: 1px solid #ddd;}.dot-pattern { position: relative;}.dot-pattern::before { content: ""; position: absolute; inset: calc(-1 * var(--section-vertical-padding)) 0; background-image: radial-gradient( circle, var(--dot-color) var(--dot-size), transparent calc(var(--dot-size) + 0.5px) ); background-size: var(--dot-gap) var(--dot-gap); background-repeat: repeat; background-position: calc(var(--dot-gap) / 2 - 1.5px) calc(var(--dot-gap) / 2 - 1.5px); pointer-events: none; z-index: 0;}.dot-pattern > * { position: relative; z-index: 1;} html {background-color: var(--color-background)} body {background: none}:where(:root) .bricks-color-primary {color: var(--color-primary)}:where(:root) .bricks-background-primary {background-color: var(--color-primary)}:where(:root) .bricks-color-secondary {color: var(--color-secondary)}:where(:root) .bricks-background-secondary {background-color: var(--color-secondary)}:where(:root) .bricks-color-light {color: var(--vis-creme)}:where(:root) .bricks-background-light {background-color: var(--vis-creme)}:where(:root) .bricks-color-dark {color: var(--vis-grey)}:where(:root) .bricks-background-dark {background-color: var(--vis-grey)}:where(:root) .bricks-color-muted {color: var(--color-text-muted)}:where(:root) .bricks-background-muted {background-color: var(--color-text-muted)}:where(:root) * {border-color: var(--color-border)} html {font-size: 100%} body {color: var(--color-text-base); font-size: var(--text-m); line-height: var(--leading-normal); font-family: "Inter", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif} h1, h2, h3, h4, h5, h6 {font-family: "Space Grotesk"; font-weight: 500; line-height: var(--leading-heading-h1-h3); color: var(--color-text-base)} h1 {font-size: var(--headings-1); font-weight: 400; margin-bottom: var(--space-s)} h2 {font-size: var(--headings-2); font-weight: 400; margin-top: var(--space-l); margin-bottom: var(--space-s)} h3 {font-size: var(--headings-3); font-weight: 400; margin-top: var(--space-m); margin-bottom: var(--space-s)} h4 {font-size: var(--headings-4); line-height: var(--leading-heading-h4-h6); margin-top: var(--space-l); margin-bottom: var(--space-s)} h5 {font-size: var(--headings-5); line-height: var(--leading-heading-h4-h6); margin-top: var(--space-l); margin-bottom: var(--space-s)} h6 {font-size: var(--headings-6); line-height: var(--leading-heading-h4-h6); margin-top: var(--space-l); margin-bottom: var(--space-s)} :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(.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, :where( .brxe-accordion .accordion-content-wrapper, .brxe-icon-box .content, .brxe-list, .brxe-post-content:not([data-source="bricks"]), .brxe-posts .dynamic p, .brxe-shortcode, .brxe-tabs .tab-content, .brxe-team-members .description, .brxe-testimonials .testimonial-content-wrapper, .brxe-text, .brxe-text-basic, .brxe-rich-text, .brxe-post-comments .comment-content, .brxe-breadcrumbs) a { color: inherit; text-decoration: underline; text-decoration-color: currentColor; text-decoration-thickness: 1px; text-underline-offset: 3px; padding-bottom: 1px;  background-image: linear-gradient(var(--color-link-decoration), var(--color-link-decoration)); background-repeat: no-repeat; background-position: 0 100%; background-size: 0% 3px; -webkit-box-decoration-break: clone; box-decoration-break: clone; transition-property: text-decoration-color, background-size; transition-duration: 120ms, 120ms; transition-timing-function: ease-out, ease-out; transition-delay: 0ms, 0ms;}:where( .brxe-accordion .accordion-content-wrapper, .brxe-icon-box .content, .brxe-list, .brxe-post-content:not([data-source="bricks"]), .brxe-posts .dynamic p, .brxe-shortcode, .brxe-tabs .tab-content, .brxe-team-members .description, .brxe-testimonials .testimonial-content-wrapper, .brxe-text, .brxe-text-basic, .brxe-rich-text, .brxe-post-comments .comment-content, .brxe-breadcrumbs) a:hover { text-decoration-color: transparent; background-size: 100% 3px; transition-delay: 0ms, 100ms;}@media (prefers-reduced-motion: reduce) { :where( .brxe-accordion .accordion-content-wrapper, .brxe-icon-box .content, .brxe-list, .brxe-post-content:not([data-source="bricks"]), .brxe-posts .dynamic p, .brxe-shortcode, .brxe-tabs .tab-content, .brxe-team-members .description, .brxe-testimonials .testimonial-content-wrapper, .brxe-text, .brxe-text-basic, .brxe-rich-text, .brxe-post-comments .comment-content, .brxe-breadcrumbs ) a { transition: none; }} {text-decoration: underline} .bricks-button {color: var(--color-text-base); font-weight: 500; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out; border: 1px solid var(--color-primary)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--color-background)} :root .bricks-button[class*="secondary"] {border: 1px solid var(--color-border)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--viscreme)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--color-secondary-hover)} .bricks-button:hover {border: 1px solid var(--color-border)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--viscreme)} .brxe-section {padding-top: var(--section-vertical-padding); padding-bottom: var(--section-vertical-padding)} .brxe-container {padding-right: var(--space-xl); padding-left: var(--space-xl); margin-right: auto; margin-left: auto; width: var(--desktop-max-width); column-gap: var(--column-gap); row-gap: var(--row-gap)} .woocommerce main.site-main {width: var(--desktop-max-width)} #brx-content.wordpress {width: var(--desktop-max-width)} .brxe-image .bricks-image-caption-custom, .wp-element-caption:not(.wp-block-gallery *) {font-size: var(--text-s); font-style: italic; color: var(--vis-grey); text-align: center; margin-top: 0; margin-bottom: var(--space-l)}@media (max-width: 991px) { .brxe-container {padding-right: var(--space-m); padding-left: var(--space-m)}}@media (max-width: 767px) { .brxe-container {max-width: 100%} #brx-content.wordpress {max-width: 100%}}@media (max-width: 478px) { .brxe-container {max-width: 100%} #brx-content.wordpress {max-width: 100%}}