::selection { background-color: var(--color-primary); color: var(--color-white);}::placeholder {color: var(--color-text-muted);}body {background-color: var(--color-bg); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E");}strong, b { font-weight: 600;}.hidden {display: none;}.brxe-section {scroll-margin-top: var(--header-height);}.brxe-button {min-width: 180px;}input:not([type=checkbox], [type=radio]), textarea, select {background-color: var(--color-bg-alt);font-size: var(--text-m);font-weight: 400;color: var(--color-text);height: 52px;line-height: 52px;padding: 0 var(--space-16);border: 2px solid var(--color-bg-alt);border-radius: var(--radius-4);width: 100%; outline: none; box-shadow: var(--shadow-sm);transition: all 0.3s ease;}textarea {min-height: 124px;padding: 15px var(--space-20);resize: none;line-height: 1.45;}.long--textarea textarea {min-height: 158px;}input:focus, textarea:focus, select:focus {border-color: var(--color-text-muted);}input.invalid {border-color: var(--color-error);} body {font-size: var(--text-base); line-height: 1.45; color: var(--color-text); font-weight: 400; font-family: "Hanken Grotesk"} h1, h2, h3, h4, h5, h6 {line-height: 1.2; color: var(--color-heading); font-weight: 500; font-family: "Fraunces"} h1 {font-size: var(--heading-xl)} h2 {font-size: var(--heading-l)} h3 {font-size: var(--heading-m)} h4 {font-size: var(--heading-s)} h5 {font-size: var(--text-l)} h6 {font-size: var(--text-l)} :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 {transition: all var(--transition-fast); color: currentColor; border-bottom: 1px none currentColor} :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: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 {border-bottom-width: 1px; border-bottom-style: solid} .brxe-text * + :is(h1, h2, h3, h4, h5, h6), .brxe-post-content:not([data-source=bricks]) * + :is(h1, h2, h3, h4, h5, h6), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(h1, h2, h3, h4, h5, h6) {margin-block-start: var(--space-24)} .brxe-text * + p, .brxe-post-content:not([data-source=bricks]) * + p, body:not(.woocommerce-checkout) [class*=woocommerce] * + p:not(.brxe-woocommerce-account-form-edit-account *) {margin-block-start: var(--space-12)} .brxe-text * + *, .brxe-post-content:not([data-source=bricks]) * + *, body:not(.woocommerce-checkout) [class*=woocommerce] * + *:not(.brxe-woocommerce-account-form-edit-account *) {margin-block-start: var(--space-12)}.brxe-text * + :is(li), .brxe-post-content:not([data-source=bricks]) * + :is(li), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(li) {margin-block-start: 4px}.brxe-text * + :is(ul), .brxe-post-content:not([data-source=bricks]) * + :is(ul), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(ul) {padding-inline-start: var(--space-28)}.brxe-text * + :is(ol), .brxe-post-content:not([data-source=bricks]) * + :is(ol), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(ol) {padding-inline-start: var(--space-28)} .brxe-container {max-width: var(--container-width); padding-right: var(--container-padding-x); padding-left: var(--container-padding-x); width: 100%} #brx-content.wordpress {max-width: var(--container-width); width: 100%} .woocommerce main.site-main {width: 100%} .brxe-section {padding-top: var(--section-padding-y); padding-bottom: var(--section-padding-y)} .bricks-button {color: var(--color-white); font-size: var(--text-base); font-weight: 600; letter-spacing: 0px; font-family: "Hanken Grotesk"; border: 1px solid var(--color-primary); border-radius: var(--radius-full); transition: var(--transition-base); padding-top: var(--space-12); padding-right: var(--space-20); padding-bottom: var(--space-12); padding-left: var(--space-20)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--color-primary)} .bricks-button.outline {color: var(--color-heading); letter-spacing: 0px; border: 1px solid color-mix(in srgb, var(--color-primary) 40%, white)} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)) {color: var(--color-heading); border-color: var(--color-primary-light)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: color-mix(in srgb, var(--color-primary) 88%, black)} .bricks-button.outline:hover {color: color-mix(in srgb, var(--color-primary) 88%, black); border-color: color-mix(in srgb, var(--color-primary) 88%, black)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: color-mix(in srgb, var(--color-secondary) 88%, black)} :root .bricks-button[class*="light"]:not(.outline):where(:not(.bricks-lightbox)):hover {background-color: color-mix(in srgb, var(--color-primary-light) 80%, white)} :root .bricks-button[class*="light"].outline {color: var(--color-primary-light); border-color: var(--color-primary-light)} :root .bricks-button[class*="light"].outline:hover {border-color: color-mix(in srgb, var(--color-primary-light) 80%, white); color: color-mix(in srgb, var(--color-primary-light) 80%, white)} .bricks-button:hover {border-color: rgba(77, 97, 73, 0)} :root .bricks-button[class*="secondary"]:hover {border-color: rgba(151, 79, 55, 0)} :root .bricks-button[class*="secondary"] {border-color: var(--color-secondary); color: var(--color-white)} :root .bricks-button[class*="secondary"].outline {color: var(--color-secondary); border-color: color-mix(in srgb, var(--color-secondary) 40%, white)} :root .bricks-button[class*="secondary"].outline:hover {color: color-mix(in srgb, var(--color-secondary) 88%, black); border-color: color-mix(in srgb, var(--color-secondary) 88%, black)} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)):hover {border-color: rgba(250, 245, 236, 0)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--color-black)} :root .bricks-button[class*="dark"] {border-color: var(--color-black); color: var(--color-white)} :root .bricks-button[class*="dark"].outline {color: var(--color-black); border-color: var(--color-black)} :root .bricks-button[class*="dark"]:not(.outline):hover {background-color: var(--color-heading)} :root .bricks-button[class*="dark"]:hover {border-color: rgba(39, 48, 42, 0)} :root .bricks-button[class*="dark"].outline:hover {color: var(--color-heading); border-color: var(--color-heading)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: color-mix(in srgb, var(--color-primary) 88%, black)} :root .bricks-button[class*="light"]:not(.outline):where(:not(.bricks-lightbox)) {background-color: var(--color-primary-light)}: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(--color-white)}:where(:root) .bricks-background-light {background-color: var(--color-white)}:where(:root) .bricks-color-dark {color: var(--color-black)}:where(:root) .bricks-background-dark {background-color: var(--color-black)}: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)}:where(:root) .bricks-color-primary {color: var(--color-primary)}:where(:root) .bricks-background-primary {background-color: var(--color-primary)}:where(:root) .bricks-color-success {color: var(--color-success)}:where(:root) .bricks-background-success {background-color: var(--color-success)}:where(:root) .bricks-color-warning {color: var(--color-warning)}:where(:root) .bricks-background-warning {background-color: var(--color-warning)}:where(:root) .bricks-color-danger {color: var(--color-error)}:where(:root) .bricks-background-danger {background-color: var(--color-error)}h1,h2,h3,h4,h5,h6, p, ul, ol, blockquote {margin: 0;}button {padding: 0;}