html {font-size: var(--root-font-size)} body {font-family: "Instrument Sans"; font-size: var(--text-m); color: var(--base); font-weight: 500; line-height: var(--text-l); text-wrap: wrap} h1, h2, h3, h4, h5, h6 {color: var(--neutral); font-family: "Rubik"; font-weight: 500; line-height: 1.2; text-wrap: wrap} body.bricks-is-frontend :focus-visible {outline: var(--focus-width) solid var(--neutral)} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: var(--focus-width) solid var(--neutral); }} .brxe-container {width: 100%; max-width: 1300px; padding-top: 80px; padding-right: 20px; padding-bottom: 80px; padding-left: 20px; row-gap: var(--space-l)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 1300px} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--white-trans-90)} .brxe-section {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0} .brxe-block {row-gap: var(--space-s)}@media (max-width: 767px) { .brxe-container {padding-top: 60px; padding-bottom: 60px} .bricks-button {padding-top: var(--space-s); padding-bottom: var(--space-s)}}