#bricks-blank-canvas { background: var(--bg-base); min-height: 100dvh; display: flex; justify-content: center;}svg { height: 1em; width: 1em; min-height: unset; min-width: unset;} html {font-size: 16px} body {font-size: var(--text-m); color: var(--text-dark); letter-spacing: -1%} h1, h2, h3, h4, h5, h6 {font-weight: 700} 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)} body.bricks-is-frontend :focus-visible {outline: none} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: none; }} .brxe-container {display: flex; flex-direction: column; justify-content: flex-start; row-gap: var(--space-l); column-gap: var(--space-l); max-width: min(100%, var(--content-width-max)); width: 100%} #brx-content.wordpress {max-width: min(100%, var(--content-width-max)); width: 100%} .woocommerce main.site-main {width: 100%}.brxe-svg * {fill: currentColor !important}.brxe-svg {height: 1em; width: 1em} .brxe-section {padding-top: var(--pad-section-m); padding-right: var(--gutter); padding-bottom: var(--pad-section-m); padding-left: var(--gutter)}: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) * {border-color: var(--border)}:where(:root) .bricks-color-light {color: var(--text-light)}:where(:root) .bricks-background-light {background-color: var(--text-light)}:where(:root) .bricks-color-dark {color: var(--text-dark)}:where(:root) .bricks-background-dark {background-color: var(--text-dark)}:where(:root) .bricks-color-muted {color: var(--text-dark-muted)}:where(:root) .bricks-background-muted {background-color: var(--text-dark-muted)} html {background-color: var(--bg-base)} body {background: none} :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 {color: var(--text-link)} .brxe-div:where(:not(.brx-dropdown-content)) {display: flex} .brxe-div {column-gap: 0px; row-gap: 0px; flex-direction: column} .brxe-block {max-width: 100%; column-gap: var(--space-m); row-gap: var(--space-m)}.brxe-divider.horizontal .line {border-top-color: var(--border-subtle)}.brxe-divider.vertical .line {border-right-color: var(--border-subtle)}.brxe-divider .icon i {color: var(--border-subtle)}@media (max-width: 477px) {: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)}}