:root {
  font-size: 100%;
}
:root {
  --transition-timing: ease-in-out;
  --transition-duration: .3s;
  --transition-delay: 0s;
  --transition: background-color var(--transition-duration) var(--transition-timing) var(--transition-delay), color var(--transition-duration) var(--transition-timing) var(--transition-delay), border-color var(--transition-duration) var(--transition-timing) var(--transition-delay), transform var(--transition-duration) var(--transition-timing) var(--transition-delay), translate var(--transition-duration) var(--transition-timing) var(--transition-delay), scale var(--transition-duration) var(--transition-timing) var(--transition-delay), box-shadow var(--transition-duration) var(--transition-timing) var(--transition-delay);
}
:root {
  --mortar-header-height: var(--header-height);
  --mortar-container-gap: var(--container-gap);
  --mortar-content-gap: var(--content-gap);
}
:root {
  --body-bg: var(--neutral-ultra-light);
}
body {
  font-size: var(--text-m);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
  color: var(--text-color);
  font-weight: var(--text-weight);
  font-family: var(--body-font-family);
  background-color: var(--body-bg);
}
h1, h2, h3, h4, h5, h6 {
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
  color: var(--heading-color);
  font-weight: var(--heading-weight);
  font-family: var(--heading-font-family);
}
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);
}
.text-xs {
  font-size: var(--text-xs);
}
.text-s {
  font-size: var(--text-s);
}
.text-m {
  font-size: var(--text-m);
}
.text-l {
  font-size: var(--text-l);
}
.text-xl {
  font-size: var(--text-xl);
}
.text-xxl {
  font-size: var(--text-xxl);
}
:root {
  --section-padding-block: var(--section-space-xs);
  --section-padding-inline: var(--gutter);
}
:where(section:not(section section)) {
  padding: var(--section-padding-block) var(--section-padding-inline);
}
:where(body:has(#brx-header.brx-sticky:not(.on-scroll)):not(.no-header-offset) main > section:first-child) {
  padding-block-start: calc(var(--section-padding-block) + var(--header-height-measured, var(--header-height)));
}
:where(body:has(#brx-header.brx-sticky:not(.on-scroll)):not(.no-header-offset) main > :first-child:not(section)) {
  padding-block-start: var(--header-height-measured, var(--header-height));
}
body .brxe-container {
  width: 100%;
  max-width: 100%;
}
:root {
  --link-color: var(--primary);
  --link-decoration: underline;
}
a:where(:not(:is(header a, footer a, nav a, .bricks-button))) {
  color: var(--link-color);
  text-decoration-line: var(--link-decoration);
  transition: var(--transition);
}
:is(h1, h2, h3, h4, h5, h6) a {
  color: currentcolor;
  text-decoration: inherit;
}
:root {
  --selection-bg: var(--primary);
  --selection-color: var(--neutral);
}
::selection {
  background-color: var(--selection-bg);
  color: var(--selection-color);
}
:root {
  --focus-color: var(--primary);
  --focus-width: 2px;
  --focus-offset: 2px;
}
:focus:not(:focus-visible) {
  outline: none;
}
:focus-visible {
  outline: var(--focus-width) solid var(--focus-color);
  outline-offset: var(--focus-offset);
}
:root {
  --btn-font-size: var(--text-m);
  --btn-line-height: 1.2;
  --btn-font-weight: 500;
  --btn-border-width: 2px;
  --btn-radius: 0;
  --btn-transition: all .2s;
  --btn-padding-block: var(--space-xs);
  --btn-padding-inline: var(--space-s);
  --btn-background: var(--neutral);
  --btn-border-color: transparent;
  --btn-text-color: #ffffff;
  --btn-background-hover: var(--neutral);
  --btn-border-color-hover: transparent;
  --btn-text-color-hover: #ffffff;
  --btn-hover-filter: brightness(0.92);
}
:where(.bricks-button) {
  background-color: var(--btn-background);
  color: var(--btn-text-color);
  font-size: var(--btn-font-size);
  line-height: var(--btn-line-height);
  font-weight: var(--btn-font-weight);
  border: var(--btn-border-width) solid var(--btn-border-color);
  border-radius: var(--btn-radius);
  transition: var(--btn-transition);
  padding: var(--btn-padding-block) var(--btn-padding-inline);
}
:where(.bricks-button:hover) {
  background-color: var(--btn-background-hover);
  border-color: var(--btn-border-color-hover);
  color: var(--btn-text-color-hover);
  filter: var(--btn-hover-filter);
}
:where(.bricks-button.outline) {
  --btn-background: transparent;
  --btn-border-color: var(--neutral);
  --btn-text-color: var(--neutral);
  --btn-background-hover: transparent;
  --btn-border-color-hover: var(--neutral);
  --btn-text-color-hover: var(--neutral);
  --btn-hover-filter: none;
}
:where(.bricks-button.sm) {
  --btn-padding-block: var(--space-xs);
  --btn-padding-inline: var(--space-xs);
  --btn-font-size: var(--text-s);
}
:where(.bricks-button.md) {
  --btn-padding-block: var(--space-s);
  --btn-padding-inline: var(--space-m);
  --btn-font-size: var(--text-m);
}
:where(.bricks-button.lg) {
  --btn-padding-block: var(--space-m);
  --btn-padding-inline: var(--space-l);
  --btn-font-size: var(--text-l);
}
:where(.bricks-button.xl) {
  --btn-padding-block: var(--space-l);
  --btn-padding-inline: var(--space-xl);
  --btn-font-size: var(--text-l);
}
.woocommerce .button,
body:not(.woocommerce) .product_type_variable,
body:not(.woocommerce) .product_type_grouped,
body:not(.woocommerce) .product_type_external,
body:not(.woocommerce) .product_type_simple,
body:not(.woocommerce) .brx-popup-content:not(.woocommerce) form.cart .single_add_to_cart_button,
body:not(.woocommerce) .brxe-woocommerce-mini-cart .woocommerce-mini-cart__buttons .button {
  background-color: var(--btn-background);
  color: var(--btn-text-color);
  font-weight: var(--btn-font-weight);
  border-radius: var(--btn-radius);
  padding: var(--btn-padding-block) var(--btn-padding-inline);
}
:where(.bricks-button.bricks-background-neutral) {
  --btn-background: var(--neutral);
  --btn-border-color: var(--neutral);
  --btn-text-color: #ffffff;
  --btn-background-hover: var(--neutral);
  --btn-border-color-hover: var(--neutral);
  --btn-text-color-hover: #ffffff;
  --btn-hover-filter: brightness(0.92);
}
:where(.bricks-button.bricks-color-neutral) {
  --btn-background: transparent;
  --btn-border-color: var(--neutral);
  --btn-text-color: var(--neutral);
  --btn-background-hover: var(--neutral);
  --btn-border-color-hover: var(--neutral);
  --btn-text-color-hover: #ffffff;
  --btn-hover-filter: none;
}
:where(.bricks-button.bricks-background-neutral-light) {
  --btn-background: var(--neutral-light);
  --btn-border-color: var(--neutral-light);
  --btn-text-color: #000000;
  --btn-background-hover: var(--neutral-light);
  --btn-border-color-hover: var(--neutral-light);
  --btn-text-color-hover: #000000;
  --btn-hover-filter: brightness(0.92);
}
:where(.bricks-button.bricks-color-neutral-light) {
  --btn-background: transparent;
  --btn-border-color: var(--neutral-light);
  --btn-text-color: var(--neutral-light);
  --btn-background-hover: var(--neutral-light);
  --btn-border-color-hover: var(--neutral-light);
  --btn-text-color-hover: #000000;
  --btn-hover-filter: none;
}
:where(.bricks-button.bricks-background-neutral-dark) {
  --btn-background: var(--neutral-dark);
  --btn-border-color: var(--neutral-dark);
  --btn-text-color: #ffffff;
  --btn-background-hover: var(--neutral-dark);
  --btn-border-color-hover: var(--neutral-dark);
  --btn-text-color-hover: #ffffff;
  --btn-hover-filter: brightness(0.92);
}
:where(.bricks-button.bricks-color-neutral-dark) {
  --btn-background: transparent;
  --btn-border-color: var(--neutral-dark);
  --btn-text-color: var(--neutral-dark);
  --btn-background-hover: var(--neutral-dark);
  --btn-border-color-hover: var(--neutral-dark);
  --btn-text-color-hover: #ffffff;
  --btn-hover-filter: none;
}
:where(.bricks-button.bricks-background-primary) {
  --btn-background: var(--primary);
  --btn-border-color: var(--primary);
  --btn-text-color: #000000;
  --btn-background-hover: var(--primary);
  --btn-border-color-hover: var(--primary);
  --btn-text-color-hover: #000000;
  --btn-hover-filter: brightness(0.92);
}
:where(.bricks-button.bricks-color-primary) {
  --btn-background: transparent;
  --btn-border-color: var(--primary);
  --btn-text-color: var(--primary);
  --btn-background-hover: var(--primary);
  --btn-border-color-hover: var(--primary);
  --btn-text-color-hover: #000000;
  --btn-hover-filter: none;
}
:where(.bricks-button.bricks-background-primary-light) {
  --btn-background: var(--primary-light);
  --btn-border-color: var(--primary-light);
  --btn-text-color: #000000;
  --btn-background-hover: var(--primary-light);
  --btn-border-color-hover: var(--primary-light);
  --btn-text-color-hover: #000000;
  --btn-hover-filter: brightness(0.92);
}
:where(.bricks-button.bricks-color-primary-light) {
  --btn-background: transparent;
  --btn-border-color: var(--primary-light);
  --btn-text-color: var(--primary-light);
  --btn-background-hover: var(--primary-light);
  --btn-border-color-hover: var(--primary-light);
  --btn-text-color-hover: #000000;
  --btn-hover-filter: none;
}
:where(.bricks-button.bricks-background-primary-dark) {
  --btn-background: var(--primary-dark);
  --btn-border-color: var(--primary-dark);
  --btn-text-color: #ffffff;
  --btn-background-hover: var(--primary-dark);
  --btn-border-color-hover: var(--primary-dark);
  --btn-text-color-hover: #ffffff;
  --btn-hover-filter: brightness(0.92);
}
:where(.bricks-button.bricks-color-primary-dark) {
  --btn-background: transparent;
  --btn-border-color: var(--primary-dark);
  --btn-text-color: var(--primary-dark);
  --btn-background-hover: var(--primary-dark);
  --btn-border-color-hover: var(--primary-dark);
  --btn-text-color-hover: #ffffff;
  --btn-hover-filter: none;
}
:where(.bricks-button.bricks-background-white) {
  --btn-background: #ffffff;
  --btn-border-color: #ffffff;
  --btn-text-color: #000000;
  --btn-background-hover: #ffffff;
  --btn-border-color-hover: #ffffff;
  --btn-text-color-hover: #000000;
  --btn-hover-filter: brightness(0.92);
}
:where(.bricks-button.bricks-color-white) {
  --btn-background: transparent;
  --btn-border-color: #ffffff;
  --btn-text-color: #ffffff;
  --btn-background-hover: #ffffff;
  --btn-border-color-hover: #ffffff;
  --btn-text-color-hover: #000000;
  --btn-hover-filter: none;
}
:where(.bricks-button.bricks-background-black) {
  --btn-background: #000000;
  --btn-border-color: #000000;
  --btn-text-color: #ffffff;
  --btn-background-hover: #000000;
  --btn-border-color-hover: #000000;
  --btn-text-color-hover: #ffffff;
  --btn-hover-filter: brightness(0.92);
}
:where(.bricks-button.bricks-color-black) {
  --btn-background: transparent;
  --btn-border-color: #000000;
  --btn-text-color: #000000;
  --btn-background-hover: #000000;
  --btn-border-color-hover: #000000;
  --btn-text-color-hover: #ffffff;
  --btn-hover-filter: none;
}
.surface-dark {
  --surface-bg: var(--neutral);
  --text-color: var(--white-trans-70);
  --heading-color: var(--neutral-ultra-light);
  --link-color: var(--primary-light);
  --link-color-hover: #ffffff;
  --focus-color: var(--primary-light);
  --border-color: var(--neutral-ultra-light);
}
:where([class*="surface-"]) {
  background-color: var(--surface-bg);
  color: var(--text-color);
}