.brxe-form textarea { border-radius: min(var(--radius--btn), clamp(1.4rem,calc(0.16vw + 1.35rem),1.6rem));}:where(:root) .bricks-color-primary {color: var(--accent)}:where(:root) .bricks-background-primary {background-color: var(--accent)}:where(:root) .bricks-color-secondary {color: var(--foreground)}:where(:root) .bricks-background-secondary {background-color: var(--foreground)}: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) .bricks-color-muted {color: color-mix(in srgb, var(--heading), transparent 30%)}:where(:root) .bricks-background-muted {background-color: color-mix(in srgb, var(--heading), transparent 30%)} :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, :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, .brxe-product-content a, .brxe-product-short-description a, .brxe-product-tabs .woocommerce-Tabs-panel a, .brxe-form a {color: #0b31da} body {font-size: var(--text--m); font-family: "Inter"; color: var(--text); line-height: 1.4} h1, h2, h3, h4, h5, h6 {font-family: "Inter"; color: var(--heading); line-height: 1.2; font-weight: 700} h1 {font-size: var(--heading--2xl)} h2 {font-size: var(--heading--xl)} h3 {font-size: var(--heading--l)} h4 {font-size: var(--heading--m)} h5 {font-size: var(--heading--s)} h6 {font-size: var(--heading--xs)} body.bricks-is-frontend :focus-visible {outline: 2px solid blue} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: 2px solid blue; }} .brxe-section {padding-top: var(--section-padding); padding-bottom: var(--section-padding)} .brxe-container {row-gap: var(--container-gap); width: 100%; max-width: var(--max-screen-width); padding-right: var(--container-padding); padding-left: var(--container-padding)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--max-screen-width)} html {background-color: var(--background)} body {background: none}.brx-popup {padding-top: var(--section-padding); padding-right: var(--container-padding); padding-bottom: var(--section-padding); padding-left: var(--container-padding); justify-content: center; align-items: center}.brx-popup .brx-popup-backdrop {background-color: var(--text-40)} .brx-popup-content {padding-top: var(--space--xl); padding-right: var(--space--xl); padding-bottom: var(--space--xl); padding-left: var(--space--xl); background-color: var(--background); border-radius: var(--radius--surface)}.brx-infobox-popup::after {border-top-color: var(--background)} .bricks-button {font-size: var(--text--m); line-height: 2rem; font-weight: 500; letter-spacing: .25px; white-space: nowrap; border: max(var(--border--btn), 1px) solid var(--bricks-border-color); border-radius: var(--radius--btn); transition: all var(--timing--s); padding-top: 1rem; padding-right: 2rem; padding-bottom: 1rem; padding-left: 2rem} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {color: var(--btn-text); border-color: var(--accent-base)} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--accent-base)} .bricks-button:where(.bricks-color-primary.outline) {color: var(--accent-base); background-color: var(--transparent); border-color: var(--accent-base)} .bricks-button:where(.bricks-background-secondary), .bricks-button:where(.bricks-color-secondary) {color: var(--heading); border-color: var(--border)} .bricks-button:where(.bricks-background-secondary:not(.outline)) {background-color: color-mix(in srgb, var(--heading), transparent 92%)} .bricks-button:where(.bricks-color-secondary.outline) {color: var(--heading); background-color: var(--transparent); border-color: var(--border)} .bricks-button:where(.bricks-background-light:not(.bricks-lightbox)), .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)) {color: var(--dark); border-color: var(--light)} .bricks-button:where(.bricks-background-light:not(.outline):not(.bricks-lightbox)) {background-color: var(--light)} .bricks-button:where(.bricks-color-light.outline) {color: var(--light); background-color: var(--transparent); border-color: var(--light)} .bricks-button:where(.bricks-background-dark), .bricks-button:where(.bricks-color-dark) {color: var(--light); border-color: var(--dark)} .bricks-button:where(.bricks-background-dark:not(.outline)) {background-color: var(--dark)} .bricks-button:where(.bricks-color-dark.outline) {color: var(--dark); background-color: var(--transparent); border-color: var(--dark)} .bricks-button:where(.bricks-background-muted), .bricks-button:where(.bricks-color-muted) {color: var(--heading); border-color: var(--border)} .bricks-button:where(.bricks-background-muted:not(.outline)) {background-color: color-mix(in srgb, var(--heading), transparent 92%)} .bricks-button:where(.bricks-color-muted.outline) {color: var(--heading); background-color: var(--transparent); border-color: var(--border)} .bricks-button:where(.bricks-background-info), .bricks-button:where(.bricks-color-info) {color: var(--heading); border-color: var(--transparent)} .bricks-button:where(.bricks-background-info:not(.outline)) {background-color: var(--transparent)} .bricks-button:where(.bricks-color-info.outline) {color: var(--heading); background-color: var(--transparent); border-color: color-mix(in srgb, var(--heading), transparent 50%)} .bricks-button:where(.sm) {padding-top: 0.4rem; padding-right: 1rem; padding-bottom: 0.4rem; padding-left: 1rem; font-size: var(--text--s)} .brxe-text {color: var(--text)} .brxe-text-basic {color: var(--text)}.brxe-form .form-group label {color: color-mix(in srgb, var(--heading), transparent 20%); font-size: var(--text--xs); text-transform: uppercase; font-weight: 500; line-height: 2rem}.brxe-form .form-group .label {color: color-mix(in srgb, var(--heading), transparent 20%); font-size: var(--text--xs); text-transform: uppercase; font-weight: 500; line-height: 2rem}.brxe-form ::placeholder {color: color-mix(in srgb, var(--heading), transparent 65%); line-height: 2rem}.brxe-form select {color: color-mix(in srgb, var(--heading), transparent 65%); line-height: 2rem; color: var(--heading); background-color: var(--input); border: var(--border--surface) solid var(--border); border-radius: var(--radius--btn); padding-top: 1.2rem; padding-right: 1.4rem; padding-bottom: 1.2rem; padding-left: 1.4rem}.brxe-form .form-group input {color: var(--heading); line-height: 2rem; background-color: var(--input); border: var(--border--surface) solid var(--border); border-radius: var(--radius--btn); padding-top: 1.2rem; padding-right: 1.4rem; padding-bottom: 1.2rem; padding-left: 1.4rem}.brxe-form textarea {color: var(--heading); line-height: 2rem; background-color: var(--input); border: var(--border--surface) solid var(--border); border-radius: var(--radius--btn); padding-top: 1.2rem; padding-right: 1.4rem; padding-bottom: 1.2rem; padding-left: 1.4rem}.brxe-form .flatpickr {background-color: var(--input); border: var(--border--surface) solid var(--border); border-radius: var(--radius--btn); padding-top: 1.2rem; padding-right: 1.4rem; padding-bottom: 1.2rem; padding-left: 1.4rem}.brxe-form .form-field-richtext + .tox-tinymce {background-color: var(--input); border: var(--border--surface) solid var(--border); border-radius: var(--radius--btn)}.brxe-form .bricks-button {border: var(--border--surface) solid var(--border); border-radius: var(--radius--btn); border-width: max(var(--border--btn), 1px)}.brxe-form .choose-files {border: var(--border--surface) solid var(--border); border-radius: var(--radius--btn)}.brxe-form .form-group {padding-bottom: var(--space--s)}.brxe-form .form-field-richtext + .tox-tinymce .tox-edit-area__iframe {padding-top: 1.2rem; padding-right: 1.4rem; padding-bottom: 1.2rem; padding-left: 1.4rem}.brxe-divider .line {border-top-width: max(var(--border--surface), 1px)}.brxe-divider.horizontal .line {border-top-color: var(--border)}.brxe-divider.vertical .line {border-right-color: var(--border)}.brxe-divider .icon i {color: var(--border)}.brxe-counter {color: var(--heading)}.brxe-search input[type=search] {background-color: var(--input); border-color: var(--border); border-radius: var(--radius--btn)}.brxe-search button {color: var(--heading); font-size: var(--text--s)}@media (max-width: 478px) { .brxe-container {padding-right: var(--container-padding--min); padding-left: var(--container-padding--min)}}