html {font-size: 100%} body {font-size: var(--text-m); font-family: "Inter"} h1 {font-size: var(--h-title)} 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)}: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-light {color: var(--primary-50)}:where(:root) .bricks-background-light {background-color: var(--primary-50)}:where(:root) .bricks-color-dark {color: var(--heading-text)}:where(:root) .bricks-background-dark {background-color: var(--heading-text)}:where(:root) .bricks-color-muted {color: var(--body-text)}:where(:root) .bricks-background-muted {background-color: var(--body-text)} .brxe-section {column-gap: var(--val-2xl); row-gap: var(--val-2xl)} .brxe-container {column-gap: var(--val-3xl); row-gap: var(--val-3xl); width: var(--page-width); padding-top: var(--val-6xl); padding-right: var(--val-l); padding-bottom: var(--val-6xl); padding-left: var(--val-l)} .woocommerce main.site-main {width: var(--page-width)} #brx-content.wordpress {width: var(--page-width)} :root .bricks-button[class*="primary"] {color: var(--secondary); border: 2px solid var(--primary)} :root .bricks-button[class*="primary"].outline {border-width: 2px; border-color: var(--primary); color: var(--primary)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--hover)} :root .bricks-button[class*="primary"].outline:hover {background-color: var(--primary); color: var(--white)} .bricks-button {border-radius: var(--val-m); padding-top: var(--val-s); padding-bottom: var(--val-s)} :root .bricks-button[class*="light"]:not(.outline):where(:not(.bricks-lightbox)) {background-color: var(--white)} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)) {color: var(--body-text); border: 1px solid var(--body-text)} .brxe-block {column-gap: var(--val-l); row-gap: var(--val-l)}@media (min-width: 767px) { :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)):hover {border-color: var(--primary-700); color: var(--white)} :root .bricks-button[class*="light"]:not(.outline):where(:not(.bricks-lightbox)):hover {background-color: var(--primary-700)}}@media (min-width: 1279px) {:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--primary-700)}}