html {
    font-size: 62.5%;
}
:root {
    --min-screen-width: 320px;
    --max-screen-width: 1400px;
    --pink: #EA5A9A;
    --yellow: #F7AB14;
    --green: #2AAF8C;
    --blue: #1A99D6;
    --light: #F4F4F4;
    --dark: #191919;
    --bg-body: #FFFFFF;
    --text-dark: #191919;
    --border-primary: hsla(0, 0%, 50%, 0.25);
    --shadow-primary: hsla(0, 0%, 0%, 0.15);
    --white: hsl(85, 0%, 100%);
    --black: hsla(0, 0%, 0%, 1);
    --space-4xs: clamp(0.52rem, calc(0.17vw + 0.47rem), 0.71rem);
    --space-3xs: clamp(0.66rem, calc(0.32vw + 0.55rem), 1rem);
    --space-2xs: clamp(0.82rem, calc(0.55vw + 0.64rem), 1.42rem);
    --space-xs: clamp(1.02rem, calc(0.9vw + 0.73rem), 2rem);
    --space-s: clamp(1.28rem, calc(1.43vw + 0.82rem), 2.83rem);
    --space-m: clamp(1.6rem, calc(2.22vw + 0.89rem), 4rem);
    --space-l: clamp(2rem, calc(3.39vw + 0.92rem), 5.66rem);
    --space-xl: clamp(2.5rem, calc(5.09vw + 0.87rem), 8rem);
    --space-2xl: clamp(3.13rem, calc(7.58vw + 0.7rem), 11.31rem);
    --space-3xl: clamp(3.91rem, calc(11.19vw + 0.33rem), 15.99rem);
    --space-4xl: clamp(4.88rem, calc(16.41vw + -0.37rem), 22.61rem);
    --text-xs: clamp(1.26rem, calc(-0.13vw + 1.31rem), 1.13rem);
    --text-s: clamp(1.42rem, calc(0.07vw + 1.4rem), 1.5rem);
    --text-m: clamp(1.6rem, calc(0.37vw + 1.48rem), 2rem);
    --text-l: clamp(1.8rem, calc(0.8vw + 1.54rem), 2.67rem);
    --text-xl: clamp(2.02rem, calc(1.42vw + 1.57rem), 3.55rem);
    --text-2xl: clamp(2.28rem, calc(2.28vw + 1.55rem), 4.74rem);
    --text-3xl: clamp(2.56rem, calc(3.47vw + 1.45rem), 6.31rem);
    --text-4xl: clamp(2.88rem, calc(5.12vw + 1.24rem), 8.42rem);
    --hero-title-size: var(--text-4xl);
    --post-title-size: var(--text-2xl);
    --nav-link-size: var(--text-s);
    --body-line-height: 1.4;
    --header-space: var(--space-s);
    --btn-space: var(--space-xs) var(--space-s);
    --card-space: var(--space-s);
    --footer-space: var(--space-s) var(--space-m);
    --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);
}
.bg-pink {
    background-color: var(--pink);
}
.text-pink {
    color: var(--pink);
}
.border-pink {
    border-color: var(--pink);
}
.bg-yellow {
    background-color: var(--yellow);
}
.text-yellow {
    color: var(--yellow);
}
.border-yellow {
    border-color: var(--yellow);
}
.bg-green {
    background-color: var(--green);
}
.text-green {
    color: var(--green);
}
.border-green {
    border-color: var(--green);
}
.bg-blue {
    background-color: var(--blue);
}
.text-blue {
    color: var(--blue);
}
.border-blue {
    border-color: var(--blue);
}
.padding-4xs {
    padding: var(--space-4xs);
}
.padding-3xs {
    padding: var(--space-3xs);
}
.padding-2xs {
    padding: var(--space-2xs);
}
.padding-xs {
    padding: var(--space-xs);
}
.padding-s {
    padding: var(--space-s);
}
.padding-m {
    padding: var(--space-m);
}
.padding-l {
    padding: var(--space-l);
}
.padding-xl {
    padding: var(--space-xl);
}
.padding-2xl {
    padding: var(--space-2xl);
}
.padding-3xl {
    padding: var(--space-3xl);
}
.padding-4xl {
    padding: var(--space-4xl);
}
.margin-4xs {
    margin: var(--space-4xs);
}
.margin-3xs {
    margin: var(--space-3xs);
}
.margin-2xs {
    margin: var(--space-2xs);
}
.margin-xs {
    margin: var(--space-xs);
}
.margin-s {
    margin: var(--space-s);
}
.margin-m {
    margin: var(--space-m);
}
.margin-l {
    margin: var(--space-l);
}
.margin-xl {
    margin: var(--space-xl);
}
.margin-2xl {
    margin: var(--space-2xl);
}
.margin-3xl {
    margin: var(--space-3xl);
}
.margin-4xl {
    margin: var(--space-4xl);
}
.gap-4xs {
    gap: var(--space-4xs);
}
.gap-3xs {
    gap: var(--space-3xs);
}
.gap-2xs {
    gap: var(--space-2xs);
}
.gap-xs {
    gap: var(--space-xs);
}
.gap-s {
    gap: var(--space-s);
}
.gap-m {
    gap: var(--space-m);
}
.gap-l {
    gap: var(--space-l);
}
.gap-xl {
    gap: var(--space-xl);
}
.gap-2xl {
    gap: var(--space-2xl);
}
.gap-3xl {
    gap: var(--space-3xl);
}
.gap-4xl {
    gap: var(--space-4xl);
}
.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);
}
body {
    background-color: var(--bg-body);
    color: var(--text-dark);
    font-size: var(--text-m);
    min-height: 100vh;
}
h1,h2,h3,h4,h5 {
  text-wrap: balance;
}
h1 {
    color: var(--text-dark);
}
h2 {
    color: var(--text-dark);
}
h3 {
    color: var(--text-dark);
}
h4 {
    color: var(--text-dark);
}
h5 {
    color: var(--text-dark);
}
h6 {
    color: var(--text-dark);
}
H1 {
    font-size: var(--text-3xl);
}
H2 {
    font-size: var(--text-2xl);
}
H3 {
    font-size: var(--text-xl);
}
H4 {
    font-size: var(--text-l);
}
H5 {
    font-size: var(--text-m);
}
H6 {
    font-size: var(--text-m);
}
:where(p) {
    margin: 0 0 calc(var(--body-line-height) * 1em);
}
:where(p:last-of-type) {
    margin-bottom: 0;
}
:where(.brxe-section) {
    padding: var(--space-4xl) var(--space-s);
}
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(--dark-50);
}
.display-none {
    display: none;
}
.visible {
    visibility: visible;
}
.hidden {
    visibility: hidden;
}
.overflow-hidden {
    overflow: hidden;
}
.overflow-x-hidden {
    overflow-x: hidden;
}
.overflow-y-hidden {
    overflow-y: hidden;
}
.list-none {
    list-style-type: none;
}
.transition-global {
    transition: all 0.3s;
}
.text-center {
    text-align: center;
}
.balance {
    text-wrap: balance;
}
.pointer {
    cursor: pointer;
}