form.brxe-form textarea { border-radius: min(var(--radius--btn), clamp(1.4rem,calc(0.16vw + 1.35rem),1.6rem));} :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) 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: "Azo Sans"; color: var(--text); line-height: 1.4; font-weight: 400; font-style: normal} h1, h2, h3, h4, h5, h6 {font-family: "Azo Sans"; color: var(--heading); line-height: 1.2; font-weight: 700; text-transform: none; letter-spacing: 0em} h1 {font-size: var(--heading--2xl); font-weight: 600; line-height: 1.2; text-transform: none; letter-spacing: 0em} h2 {font-size: var(--heading--xl); font-weight: 600; line-height: 1.2; text-transform: none; letter-spacing: 0em} h3 {font-size: var(--heading--l); font-weight: 600; line-height: 1.2; text-transform: none; letter-spacing: 0em} h4 {font-size: var(--heading--m); font-weight: 600; line-height: 1.2; text-transform: none; letter-spacing: 0em} h5 {font-size: var(--heading--s); font-weight: 600; line-height: 1.2; text-transform: none; letter-spacing: 0em} h6 {font-size: var(--heading--xs); font-weight: 600; line-height: 1.2; text-transform: none; letter-spacing: 0em} body.bricks-is-frontend :focus-visible {outline: 2px solid blue} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: 2px solid blue; }} blockquote {border-color: var(--accent); font-weight: 500} .brxe-section {padding-top: var(--section-padding); padding-bottom: var(--section-padding)} .brxe-container {width: 100%; max-width: var(--max-screen-width); padding-right: var(--container-padding); padding-left: var(--container-padding); row-gap: var(--container-gap)} .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 {padding-top: 1rem; padding-right: 2rem; padding-bottom: 1rem; padding-left: 2rem; font-size: var(--text--s); 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: background-color 160ms ease, background-image 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease, transform 160ms ease; box-shadow: 0 0 0 0 transparent} :root .bricks-button[class*="primary"] {color: var(--btn-text); border: max(var(--border--btn), 1px) solid var(--accent); box-shadow: 0 0 0 0 transparent} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--accent)} :root .bricks-button[class*="secondary"] {color: var(--heading); border: max(var(--border--btn), 1px) solid var(--border); box-shadow: 0 0 0 0 transparent} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: color-mix(in srgb, var(--heading), transparent 92%)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--dark); border: max(var(--border--btn), 1px) solid var(--light); box-shadow: 0 0 0 0 transparent} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--light)} :root .bricks-button[class*="dark"] {color: var(--light); border: max(var(--border--btn), 1px) solid var(--dark); box-shadow: 0 0 0 0 transparent} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--dark)} :root .bricks-button[class*="muted"] {color: var(--heading); border: max(var(--border--btn), 1px) solid var(--border); box-shadow: 0 0 0 0 transparent} :root .bricks-button[class*="muted"]:not(.outline) {background-color: var(--input)} .bricks-button.sm {padding-top: 0.4rem; padding-right: 1rem; padding-bottom: 0.4rem; padding-left: 1rem; font-size: var(--text--s)} :root .bricks-button[class*="info"]:not(.outline) {background-color: #2563eb} :root .bricks-button[class*="info"] {color: #ffffff; border: max(var(--border--btn), 1px) solid #2563eb; box-shadow: 0 0 0 0 transparent} :root .bricks-button[class*="primary"].outline {background-color: var(--transparent); border: max(var(--border--btn), 1px) solid var(--accent); color: var(--accent); box-shadow: 0 0 0 0 transparent} :root .bricks-button[class*="secondary"].outline {border: max(var(--border--btn), 1px) solid var(--border); background-color: var(--transparent); color: var(--heading); box-shadow: 0 0 0 0 transparent} :root .bricks-button[class*="light"].outline {border: max(var(--border--btn), 1px) solid var(--light); background-color: var(--transparent); color: var(--light); box-shadow: 0 0 0 0 transparent} :root .bricks-button[class*="dark"].outline {border: max(var(--border--btn), 1px) solid var(--dark); background-color: var(--transparent); color: var(--dark); box-shadow: 0 0 0 0 transparent} :root .bricks-button[class*="muted"].outline {background-color: var(--transparent); color: var(--heading); border: max(var(--border--btn), 1px) solid var(--border); box-shadow: 0 0 0 0 transparent} :root .bricks-button[class*="info"].outline {color: #2563eb; border: max(var(--border--btn), 1px) solid #2563eb; background-color: var(--transparent); box-shadow: 0 0 0 0 transparent} .bricks-button.outline {box-shadow: 0 0 0 0 transparent} :root .bricks-button[class*="success"] {color: #ffffff; border: max(var(--border--btn), 1px) solid #16a34a; box-shadow: 0 0 0 0 transparent} :root .bricks-button[class*="success"]:not(.outline) {background-color: #16a34a} :root .bricks-button[class*="success"].outline {color: #16a34a; background-color: var(--transparent); border: max(var(--border--btn), 1px) solid #16a34a; box-shadow: 0 0 0 0 transparent} :root .bricks-button[class*="warning"] {color: #111111; border: max(var(--border--btn), 1px) solid #f59e0b; box-shadow: 0 0 0 0 transparent} :root .bricks-button[class*="warning"]:not(.outline) {background-color: #f59e0b} :root .bricks-button[class*="warning"].outline {color: #a16207; background-color: var(--transparent); border: max(var(--border--btn), 1px) solid #f59e0b; box-shadow: 0 0 0 0 transparent} :root .bricks-button[class*="danger"] {color: #ffffff; border: max(var(--border--btn), 1px) solid #dc2626; box-shadow: 0 0 0 0 transparent} :root .bricks-button[class*="danger"]:not(.outline) {background-color: #dc2626} :root .bricks-button[class*="danger"].outline {color: #dc2626; background-color: var(--transparent); border: max(var(--border--btn), 1px) solid #dc2626; box-shadow: 0 0 0 0 transparent} .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 .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-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-divider .line {border-top-width: max(var(--border--surface), 1px)}.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)}:where(:root) .bricks-color-primary {color: var(--accent)}:where(:root) .bricks-background-primary {background-color: var(--accent)}: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) 70%, transparent)}:where(:root) .bricks-background-muted {background-color: color-mix(in srgb, var(--heading) 70%, transparent)}:where(:root) .bricks-color-secondary {color: var(--foreground)}:where(:root) .bricks-background-secondary {background-color: var(--foreground)}:where(:root) * {border-color: var(--border)}@media (max-width: 478px) { .brxe-container {padding-right: var(--container-padding--min); padding-left: var(--container-padding--min)}}