[data-balloon]:after { font-size: 1rem; padding: 10px;}p { text-wrap: pretty;}.brxe-button { text-transform: uppercase; svg { stroke: var(--primary); } &.bricks-background-light:hover { svg { stroke: currentColor !important; } }}body.bricks-is-frontend :focus:not(:focus-visible) { outline: none; box-shadow: none;}body.bricks-is-frontend :focus-visible { outline: var(--focus-outline); outline-offset: var(--focus-offset);}body a:where(:not([class*=brxe-button])) { color: var(--link-color); text-decoration: var(--link-deco) var(--link-deco-color) var(--link-deco-thickness); text-underline-offset: var(--link-deco-offset); transition: var(--link-transition);}body a:where(:not([class*=brxe-button])):hover,body a:where(:not([class*=brxe-button])):focus-visible { color: var(--link-color-hover); text-decoration: var(--link-deco-hover) var(--link-deco-color) var(--link-deco-thickness);}:where(img:not(header img), figure:not(figure:has(img))) { border-radius: var(--img-radius);}body { color: var(--text-color); font-family: var(--body-font); font-weight: var(--text-weight); font-size: var(--text-m); line-height: var(--line-height-m);}h1, .h1 { font-family: var(--h1-font); font-size: var(--h1); font-weight: var(--h1-weight); color: var(--heading-color); line-height: .8; letter-spacing: var(--letter-spacing-tight); text-transform: uppercase;}h2, .h2 { font-family: var(--h2-font); font-size: var(--h2); font-weight: var(--h2-weight); color: var(--heading-color); line-height: .9; letter-spacing: var(--letter-spacing-tight); text-transform: uppercase;}h3, .h3 { font-family: var(--h3-font); font-size: var(--h3); font-weight: var(--h3-weight); color: var(--heading-color); line-height: var(--line-height-s); letter-spacing: -.01em;}h4, .h4 { font-family: var(--h4-font); font-size: var(--h4); font-weight: var(--h4-weight); color: var(--heading-color); line-height: var(--line-height-m);}h5, .h5 { font-family: var(--h5-font); font-size: var(--h5); font-weight: var(--h5-weight); color: var(--heading-color); line-height: var(--line-height-s);}h6, .h6 { font-family: var(--h6-font); font-size: var(--h6); font-weight: var(--h6-weight); color: var(--heading-color); line-height: var(--line-height-xs);}html body .bricks-button,html body .bricks-button:is( .bricks-background-primary, .bricks-background-secondary, .bricks-background-light, .bricks-background-dark),html body .bricks-button.outline:is( .bricks-color-primary, .bricks-color-secondary, .bricks-color-light, .bricks-color-dark) { display: inline-flex; align-items: center; justify-content: center; gap: var(--btn-gap); padding: var(--btn-padding-block) var(--btn-padding-inline); border-radius: var(--btn-radius); border-width: var(--btn-border-size); border-style: var(--btn-border-style); border-color: var(--btn-border); background-color: var(--btn-bg); color: var(--btn-text) !important; font-weight: var(--btn-font-weight); line-height: var(--btn-line-height); text-align: center; text-decoration: none; transition: background-color var(--btn-transition), border-color var(--btn-transition), color var(--btn-transition), opacity var(--btn-transition); cursor: pointer;}html body .bricks-button:hover,html body .bricks-button:focus-visible,html body .bricks-button:is( .bricks-background-primary, .bricks-background-secondary, .bricks-background-light, .bricks-background-dark):hover,html body .bricks-button:is( .bricks-background-primary, .bricks-background-secondary, .bricks-background-light, .bricks-background-dark):focus-visible,html body .bricks-button.outline:is( .bricks-color-primary, .bricks-color-secondary, .bricks-color-light, .bricks-color-dark):hover,html body .bricks-button.outline:is( .bricks-color-primary, .bricks-color-secondary, .bricks-color-light, .bricks-color-dark):focus-visible { background-color: var(--btn-bg-hover); color: var(--btn-text-hover) !important; border-color: var(--btn-border-hover);}html body .bricks-button:focus-visible { outline: none;}html body .bricks-button[disabled],html body .bricks-button.disabled { opacity: 0.6; pointer-events: none;}html body .bricks-button.bricks-background-primary { --btn-bg: var(--btn-primary-bg); --btn-bg-hover: var(--btn-primary-bg-hover); --btn-text: var(--btn-primary-text); --btn-text-hover: var(--btn-primary-text-hover); --btn-border: var(--btn-primary-border); --btn-border-hover: var(--btn-primary-border-hover);}html body .bricks-button.bricks-background-secondary { --btn-bg: var(--btn-secondary-bg); --btn-bg-hover: var(--btn-secondary-bg-hover); --btn-text: var(--btn-secondary-text); --btn-text-hover: var(--btn-secondary-text-hover); --btn-border: var(--btn-secondary-border); --btn-border-hover: var(--btn-secondary-border-hover);}html body .bricks-button.bricks-background-light { --btn-bg: var(--btn-light-bg); --btn-bg-hover: var(--btn-light-bg-hover); --btn-text: var(--btn-light-text); --btn-text-hover: var(--btn-light-text-hover); --btn-border: var(--btn-light-border); --btn-border-hover: var(--btn-light-border-hover);}html body .bricks-button.bricks-background-dark { --btn-bg: var(--btn-dark-bg); --btn-bg-hover: var(--btn-dark-bg-hover); --btn-text: var(--btn-dark-text); --btn-text-hover: var(--btn-dark-text-hover); --btn-border: var(--btn-dark-border); --btn-border-hover: var(--btn-dark-border-hover);}html body .bricks-button.outline.bricks-color-primary { --btn-bg: var(--btn-outline-primary-bg); --btn-bg-hover: var(--btn-outline-primary-bg-hover); --btn-text: var(--btn-outline-primary-text); --btn-text-hover: var(--btn-outline-primary-text-hover); --btn-border: var(--btn-outline-primary-border); --btn-border-hover: var(--btn-outline-primary-border-hover);}html body .bricks-button.outline.bricks-color-secondary { --btn-bg: var(--btn-outline-secondary-bg); --btn-bg-hover: var(--btn-outline-secondary-bg-hover); --btn-text: var(--btn-outline-secondary-text); --btn-text-hover: var(--btn-outline-secondary-text-hover); --btn-border: var(--btn-outline-secondary-border); --btn-border-hover: var(--btn-outline-secondary-border-hover);}html body .bricks-button.outline.bricks-color-light { --btn-bg: var(--btn-outline-light-bg); --btn-bg-hover: var(--btn-outline-light-bg-hover); --btn-text: var(--btn-outline-light-text); --btn-text-hover: var(--btn-outline-light-text-hover); --btn-border: var(--btn-outline-light-border); --btn-border-hover: var(--btn-outline-light-border-hover);}html body .bricks-button.outline.bricks-color-dark { --btn-bg: var(--btn-outline-dark-bg); --btn-bg-hover: var(--btn-outline-dark-bg-hover); --btn-text: var(--btn-outline-dark-text); --btn-text-hover: var(--btn-outline-dark-text-hover); --btn-border: var(--btn-outline-dark-border); --btn-border-hover: var(--btn-outline-dark-border-hover);}html body .bricks-button.lg { padding: calc(var(--btn-padding-block) * 1.2) calc(var(--btn-padding-inline) * 1.2);}.wsf-form { --wsf-field-radio-size: var(--radio-size); --wsf-field-radio-checked-size: var(--radio-size-checked); --wsf-field-checkbox-size: var(--checkbox-size); --wsf-field-checkbox-check-size: calc(var(--wsf-field-checkbox-size) / 8); --wsf-field-checkbox-check-height: calc(var(--wsf-field-checkbox-size) / 2);}.wsf-form [data-row-checkbox],.wsf-form [data-row-radio] { --wsf-field-label-font-size: var(--field-font-size); --wsf-field-label-font-weight: 400;}.wsf-form [data-type="checkbox"] .wsf-label:first-child,.wsf-form [data-type="radio"] .wsf-label:first-child { --wsf-field-label-gap: var(--space-s);}.wsf-form [data-type="checkbox"] .wsf-label:first-child + div:has(.wsf-inline),.wsf-form [data-type="radio"] .wsf-label:first-child + div:has(.wsf-inline) { display: flex; flex-wrap: wrap; gap: var(--space-m) var(--space-l);}.wsf-form [data-type="checkbox"] .wsf-label:first-child + div:has(.wsf-inline) .wsf-inline,.wsf-form [data-type="radio"] .wsf-label:first-child + div:has(.wsf-inline) .wsf-inline { margin: 0;}.form { display: grid; gap: var(--form-gap);}.form label { display: block; margin-bottom: var(--label-spacing); color: var(--label-color); font-size: var(--label-size); font-weight: var(--label-weight);}.form :where( input:not([type="checkbox"]):not([type="radio"]), textarea, select) { width: 100%; padding: var(--field-pad-y) var(--field-pad-x); background: var(--field-bg); color: var(--field-text); border: var(--field-border-width) solid var(--field-border-color); border-radius: var(--field-radius); font: inherit; font-size: var(--field-font-size);}.form :where(input, textarea)::placeholder { color: var(--field-placeholder);}.form :where(input, textarea, select):hover { background: var(--field-bg-hover); border-color: var(--field-border-hover);}.form :where(input, textarea, select):focus { outline: none; border-color: var(--field-border-focus); box-shadow: var(--field-focus-ring);}.form textarea { min-height: 8rem; resize: vertical;}.form :where(input[type="checkbox"], input[type="radio"]) { width: auto; padding: 0; accent-color: var(--check-bg-selected);}.form :where(button[type="submit"], input[type="submit"]) { --btn-bg: var(--btn-primary-bg); --btn-bg-hover: var(--btn-primary-bg-hover); --btn-text: var(--btn-primary-text); --btn-text-hover: var(--btn-primary-text-hover); --btn-border: var(--btn-primary-border); --btn-border-hover: var(--btn-primary-border-hover); display: inline-flex; align-items: center; justify-content: center; gap: var(--btn-gap); width: auto; padding: var(--btn-padding-block) var(--btn-padding-inline); background: var(--btn-bg); color: var(--btn-text); border: var(--btn-border-size) var(--btn-border-style) var(--btn-border); border-radius: var(--btn-radius); font: inherit; font-weight: var(--btn-font-weight); line-height: var(--btn-line-height); cursor: pointer; transition: var(--btn-transition);}.form :where(button[type="submit"], input[type="submit"]):hover,.form :where(button[type="submit"], input[type="submit"]):focus-visible { background: var(--btn-bg-hover); color: var(--btn-text-hover); border-color: var(--btn-border-hover);} html {font-size: 100%} .brxe-section {padding-top: var(--section-m); padding-right: var(--gutter); padding-bottom: var(--section-m); padding-left: var(--gutter)} .brxe-container {width: var(--content-width); row-gap: var(--content-gap); column-gap: var(--content-gap)} .woocommerce main.site-main {width: var(--content-width)} #brx-content.wordpress {width: var(--content-width)} .brxe-block {column-gap: var(--content-gap); row-gap: var(--content-gap)} .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(--heading-spacing)} .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(--paragraph-spacing)} .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(--paragraph-spacing)}.brxe-text * + :is(li), .brxe-post-content:not([data-source=bricks]) * + :is(li), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(li), .content-spacing * + :is(li) {margin-block-start: 0px}.brxe-text * + :is(ul), .brxe-post-content:not([data-source=bricks]) * + :is(ul), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(ul), .content-spacing * + :is(ul) {padding-inline-start: var(--space-s)}.content-spacing :is(h1, h2, h3, h4, h5, h6):not(:first-child) {margin-block-start: var(--heading-spacing)}.content-spacing p:not(:first-child) {margin-block-start: var(--paragraph-spacing)}.content-spacing > * + * {margin-block-start: var(--paragraph-spacing)}:where(:root) * {border-color: var(--border-theme)}: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) .bricks-color-success {color: var(--success)}:where(:root) .bricks-background-success {background-color: var(--success)}:where(:root) .bricks-color-danger {color: var(--error)}:where(:root) .bricks-background-danger {background-color: var(--error)}:where(:root) .bricks-color-dark {color: var(--base-d-5)}:where(:root) .bricks-background-dark {background-color: var(--base-d-5)}:where(:root) .bricks-color-muted {color: var(--base-l-3)}:where(:root) .bricks-background-muted {background-color: var(--base-l-3)}:where(:root) .bricks-color-light {color: var(--base-l-5)}:where(:root) .bricks-background-light {background-color: var(--base-l-5)} .brx-popup-content {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; border-radius: var(--modal-radius)}.brx-popup {padding-top: var(--space-m); padding-right: var(--gutter); padding-bottom: var(--space-m); padding-left: var(--gutter)}.brx-popup .brx-popup-backdrop {background-color: var(--modal-overlay)}.brxe-form .form-group label {color: var(--label-color); font-size: var(--label-size); text-transform: none}.brxe-form .form-group .label {color: var(--label-color); font-size: var(--label-size); text-transform: none}.brxe-form ::placeholder {color: var(--field-placeholder)}.brxe-form select {color: var(--field-placeholder); padding-top: var(--field-pad-y); padding-right: var(--field-pad-x); padding-bottom: var(--field-pad-y); padding-left: var(--field-pad-x); border: var(--field-border-width) solid var(--field-border-color); border-radius: var(--field-radius); background-color: var(--field-bg); color: var(--field-text); font-size: field; line-height: var(--line-height-m)}.brxe-form .form-group input {padding-top: var(--field-pad-y); padding-right: var(--field-pad-x); padding-bottom: var(--field-pad-y); padding-left: var(--field-pad-x); border: var(--field-border-width) solid var(--field-border-color); border-radius: var(--field-radius); background-color: var(--field-bg); color: var(--field-text); font-size: field; line-height: var(--line-height-m)}.brxe-form .flatpickr {padding-top: var(--field-pad-y); padding-right: var(--field-pad-x); padding-bottom: var(--field-pad-y); padding-left: var(--field-pad-x); border: var(--field-border-width) solid var(--field-border-color); border-radius: var(--field-radius); background-color: var(--field-bg)}.brxe-form textarea {padding-top: var(--field-pad-y); padding-right: var(--field-pad-x); padding-bottom: var(--field-pad-y); padding-left: var(--field-pad-x); border: var(--field-border-width) solid var(--field-border-color); border-radius: var(--field-radius); background-color: var(--field-bg); color: var(--field-text); font-size: field; line-height: var(--line-height-m)}.brxe-form .bricks-button {border: var(--field-border-width) solid var(--field-border-color); border-radius: var(--field-radius)}.brxe-form .choose-files {border: var(--field-border-width) solid var(--field-border-color); border-radius: var(--field-radius)}.brxe-form .form-group {padding-bottom: var(--form-gap)} html {background-color: var(--bg-site)} body {background: none}h1,h2,h3,h4,h5,h6, p, ul, ol, li, figure {margin: 0;}ul, ol, blockquote, button {padding: 0;}