html {font-size: var(--root-font-size)} body {font-family: "Work Sans", helvetica; color: var(--base); font-size: var(--text-m)} h1, h2, h3, h4, h5, h6 {font-family: "Fagitha script", helvetica; color: var(--base)} h1 {font-size: var(--h1); font-family: "Fagitha script"} h2 {font-size: var(--h2)} body.bricks-is-frontend :focus-visible {outline: none} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: none; }} .brxe-container {width: var(--content-width)} .woocommerce main.site-main {width: var(--content-width)} #brx-content.wordpress {width: var(--content-width)}:where(:root) .bricks-color-warning {color: var(--warning)}:where(:root) .bricks-background-warning {background-color: var(--warning)}:where(:root) .bricks-color-success {color: var(--success)}:where(:root) .bricks-background-success {background-color: var(--success)}:where(:root) .bricks-color-info {color: var(--info)}:where(:root) .bricks-background-info {background-color: var(--info)}:where(:root) .bricks-color-danger {color: var(--danger)}:where(:root) .bricks-background-danger {background-color: var(--danger)}:where(:root) * {border-color: var(--accent-dark)}