:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)}:where(:root) .bricks-color-secondary {color: var(--secondary)}:where(:root) .bricks-background-secondary {background-color: var(--secondary)}:where(:root) .bricks-color-light {color: var(--light)}:where(:root) .bricks-background-light {background-color: var(--light)}:where(:root) .bricks-color-dark {color: var(--black)}:where(:root) .bricks-background-dark {background-color: var(--black)}:where(:root) .bricks-color-muted {color: var(--tint)}:where(:root) .bricks-background-muted {background-color: var(--tint)}:where(:root) * {border-color: var(--border)}:where(:root) .bricks-color-info {color: var(--tertiary)}:where(:root) .bricks-background-info {background-color: var(--tertiary)}:where(:root) .bricks-color-success {color: hsl(95, 100%, 65%)}:where(:root) .bricks-background-success {background-color: hsl(95, 100%, 65%)}:where(:root) .bricks-color-warning {color: hsl(46, 100%, 63%)}:where(:root) .bricks-background-warning {background-color: hsl(46, 100%, 63%)}:where(:root) .bricks-color-danger {color: hsl(0, 100%, 65%)}:where(:root) .bricks-background-danger {background-color: hsl(0, 100%, 65%)} .bricks-button {border-radius: var(--btn-radius); transition: var(--brxw-transition-l)} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {color: var(--white); border-radius: var(--btn-radius); box-shadow: 0 4px 8px -2px var(--primary-dark-t-1)} .bricks-button:where(.bricks-background-primary):hover, .bricks-button:where(.bricks-color-primary):hover {box-shadow: 0px 18px 30px -8px var(--primary-dark-t-3)} .bricks-button:where(.bricks-color-primary.outline) {color: var(--primary-dark); border-width: 1px; border-color: var(--border)} .bricks-button:where(.bricks-background-secondary:not(.outline)) {background-color: var(--secondary)} .bricks-button:where(.bricks-background-secondary), .bricks-button:where(.bricks-color-secondary) {border-radius: var(--btn-radius); box-shadow: 0 16px 28px 0 rgba(246,78,139,.24)} .bricks-button:where(.bricks-background-secondary):hover, .bricks-button:where(.bricks-color-secondary):hover {box-shadow: 0 18px 34px -8px var(--secondary-dark-t-7)} .bricks-button:where(.bricks-color-secondary.outline) {border-width: 1px; border-color: var(--secondary); border-radius: var(--btn-radius)} body {font-size: var(--text-m); font-family: "Manrope"} h1, h2, h3, h4, h5, h6 {color: var(--primary-dark); letter-spacing: -0.03em; line-height: var(--brxw-line-height-heading)} 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-container {width: 1440px; padding-top: var(--space-m); padding-right: var(--space-xs); padding-bottom: var(--space-m); padding-left: var(--space-xs)} .woocommerce main.site-main {width: 1440px} #brx-content.wordpress {width: 1440px}.brxe-nav-menu .bricks-nav-menu > li {margin-right: var(--space-2xs); margin-left: var(--space-2xs)}.brxe-nav-menu .bricks-nav-menu > li > a {padding-right: var(--space-2xs); padding-left: var(--space-2xs); font-size: var(--text-s); color: var(--primary-dark); font-weight: 600}.brxe-nav-menu .bricks-nav-menu > li > .brx-submenu-toggle > * {padding-right: var(--space-2xs); padding-left: var(--space-2xs)}.brxe-nav-menu .bricks-nav-menu > li > .brx-submenu-toggle {font-size: var(--text-s); color: var(--primary-dark); font-weight: 600} .brxe-block {column-gap: var(--brxw-grid-gap); row-gap: var(--brxw-grid-gap)}