html {background-color: var(--background)} body {background: none} body {font-size: var(--typo-body-default); font-weight: 400; color: var(--on-background); line-height: var(--typo-line-height-default); letter-spacing: var(--typo-tracing-default); font-family: "Poppins", system-ui, sans-serif} h1, h2, h3, h4, h5, h6 {line-height: var(--typo-line-height-default); letter-spacing: var(--typo-tracing-default); font-weight: 600} h1 {font-size: var(--typo-h1)} h2 {font-size: var(--typo-h2)} h3 {font-size: var(--typo-h3)} h4 {font-size: var(--typo-h4)} h5 {font-size: var(--typo-h5)} h6 {font-size: var(--typo-h6)} body.bricks-is-frontend :focus-visible {outline: unset} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: unset; }} .bricks-button {font-size: var(--typo-button-md); color: var(--on-primary); line-height: var(--typo-line-height-default); letter-spacing: var(--typo-tracing-lg); padding-top: calc((var(--button-default-height) / 4) + 0.2rem); padding-right: calc((var(--button-default-height) / 2) + 0.4rem); padding-bottom: calc((var(--button-default-height) / 4) + 0.2rem); padding-left: calc((var(--button-default-height) / 2) + 0.4rem); border-radius: 999px; transition: all 0.2s linear} .bricks-button.sm {padding-top: calc((var(--button-sm-height) / 4) + 0.2rem); padding-right: calc((var(--button-sm-height) / 2) + 0.4rem); padding-bottom: calc((var(--button-sm-height) / 4) + 0.2rem); padding-left: calc((var(--button-sm-height) / 2) + 0.4rem); font-size: var(--typo-button-sm)} .bricks-button.md {padding-top: calc((var(--button-md-height) / 4) + 0.2rem); padding-right: calc((var(--button-md-height) / 2) + 0.4rem); padding-bottom: calc((var(--button-md-height) / 4) + 0.2rem); padding-left: calc((var(--button-md-height) / 2) + 0.4rem); font-size: var(--typo-button-md)} .bricks-button.lg {padding-top: calc((var(--button-lg-height) / 4) + 0.2rem); padding-right: calc((var(--button-lg-height) / 2) + 0.4rem); padding-bottom: calc((var(--button-lg-height) / 4) + 0.2rem); padding-left: calc((var(--button-lg-height) / 2) + 0.4rem); font-size: var(--typo-button-md)} .bricks-button.xl {padding-top: calc((var(--button-xl-height) / 4) + 0.2rem); padding-right: calc((var(--button-xl-height) / 2) + 0.4rem); padding-bottom: calc((var(--button-xl-height) / 4) + 0.2rem); padding-left: calc((var(--button-xl-height) / 2) + 0.4rem); font-size: var(--typo-button-md)} .brxe-section {padding-right: var(--section-margins-md); padding-left: var(--section-margins-md)} .brxe-container {width: var(--container-width)} .woocommerce main.site-main {width: var(--container-width)} #brx-content.wordpress {width: var(--container-width)}: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-light)}:where(:root) .bricks-background-light {background-color: var(--primary-light)}:where(:root) .bricks-color-dark {color: var(--primary-dark)}:where(:root) .bricks-background-dark {background-color: var(--primary-dark)}:where(:root) .bricks-color-muted {color: var(--primary-muted)}:where(:root) .bricks-background-muted {background-color: var(--primary-muted)}:where(:root) .bricks-color-info {color: var(--info)}:where(:root) .bricks-background-info {background-color: var(--info)}:where(:root) .bricks-color-success {color: var(--success)}:where(:root) .bricks-background-success {background-color: var(--success)}:where(:root) .bricks-color-warning {color: var(--warning)}:where(:root) .bricks-background-warning {background-color: var(--warning)}:where(:root) .bricks-color-danger {color: var(--danger)}:where(:root) .bricks-background-danger {background-color: var(--danger)}:where(:root) * {border-color: var(--outline)}:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)}.brxe-nav-menu .bricks-nav-menu > li {margin-right: var(--fsize-md); margin-left: unset}.woocommerce-notices-wrapper .woocommerce-message, .woocommerce-NoticeGroup .woocommerce-message {background-color: var(--success-muted); border: 1px solid var(--divider-on-light); border-radius: var(--fsize-xs); box-shadow: var(--elevation-3); color: var(--on-success-muted); font-size: var(--typo-label-lg); font-weight: 600; line-height: var(--typo-line-height-default); letter-spacing: var(--typo-line-height-default); padding-top: var(--fsize-xs); padding-right: var(--fsize-xs); padding-bottom: var(--fsize-xs); padding-left: var(--fsize-sm)}.woocommerce-notices-wrapper .woocommerce-message a, .woocommerce-NoticeGroup .woocommerce-message a.button {background-color: var(--success); border-radius: 999px; font-size: var(--typo-button-sm); color: var(--on-success); font-weight: 600; line-height: var(--typo-line-height-default); letter-spacing: var(--typo-tracing-lg); padding-top: calc((var(--button-sm-height) / 4) + 0.2rem); padding-right: calc((var(--button-sm-height) / 2) + 0.4rem); padding-bottom: calc((var(--button-sm-height) / 4) + 0.2rem); padding-left: calc((var(--button-sm-height) / 2) + 0.4rem); margin-left: 0}.woocommerce-notices-wrapper .woocommerce-info, .woocommerce-NoticeGroup .woocommerce-info, .woocommerce-info {padding-top: var(--fsize-xs); padding-right: var(--fsize-xs); padding-bottom: var(--fsize-xs); padding-left: var(--fsize-xs); background-color: var(--info-muted); color: var(--on-info-muted); font-size: var(--typo-label-lg); font-weight: 600; line-height: var(--typo-line-height-default); letter-spacing: var(--typo-tracing-default); border: 1px solid var(--divider-on-light); border-radius: var(--fsize-xs); box-shadow: var(--elevation-3)}.woocommerce-notices-wrapper .woocommerce-info a, .woocommerce-NoticeGroup .woocommerce-info a.button, .woocommerce-info a, .woocommerce-info a.button {background-color: var(--info); font-size: var(--typo-button-sm); font-weight: 600; letter-spacing: var(--typo-tracing-lg); line-height: var(--typo-line-height-default); color: var(--on-info); text-decoration: none; padding-top: calc((var(--button-sm-height) / 4) + 0.2rem); padding-right: calc((var(--button-sm-height) / 2) + 0.4rem); padding-bottom: calc((var(--button-sm-height) / 4) + 0.2rem); padding-left: calc((var(--button-sm-height) / 2) + 0.4rem); border-radius: 999px}.woocommerce-notices-wrapper .woocommerce-error, .woocommerce-NoticeGroup .woocommerce-error {padding-top: var(--fsize-xs); padding-right: var(--fsize-xs); padding-bottom: var(--fsize-xs); padding-left: var(--fsize-xs); border: 1px solid var(--divider-on-light); border-radius: var(--fsize-xs); box-shadow: var(--elevation-3); font-size: var(--typo-label-lg); font-weight: 600; color: var(--on-danger-light)}.woocommerce-notices-wrapper .woocommerce-error a, .woocommerce-NoticeGroup .woocommerce-error a.button {padding-top: calc((var(--button-sm-height) / 4) + 0.2rem); padding-right: calc((var(--button-sm-height) / 2) + 0.4rem); padding-bottom: calc((var(--button-sm-height) / 4) + 0.2rem); padding-left: calc((var(--button-sm-height) / 2) + 0.4rem); background-color: var(--danger); font-size: var(--typo-button-sm); color: var(--on-danger); font-weight: 600; line-height: var(--typo-line-height-default); letter-spacing: var(--typo-tracing-lg); border-radius: 999px}