 .brxe-container {width: var(--max-screen-width); max-width: 100%} .woocommerce main.site-main {width: var(--max-screen-width)} #brx-content.wordpress {width: var(--max-screen-width); max-width: 100%} html {font-size: 62.5%} body {font-size: var(--text-m); color: var(--brand); line-height: 150%; font-family: "Geist Mono"; font-weight: 400} h1, h2, h3, h4, h5, h6 {color: var(--brand); font-family: "Geist Mono"; font-weight: 600} h1 {letter-spacing: -0.02em; line-height: 1; font-size: var(--text-4xl)} h2 {line-height: 1.1; font-size: var(--text-4xl)} h3 {letter-spacing: -0.015em; font-size: var(--text-xl)} h4 {line-height: 1.3} h6 {letter-spacing: -0.005em} .brxe-section {padding-top: var(--space-2xl); padding-right: var(--space-m); padding-bottom: var(--space-2xl); padding-left: var(--space-m)} :where(.bricks-button) {font-size: var(--text-m); font-weight: 600; line-height: 1.5; color: var(--white); font-family: "Geist Mono"; padding-top: var(--space-xs); padding-right: var(--space-m); padding-bottom: var(--space-xs); padding-left: var(--space-m); transition: all .3s ease; border-radius: var(--radius-xs)} :where(:root .bricks-button[class*="primary"]:not(.outline)) {background-color: var(--brand)} :where(:root .bricks-button[class*="secondary"]:not(.outline)) {background-color: var(--white)} :where(:root .bricks-button[class*="secondary"]) {color: var(--brand)} :where(:root .bricks-button[class*="light"]:not(.bricks-lightbox)) {border: 1px solid var(--white); color: var(--white)} :where(:root .bricks-button[class*="light"]:not(.bricks-lightbox)):hover {color: var(--brand-dark-1); border-color: var(--brand-dark-1)} :where(:root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox)) {background-color: rgba(0, 0, 0, 0)} :where(:root .bricks-button[class*="secondary"]:not(.outline)):hover {background-color: var(--white)} :where(:root .bricks-button[class*="primary"]:not(.outline)):hover {background-color: var(--brand-dark-1)} :where(:root .bricks-button[class*="secondary"]):hover {color: var(--brand-dark-1)} html {background-color: var(--background)} body {background: none}.hover-image { -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);}.hover-image::after { content: ""; opacity: 0; -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);}.hover-image:hover { -webkit-transform: scale(1.05, 1.05); transform: scale(1.0.5, 1.0.5);}.hover-image:hover::after { opacity: 1;}@media (min-width: 1600px) { .brxe-container {width: var(--max-screen-width)} .woocommerce main.site-main {width: var(--max-screen-width)} #brx-content.wordpress {width: var(--max-screen-width)}}@media (max-width: 767px) { :where(.bricks-button) {padding-top: var(--space-s); padding-bottom: var(--space-s)}}