:where(:root) .bricks-color-secondary {color: var(--secondary-color)}:where(:root) .bricks-background-secondary {background-color: var(--secondary-color)}:where(:root) .bricks-color-light {color: var(--white)}:where(:root) .bricks-background-light {background-color: var(--white)}:where(:root) .bricks-color-dark {color: var(--black)}:where(:root) .bricks-background-dark {background-color: var(--black)}:where(:root) .bricks-color-muted {color: #303030}:where(:root) .bricks-background-muted {background-color: #303030}:where(:root) .bricks-color-primary {color: var(--primary-color)}:where(:root) .bricks-background-primary {background-color: var(--primary-color)} body {font-size: var(--body); color: var(--white); font-family: "Aspekta"; font-weight: 400; line-height: 1.4} h1, h2, h3, h4, h5, h6 {color: var(--white); line-height: 1; font-family: "Aspekta"; font-weight: 700; text-wrap: balance} 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)} .brxe-container {column-gap: var(--m); max-width: 92%; row-gap: var(--s); padding-top: var(--xs); padding-bottom: var(--xs); width: var(--container-width)} #brx-content.wordpress {max-width: 92%; width: var(--container-width)} .woocommerce main.site-main {width: var(--container-width)} .bricks-button {color: var(--black); font-size: var(--body); padding-top: 0.8em; padding-right: 1.5em; padding-bottom: 0.8em; padding-left: 1.5em; border-radius: var(--radius-2xl)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--black)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--primary-color-d-1)} :root .bricks-button[class*="primary"]:hover {border-color: var(--black); color: var(--black)} :root .bricks-button[class*="secondary"]:hover {border-color: var(--secondary-background); color: #202127} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary-color)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--secondary-background)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--background-2)} .bricks-button.sm {padding-top: 0.8em; padding-right: 1.5em; padding-bottom: 0.8em; padding-left: 1.5em; font-size: var(--font-body-s)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--white); border: 2px solid var(--white)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: rgba(0, 0, 0, 0)} :root .bricks-button[class*="dark"] {color: var(--black); border: 2px solid var(--black)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: rgba(0, 0, 0, 0)} :root .bricks-button[class*="dark"]:hover {color: var(--black)} :root .bricks-button[class*="dark"]:not(.outline):hover {background-color: rgba(0, 0, 0, 0)} :root .bricks-button[class*="secondary"] {color: var(--black)} .brxe-section {padding-top: var(--2xl-l); padding-bottom: var(--2xl-l); row-gap: var(--s)} .brxe-block {column-gap: var(--xs); row-gap: var(--2xs)} .brxe-div {row-gap: var(--2xs); column-gap: var(--xs)} .brxe-div:not(.brx-dropdown-content) {display: flex} html {background-color: #ffffff} body {background: none}@media (max-width: 991px) { .brxe-block {margin-top: 1%; margin-bottom: 1%}}@media (max-width: 767px) { .brxe-block {margin-top: 1%; margin-bottom: 1%}}@media (max-width: 478px) { body {font-size: 16px}}