h1,h2,h3,h4,h5,h6, p, ul, ol, li, figure, blockquote, pre, code {margin: 0;} :where(:root) .bricks-color-primary {color: hsl(var(--primary))} :where(:root) .bricks-background-primary {background-color: hsl(var(--primary))} :where(:root) .bricks-color-secondary {color: hsl(var(--secondary))} :where(:root) .bricks-background-secondary {background-color: hsl(var(--secondary))} :where(:root) .bricks-color-light {color: hsl(var(--primary-light))} :where(:root) .bricks-background-light {background-color: hsl(var(--primary-light))} :where(:root) .bricks-color-dark {color: hsl(var(--primary-ultra-dark))} :where(:root) .bricks-background-dark {background-color: hsl(var(--primary-ultra-dark))} :where(:root) .bricks-color-danger {color: #ff0000} :where(:root) .bricks-background-danger {background-color: #ff0000} :where(:root) .bricks-color-warning {color: yellow} :where(:root) .bricks-background-warning {background-color: yellow} :where(:root) .bricks-color-success {color: green} :where(:root) .bricks-background-success {background-color: green} :where(:root) .bricks-color-muted {color: hsl(var(--primary-ultra-light))} :where(:root) .bricks-background-muted {background-color: hsl(var(--primary-ultra-light))} :where(:root) .bricks-color-info {color: maroon} :where(:root) .bricks-background-info {background-color: maroon} body {font-size: var(--text-md); font-family: "Inter", sans-serif; font-weight: 400} h1, h2, h3, h4, h5, h6 {font-family: "Roboto Slab", sans-serif; text-wrap: balance} h1 {font-size: var(--h1); line-height: var(--line-height-h1); font-weight: 800} h2 {font-size: var(--h2); line-height: var(--line-height-h2)} h3 {font-size: var(--h3); line-height: var(--line-height-h3)} h4 {font-size: var(--h4); line-height: var(--line-height-h4)} h5 {font-size: var(--h5); line-height: var(--line-height-h5)} h6 {font-size: var(--h6); line-height: var(--line-height-h6)} .brxe-section {padding-top: var(--section-block-padding); padding-right: var(--section-inline-padding); padding-bottom: var(--section-block-padding); padding-left: var(--section-inline-padding)} .brxe-container {width: 1440px; column-gap: var(--gap-md); row-gap: var(--gap-md)} .woocommerce main.site-main {width: 1440px} #brx-content.wordpress {width: 1440px} .bricks-button {font-size: var(--text-md); line-height: var(--line-height-text-md); font-weight: 400; color: hsl(var(--secondary)); border-radius: var(--radius-sm); padding-top: var(--btn-md); padding-right: calc(var(--btn-md) * 2); padding-bottom: var(--btn-md); padding-left: calc(var(--btn-md) * 2)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: hsl(var(--primary))} .bricks-button.sm {padding-top: var(--btn-sm); padding-right: calc(var(--btn-sm) * 2); padding-bottom: var(--btn-sm); padding-left: calc(var(--btn-sm) * 2); font-size: var(--text-sm); line-height: var(--line-height-text-sm)} .bricks-button.md {padding-top: var(--btn-md); padding-right: calc(var(--btn-md) * 2); padding-bottom: var(--btn-md); padding-left: calc(var(--btn-md) * 2)} .bricks-button.lg {padding-top: var(--btn-lg); padding-right: calc(var(--btn-lg) * 2); padding-bottom: var(--btn-lg); padding-left: calc(var(--btn-lg) * 2); font-size: var(--text-lg); line-height: var(--line-height-text-lg)} .bricks-button.xl {padding-top: var(--btn-xl); padding-right: calc(var(--btn-xl) * 2); padding-bottom: var(--btn-xl); padding-left: calc(var(--btn-xl) * 2); font-size: var(--text-xl); line-height: var(--line-height-text-xl)} .brxe-text {font-size: var(--text-md); font-family: "Inter"; font-weight: 400; line-height: var(--line-height-text-md); text-wrap: pretty} .brxe-text-basic {font-size: var(--text-md); font-family: "Inter"; font-weight: 400; line-height: var(--line-height-text-md); text-wrap: pretty}