html {font-size: 100%} body {font-size: var(--text-body-xl); color: var(--text-secondary)} h1, h2, h3, h4, h5, h6 {font-weight: 600; letter-spacing: -1.3px} h1 {font-size: var(--fs-display-xl); line-height: 110%; color: var(--text-primary-onbrand); font-family: "Manrope"; font-weight: 600} h2 {font-size: var(--fs-display-xl); line-height: 120%; color: var(--text-primary); font-family: "Manrope"; font-weight: 600} h3 {font-size: var(--fs-display-lg); line-height: 130%; color: var(--text-primary); font-family: "Manrope"; font-weight: 600} h4 {font-size: var(--fs-display-md); line-height: 130%; color: var(--text-primary)} h5 {font-size: var(--fs-display-sm); line-height: 140%; color: var(--text-primary)} h6 {font-size: var(--fs-display-xs); line-height: 140%; color: var(--text-primary)} .bricks-button {border-width: 1px; border-color: var(--border-brand); border-radius: var(--radius-xs); font-size: var(--text-xl); font-weight: 600; letter-spacing: 0.1px; transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; padding-top: var(--spacing-4); padding-right: var(--spacing-6); padding-bottom: var(--spacing-4); padding-left: var(--spacing-6)} .bricks-button.outline {border: 1px solid var(--bricks-border-color); border-radius: var(--radius-xs)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--bg-accent)} :root .bricks-button[class*="secondary"] {color: var(--text-secondary)} .brxe-container {width: 1414px} .woocommerce main.site-main {width: 1414px} #brx-content.wordpress {width: 1414px} .brxe-section {row-gap: var(--spacing-20); padding-top: var(--spacing-28); padding-right: var(--spacing-8); padding-bottom: var(--spacing-28); padding-left: var(--spacing-8)}.brx-popup .brx-popup-backdrop {transition: all 0.2s ease-in-out} .brx-popup-content {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0}@media (max-width: 375px) { body {font-size: var(--text-body-lg)}}