:root { --brxw-text-xs: clamp(1.26rem, calc(-0.01vw + 1.27rem), 1.25rem) !important; --brxw-text-s: clamp(1.42rem, calc(0.07vw + 1.4rem), 1.5rem) !important; --brxw-text-m: clamp(1.6rem, calc(0.18vw + 1.54rem), 1.8rem) !important; --brxw-text-l: clamp(1.8rem, calc(0.32vw + 1.7rem), 2.16rem) !important; --brxw-text-xl: clamp(2.02rem, calc(0.51vw + 1.86rem), 2.59rem) !important; --brxw-text-2xl: clamp(2.28rem, calc(0.74vw + 2.04rem), 3.11rem) !important; --brxw-text-3xl: clamp(2.56rem, calc(1.04vw + 2.23rem), 3.73rem) !important; --brxw-text-4xl: clamp(2.88rem, calc(1.42vw + 2.43rem), 4.48rem) !important; --brxw-text-5xl: clamp(3.24rem, calc(1.9vw + 2.64rem), 5.38rem) !important;}.brxe-container { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); } body {font-size: var(--brxw-text-m); font-family: "Manrope"; font-weight: 400; color: var(--karlson-neutral-800); line-height: var(--brxw-line-height-body); text-wrap: balance} h1, h2, h3, h4, h5, h6 {font-weight: 500; line-height: var(--brxw-line-height-heading); color: var(--karlson-neutral-950); text-wrap: pretty} h1 {font-size: var(--brxw-text-4xl)} h2 {font-size: var(--brxw-text-3xl)} h3 {font-size: var(--brxw-text-2xl)} h4 {font-size: var(--brxw-text-xl)} h5 {font-size: var(--brxw-text-l)} h6 {font-size: var(--brxw-text-m)} .brxe-section {row-gap: var(--brxw-container-gap); padding-top: var(--brxw-section-space-vertical); padding-right: var(--brxw-section-space-horizontal); padding-bottom: var(--brxw-section-space-vertical); padding-left: var(--brxw-section-space-horizontal)} .brxe-container {width: 1320px} .woocommerce main.site-main {width: 1320px} #brx-content.wordpress {width: 1320px} .bricks-button:hover {color: var(--karlson-neutral-25)} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)):hover {background-color: var(--karlson-neutral-950)} .bricks-button {border: 1px solid currentColor; border-radius: var(--brxw-radius-full)} html {background-color: var(--karlson-neutral-50)} body {background: none}.brxe-form ::placeholder {color: var(--karlson-neutral-950)}.brxe-form select {color: var(--karlson-neutral-950); background-color: transparent; border-color: var(--karlson-neutral-950); border-radius: var(--brxw-radius-l)}.brxe-form .form-group input {background-color: transparent; border-color: var(--karlson-neutral-950); border-radius: var(--brxw-radius-l)}.brxe-form .flatpickr {background-color: transparent; border-color: var(--karlson-neutral-950); border-radius: var(--brxw-radius-l)}.brxe-form textarea {background-color: transparent; border-color: var(--karlson-neutral-950); border-radius: var(--brxw-radius-l)}.brxe-form .form-field-richtext + .tox-tinymce {background-color: transparent; border-color: var(--karlson-neutral-950); border-radius: var(--brxw-radius-l)}.brxe-form .bricks-button {border-color: var(--karlson-neutral-950); border-radius: var(--brxw-radius-l)}.brxe-form .choose-files {border-color: var(--karlson-neutral-950); border-radius: var(--brxw-radius-l)}@media (max-width: 991px) { h1, h2, h3, h4, h5, h6 {color: var(--karlson-neutral-950)}}@media (max-width: 767px) { body {font-size: var(--brxw-text-m)}}@media (max-width: 478px) { h1, h2, h3, h4, h5, h6 {color: var(--karlson-neutral-950)}}