:where(:root) .bricks-color-primary {color: var(--primary--500)}:where(:root) .bricks-background-primary {background-color: var(--primary--500)}:where(:root) .bricks-color-secondary {color: var(--secondary--500)}:where(:root) .bricks-background-secondary {background-color: var(--secondary--500)}:where(:root) .bricks-color-light {color: var(--primary--200)}:where(:root) .bricks-background-light {background-color: var(--primary--200)}:where(:root) .bricks-color-dark {color: var(--primary--800)}:where(:root) .bricks-background-dark {background-color: var(--primary--800)}:where(:root) .bricks-color-success {color: var(--success--500)}:where(:root) .bricks-background-success {background-color: var(--success--500)}:where(:root) .bricks-color-warning {color: var(--warning--500)}:where(:root) .bricks-background-warning {background-color: var(--warning--500)}:where(:root) .bricks-color-danger {color: var(--error--500)}:where(:root) .bricks-background-danger {background-color: var(--error--500)}:where(:root) .bricks-color-info {color: var(--info--500)}:where(:root) .bricks-background-info {background-color: var(--info--500)}:where(:root) .bricks-color-muted {color: var(--base--500)}:where(:root) .bricks-background-muted {background-color: var(--base--500)} body {font-size: var(--p--m); color: var(--base--800); font-family: "Inter"; line-height: var(--line-height--paragraph)} h1, h2, h3, h4, h5, h6 {color: var(--base--1000); font-family: "Roboto Slab"; line-height: var(--line-height--headline); font-weight: 700} h1 {font-size: var(--h1)} 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)} .brxe-section {padding-top: var(--space-section--block); padding-right: var(--space-section--inline); padding-bottom: var(--space-section--block); padding-left: var(--space-section--inline); row-gap: var(--space--xxl); column-gap: var(--space--xxl)} .brxe-container {width: 1200px} .woocommerce main.site-main {width: 1200px} #brx-content.wordpress {width: 1200px} .bricks-button {transition: ease .3s; border: 2px solid var(--bricks-color-ashndl); border-radius: var(--radius--s); text-transform: uppercase} :root .bricks-button[class*="primary"] {color: var(--base--0)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--primary--400)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--bricks-color-ashndl)} :root .bricks-button[class*="info"]:not(.outline):hover {background-color: var(--info--400)} :root .bricks-button[class*="success"]:not(.outline):hover {background-color: var(--success--400)} :root .bricks-button[class*="warning"]:not(.outline):hover {background-color: var(--warning--400)} :root .bricks-button[class*="danger"]:not(.outline):hover {background-color: var(--error--400)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--primary--100)} :root .bricks-button[class*="secondary"] {color: var(--primary--600); border-style: solid; border-color: var(--primary--600)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--primary--500)} :root .bricks-button[class*="dark"] {color: var(--base--0); border-color: var(--base--0)} :root .bricks-button[class*="muted"] {color: var(--base--0)} :root .bricks-button[class*="info"] {color: var(--base--0)} :root .bricks-button[class*="success"] {color: var(--base--0)} :root .bricks-button[class*="warning"] {color: var(--base--0)} :root .bricks-button[class*="danger"] {color: var(--base--0)} :root .bricks-button[class*="muted"]:not(.outline):hover {background-color: var(--base--400)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--base--0)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--bricks-color-ashndl)} :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {color: var(--primary--800)} :root .bricks-button[class*="dark"]:not(.outline):hover {background-color: var(--bricks-color-ashndl)} :root .bricks-button[class*="dark"]:hover {color: var(--primary--100); border-color: var(--primary--100)} :root .bricks-button[class*="secondary"]:hover {color: var(--primary--400); border-color: var(--primary--400)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--bricks-color-ashndl)} html {background-color: var(--base--0)} body {background: none} .brxe-text * + p, .brxe-post-content:not([data-source=bricks]) * + p, body:not(.woocommerce-checkout) [class*=woocommerce] * + p {margin-block-start: 0.7em}p {margin: 0;}