:root {
--primary: hsl(90, 10%, 47%);
--primary-d-1: hsl(90, 10%, 35%);
--primary-d-2: hsl(90, 9%, 23%);
--primary-d-3: hsl(90, 7%, 13%);
--primary-l-1: hsl(90, 9%, 60%);
--primary-l-2: hsl(89, 9%, 73%);
--primary-l-3: hsl(89, 9%, 86%);
--primary-l-4: hsl(89, 9%, 93%);
--secondary: hsla(120, 24%, 12%, 1);
--secondary-d-1: hsl(118, 23%, 10%);
--secondary-d-2: hsl(114, 24%, 7%);
--secondary-d-3: hsl(115, 31%, 4%);
--secondary-l-1: hsl(117, 8%, 31%);
--secondary-l-2: hsl(116, 4%, 52%);
--secondary-l-3: hsl(116, 4%, 76%);
--accent: hsla(29, 45%, 59%, 1);
--accent-l-1: rgb(216, 177, 140);
--transparent:hsla(0, 0%, 0%, 0);
--border-primary: hsla(0, 0%, 50%, 0.25);
--shadow-primary: hsla(0, 0%, 0%, 0.15);
--light: hsl(85, 0%, 100%);
--light-d-1: hsl(145, 0%, 72%);
--light-d-2: hsl(145, 0%, 47%);
--light-d-3: hsl(146, 0%, 23%);
--text-dark:hsl(0, 0%, 12%);
--dark: hsla(0, 0%, 0%, 1);
--dark-5: hsla(0, 0%, 0%, 0.05);
--dark-10: hsla(0, 0%, 0%, 0.1);
--dark-20: hsla(0, 0%, 0%, 0.2);
--dark-30: hsla(0, 0%, 0%, 0.3);
--dark-40: hsla(0, 0%, 0%, 0.4);
--dark-50: hsla(0, 0%, 0%, 0.5);
--dark-60: hsla(0, 0%, 0%, 0.6);
--dark-70: hsla(0, 0%, 0%, 0.7);
--dark-80: hsla(0, 0%, 0%, 0.8);
--dark-90: hsla(0, 0%, 0%, 0.9);
--dark-l-1: hsl(146, 0%, 23%);
--dark-l-2: hsl(145, 0%, 47%);
--dark-l-3: hsl(145, 0%, 72%);
--success: hsl(136, 95%, 56%);
--error: hsl(351, 95%, 56%);     --width-xs: calc((140 * 0.1) * 1rem);
--width-s: calc((140 * 0.2) * 1rem);
--width-m: calc((140 * 0.4) * 1rem);
--width-l: calc((140 * 0.6) * 1rem);
--width-xl: calc((140 * 0.8) * 1rem);
--width-2xl: calc((140 * 0.9) * 1rem);
--width-content: 140rem;
--width-50: calc((140 / 2) * 1rem); --space-xs: clamp(1.02rem, calc(0.35vw + 0.91rem), 1.4rem);
--space-s: clamp(1.28rem, calc(0.65vw + 1.07rem), 1.98rem);
--space-m: clamp(1.6rem, calc(1.11vw + 1.24rem), 2.8rem);
--space-l: clamp(2rem, calc(1.81vw + 1.42rem), 3.96rem);
--space-xl: clamp(2.5rem, calc(2.87vw + 1.58rem), 5.6rem);
--space-2xl: clamp(3.13rem, calc(4.44vw + 1.71rem), 7.92rem);
--space-3xl: clamp(3.91rem, calc(6.75vw + 1.75rem), 11.19rem);
--space-4xl: clamp(4.88rem, calc(10.13vw + 1.64rem), 15.83rem);
--content-gap: var(--space-m); --text-xs: clamp(1.25rem, calc(0.23vw + 1.18rem), 1.5rem);
--text-s: clamp(1.5rem, calc(0.09vw + 1.47rem), 1.6rem);
--text-m: clamp(1.6rem, calc(0.19vw + 1.54rem), 1.8rem);
--text-l: clamp(2.1rem, calc(0.65vw + 1.89rem), 2.8rem);
--text-xl: clamp(2.5rem, calc(0.65vw + 2.29rem), 3.2rem);
--text-2xl: clamp(3.2rem, calc(0.93vw + 2.9rem), 4.2rem);
--text-3xl: clamp(4rem, calc(1.85vw + 3.41rem), 6rem);
--text-4xl: clamp(5rem, calc(1.85vw + 4.41rem), 7rem);
--text-5xl: clamp(5rem, calc(3.7vw + 3.81rem), 9rem); --body-line-height: 1.6; --radius-xs: clamp(0.4rem, calc(0vw + 0.4rem), 0.4rem);
--radius-s: clamp(0.6rem, calc(-0.19vw + 0.86rem), 0.8rem);
--radius-m: clamp(1rem, calc(-0.19vw + 1.26rem), 1.2rem);
--radius-l: clamp(1.6rem, calc(-0.37vw + 2.12rem), 2rem);
--radius-xl: clamp(2.6rem, calc(-0.56vw + 3.38rem), 3.2rem);
--radius-full: 999rem;
--shadow-xs: 0 1px 2px var(--shadow-primary);
--shadow-s: 0 1.5px 3px var(--shadow-primary);
--shadow-m: 0 2px 6px var(--shadow-primary);
--shadow-l: 0 3px 12px var(--shadow-primary);
--shadow-xl: 0 6px 48px var(--shadow-primary);
} .text-xs {
font-size: var(--text-xs);
}
.text-s {
font-size: var(--text-s);
}
.text-m {
font-size: var(--text-m);
}
.text-l {
font-size: var(--text-l);
}
.text-xl {
font-size: var(--text-xl);
}
.text-2xl {
font-size: var(--text-2xl);
}
.text-3xl {
font-size: var(--text-3xl);
}
.text-4xl {
font-size: var(--text-4xl);
}
.text-5xl {
font-size: var(--text-5xl);
}
.gap-row-m {
row-gap: var(--space-m);
} .m-top--xs {
margin-top: var(--space-xs);
}
.m-top--s {
margin-top: var(--space-s);
}
.m-top--m {
margin-top: var(--space-m);
}
.m-top--l {
margin-top: var(--space-l);
}
.m-top--xl {
margin-top: var(--space-xl);
}
.m-top--2xl {
margin-top: var(--space-2xl);
}
.m-top--3xl {
margin-top: var(--space-3xl);
}
.m-top--4xl {
margin-top: var(--space-4xl);
}
.m-top--none {
margin-top: 0;
}
.m-bottom--xs {
margin-bottom: var(--space-xs);
}
.m-bottom--s {
margin-bottom: var(--space-s);
}
.m-bottom--m {
margin-bottom: var(--space-m);
}
.m-bottom--l {
margin-bottom: var(--space-l);
}
.m-bottom--xl {
margin-bottom: var(--space-xl);
}
.m-bottom--2xl {
margin-bottom: var(--space-2xl);
}
.m-bottom--3xl {
margin-bottom: var(--space-3xl);
}
.m-bottom--4xl {
margin-bottom: var(--space-4xl);
}
.m-bottom--none {
margin-bottom: 0;
} .pad--xs {
padding: var(--space-xs);
}
.pad--s {
padding: var(--space-s);
}
.pad--m {
padding: var(--space-m);
}
.pad--l {
padding: var(--space-l);
}
.pad--xl {
padding: var(--space-xl);
}
.pad--2xl {
padding: var(--space-2xl);
}
.pad--3xl {
padding: var(--space-3xl);
}
.pad--3xl {
padding: var(--space-4xl);
}
.pad--none {
padding: 0rem !important;
} body {
background-color: var(--light);
color: var(--text-dark);
font-size: var(--text-m);
line-height: var(--body-line-height);
min-height: 100vh;
}  h1 {
color: var(--secondary-l-1);
}
h2 {
color: var(--secondary-l-1);
}
h3 {
color: var(--secondary-l-1);
}
h4 {
color: var(--secondary-l-1);
}
h5 {
color: var(--secondary-l-1);
}
h6 {
color: var(--secondary-l-1);
}
h1 {
font-size: var(--text-5xl);
font-weight: 400;
margin-top: 2rem;
margin-bottom: 3rem;
line-height: 1.1;
}
h2 {
font-size: var(--text-3xl);
font-weight: 400;
line-height: 1.2;
margin-top: 2rem;
margin-bottom: 3rem;
}
h3 {
font-size: var(--text-2xl);
font-weight: 400;
line-height: 1.2;
margin-top: 2rem;
margin-bottom: 3rem;
}
h4 {
font-size: var(--text-xl);
font-weight: 400;
line-height: 1.2;
margin-top: 2rem;
margin-bottom: 3rem;
}
h5 {
font-size: var(--text-l);
font-weight: 400;
line-height: 1.2;
margin-top: 2rem;
margin-bottom: 3rem;
}
h6 {
font-size: var(--text-m);
font-weight: 400;
line-height: 1.2;
margin-top: 2rem;
margin-bottom: 3rem;
}
:where(p) {
margin: 0 0 calc(var(--body-line-height) * 1em);
}
:where(p:last-of-type) {
margin-bottom: 0;
}
body.bricks-is-frontend :focus {
outline: none;
box-shadow: none;
}
body.bricks-is-frontend :focus-visible {
outline-width: 1px;
outline-style: dotted;
outline-offset: 1px;
outline-color: var(--accent-l-1);
}
hr {
border: none;
border-top: 1px solid var(--secondary-l-3);
margin: var(--space-xl) 0;
}trp-span {
position: absolute !important;
} .brxe-button, .bricks-button {
width: auto;
gap: var(--space-s);
padding-top: 0.95rem;
padding-right: 1.75rem;
padding-bottom: 0.85rem;
padding-left: 1.75rem;
border-radius: 0.5rem;
color: var(--text-dark);
font-size: var(--text-s);
text-transform: uppercase;
line-height: 1.6em;
}
.brxe-button, .brxe-button span, .brxe-button i, .brxe-button svg, .bricks-button, .bricks-button span, .bricks-button i, .bricks-button svg {
transform: translate(0px, 0%);
transition: all 0.2s;
fill: currentColor;
}
.brxe-button:hover span, .bricks-button:hover span {
transform: translate(2px, 0%);
}
.brxe-button:hover i, .brxe-button:hover svg, .bricks-button:hover i, .bricks-button:hover svg {
transform: translate(5px, 0%);
}@-webkit-keyframes custom_fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes custom_fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.brx-body .brx-animate-fadeIn {
animation-name: custom_fadeIn;
}
@-webkit-keyframes custom_fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 1;
transform: translateZ(0);
}
}
@keyframes custom_fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 1;
transform: translateZ(0);
}
}
.brx-body .brx-animate-fadeInUp {
animation-name: custom_fadeInUp;
}