html {background-color: var(--primary)} body {background: none} .pswp .pswp__bg {background-color: var(--primary)} .pswp.brx .pswp__top-bar button.pswp__button--close svg {color: var(--secondary)} body {font-family: "Onest"; font-weight: 400; font-size: var(--text-s)} h1, h2, h3, h4, h5, h6 {font-family: "Onest"; font-weight: 600} .bricks-type-hero {font-size: var(--text-s)} .bricks-type-lead {font-size: var(--text-s)} .brxe-section {max-width: 100%} .brxe-container {max-width: 100%; width: 1100px; padding-right: var(--space-s); padding-left: var(--space-s)} #brx-content.wordpress {max-width: 100%; width: 1100px} .woocommerce main.site-main {width: 1100px} .bricks-button {padding-top: var(--space-3xs); padding-right: var(--space-s); padding-bottom: var(--space-3xs); padding-left: var(--space-s); font-family: "Onest"; font-weight: 600; color: var(--primary); border-radius: var(--radius-s); transition: all 0.3s} .bricks-button.sm {padding-top: var(--space-4xs); padding-right: var(--space-xs); padding-bottom: var(--space-4xs); padding-left: var(--space-xs)} .bricks-button.md {padding-top: var(--space-2xs); padding-right: var(--space-m); padding-bottom: var(--space-2xs); padding-left: var(--space-m)} .bricks-button.lg {padding-top: var(--space-xs); padding-right: var(--space-m); padding-bottom: var(--space-xs); padding-left: var(--space-m)} .bricks-button.xl {padding-top: var(--space-s); padding-right: var(--space-m); padding-bottom: var(--space-s); padding-left: var(--space-m)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--secondary)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--secondary-d-1)} :root .bricks-button[class*="primary"]:not(.outline):active {background-color: var(--secondary-l-1)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--text-body)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--secondary-l-4)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):active {background-color: var(--secondary-l-3)}:where(:root) .bricks-color-secondary {color: var(--secondary)}:where(:root) .bricks-background-secondary {background-color: var(--secondary)}