/* Version: 1.3.2 - Generated 2022-05-25 00:55:24 */
html {
  font-size: 62.5% !important;
  scroll-behavior: smooth;
}
*, *::before, *::after {
  box-sizing: border-box;
}
body {
  min-height: 100vh;
}
img, picture {
  max-width: 100%;
}
input, button, textarea, select {
  font: inherit;
}
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *, *::before, *::after {
    -webkit-animation-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
*:focus, button:focus {
  outline-offset: 0.5rem;
  outline: var(--primary) solid 0.2rem;
}
*:focus:not(:focus-visible), button:focus:not(:focus-visible) {
  outline-offset: 0.5rem;
  outline: var(--primary) solid 0.2rem;
}
:-moz-focus-inner {
  outline: 0.2rem solid var(--primary) !important;
  outline-offset: 0.5rem;
}
/*Disables focus on finger touch for mobile devices*/
:focus:not(:focus-visible) {
  outline: none;
}

:root {
  --text-xs: 1.3rem;
  --text-s: 1.4rem;
  --text-m: 1.8rem;
  --text-l: 2rem;
  --text-xl: 2.3rem;
  --text-xxl: 2.6rem;
  --space-xs: 1.9rem;
  --space-s: 2.1rem;
  --space-m: 2.4rem;
  --space-l: 2.7rem;
  --space-xl: 3rem;
  --space-xxl: 3.4rem;
  --section-space-xs: 3.8rem;
  --section-space-s: 4.8rem;
  --section-space-m: 6rem;
  --section-space-l: 7.5rem;
  --section-space-xl: 9.4rem;
  --section-space-xxl: 11.7rem;
  --width-xs: calc((var(--max-width) / 10 * 0.1) * 1rem);
  --width-s: calc((var(--max-width) / 10 * 0.2) * 1rem);
  --width-m: calc((var(--max-width) / 10 * 0.4) * 1rem);
  --width-l: calc((var(--max-width) / 10 * 0.6) * 1rem);
  --width-xl: calc((var(--max-width) / 10 * 0.8) * 1rem);
  --width-xxl: calc((var(--max-width) / 10 * 0.9) * 1rem);
  --width-vp-max: calc((var(--max-width) / 10 - 3 * 2) * 1rem);
  --width-50: calc((var(--max-width) /10 / 2) * 1rem);
  --width-full: 100%;
  --radius-xs: 0.4444444444rem;
  --radius-s: 0.6666666667rem;
  --radius-m: 1rem;
  --radius-l: 1.5rem;
  --radius-xl: 2.25rem;
  --radius-xxl: 3.375rem;
  --radius-50: 50%;
  --radius-circle: 50%;
  --section-padding-x: 3rem;
  --btn-border-size: 0.25rem;
  --outline-btn-border-size: 0.25rem;
  --btn-radius: 0;
}
body {

  font-size: 1.8rem;
/*
  font-size: calc(1.5rem + (0.1 * ((100vw - 32rem) / 112)));
  font-size: clamp(1.5rem, calc(0.0892857143vw + 1.4714285714rem), 1.6rem);
*/
  font-size: clamp(16px, calc(1rem + ((1vw - 7.68px) * 0.6944)), 24px);

    
}
h1 {
  font-size: 2.565rem;
  font-size: calc(2.592rem + (1.1977488592 * ((100vw - 32rem) / 112)));
  font-size: clamp(2.592rem, calc(1.0694186243vw + 2.2497860402rem), 3.7897488592rem);
}

h1.responsive {
    font-size: clamp(42px, calc(2.625rem + ((1vw - 7.68px) * 2.2569)), 68px);
}

h2 {
  font-size: 2.28rem;
  font-size: calc(2.16rem + (0.6830224 * ((100vw - 32rem) / 112)));
  font-size: clamp(2.16rem, calc(0.6098414286vw + 1.9648507429rem), 2.8430224rem);
}

h2.responsive {
    font-size: clamp(38px, calc(2.375rem + ((1vw - 7.68px) * 1.9097)), 60px);
}

h3 {
  font-size: 2.025rem;
  font-size: calc(1.8rem + (0.3328 * ((100vw - 32rem) / 112)));
  font-size: clamp(1.8rem, calc(0.2971428571vw + 1.7049142857rem), 2.1328rem);
}

h3.responsive {
    font-size: clamp(32px, calc(2rem + ((1vw - 7.68px) * 1.7361)), 52px);
}

h4 {
  font-size: 1.8rem;
  font-size: calc(1.5rem + (0.1 * ((100vw - 32rem) / 112)));
  font-size: clamp(1.5rem, calc(0.0892857143vw + 1.4714285714rem), 1.6rem);
}
h5 {
  font-size: 1.42rem;
  font-size: calc(1.1252813203rem + (0.0750187547 * ((100vw - 32rem) / 112)));
  font-size: max(1.2 * 1rem, 1.200300075 * 1rem);
}
h6 {
  font-size: 1.26rem;
  font-size: calc(0.8441720333rem + (0.0562781356 * ((100vw - 32rem) / 112)));
  font-size: max(1 * 1rem, 0.9004501688 * 1rem);
}

.pad--none {
  padding: 0 !important;
}

.pad--xs {
  padding: 1.896rem;
  padding: calc(1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 112)));
  padding: clamp(1.0666666667rem, calc(0.2380952381vw + 0.9904761905rem), 1.3333333333rem);
}
.pad--s {
  padding: 2.133rem;
  padding: calc(1.6rem + (0.4 * ((100vw - 32rem) / 112)));
  padding: clamp(1.6rem, calc(0.3571428571vw + 1.4857142857rem), 2rem);
}
.pad--m {
  padding: 2.4rem;
  padding: calc(2.4rem + (0.6 * ((100vw - 32rem) / 112)));
  padding: clamp(2.4rem, calc(0.5357142857vw + 2.2285714286rem), 3rem);
}
.pad--l {
  padding: 2.7rem;
  padding: calc(2.5608rem + (1.9392 * ((100vw - 32rem) / 112)));
  padding: clamp(2.5608rem, calc(1.7314285714vw + 2.0067428571rem), 4.5rem);
}
.pad--xl {
  padding: 3.038rem;
  padding: calc(2.7323736rem + (4.0176264 * ((100vw - 32rem) / 112)));
  padding: clamp(2.7323736rem, calc(3.5871664286vw + 1.5844803429rem), 6.75rem);
}
.pad--xxl {
  padding: 3.42rem;
  padding: calc(2.9154426312rem + (7.2095573688 * ((100vw - 32rem) / 112)));
  padding: clamp(2.9154426312rem, calc(6.4371047936vw + 0.8555690973rem), 10.125rem);
}

.pad-section--l {
  padding: 2.7rem 3rem;
  padding: calc(7.6824rem + (10.3176 * ((100vw - 32rem) / 112))) 3rem;
  padding: clamp(7.6824rem, calc(9.2121428571vw + 4.7345142857rem), 18rem) 3rem;
}
.pad-section--xl {
  padding: 3.038rem 3rem;
  padding: calc(8.1971208rem + (18.8028792 * ((100vw - 32rem) / 112))) 3rem;
  padding: clamp(8.1971208rem, calc(16.788285vw + 2.8248696rem), 27rem) 3rem;
}

.text--xs {
  font-size: 1.26rem;
  font-size: calc(0.8441720333rem + (0.0562781356 * ((100vw - 32rem) / 112)));
  font-size: max(1 * 1rem, 0.9004501688 * 1rem);
}
.text--s {
  font-size: 1.42rem;
  font-size: calc(1.1252813203rem + (0.0750187547 * ((100vw - 32rem) / 112)));
  font-size: max(1.2 * 1rem, 1.200300075 * 1rem);
}
.text--m {
  font-size: 1.8rem;
  font-size: calc(1.5rem + (0.1 * ((100vw - 32rem) / 112)));
  font-size: clamp(1.5rem, calc(0.0892857143vw + 1.4714285714rem), 1.6rem);
}
.text--l {
  font-size: 2.025rem;
  font-size: calc(1.8rem + (0.3328 * ((100vw - 32rem) / 112)));
  font-size: clamp(1.8rem, calc(0.2971428571vw + 1.7049142857rem), 2.1328rem);
}
.text--xl {
  font-size: 2.28rem;
  font-size: calc(2.16rem + (0.6830224 * ((100vw - 32rem) / 112)));
  font-size: clamp(2.16rem, calc(0.6098414286vw + 1.9648507429rem), 2.8430224rem);
}
.text--xxl {
  font-size: 2.565rem;
  font-size: calc(2.592rem + (1.1977488592 * ((100vw - 32rem) / 112)));
  font-size: clamp(2.592rem, calc(1.0694186243vw + 2.2497860402rem), 3.7897488592rem);
}
.text--xs.text--larger {
  font-size: 1.43rem;
  font-size: calc(0.9285892366rem + (0.4220860166 * ((100vw - 32rem) / 112)));
  font-size: clamp(0.9285892366rem, calc(0.3768625148vw + 0.8079932318rem), 1.3506752532rem);
}
.text--s.text--larger {
  font-size: 1.54rem;
  font-size: calc(1.2378094524rem + (0.5626406602 * ((100vw - 32rem) / 112)));
  font-size: clamp(1.2378094524rem, calc(0.5023577323vw + 1.077054978rem), 1.8004501125rem);
}
.text--m.text--larger {
  font-size: 1.98rem;
  font-size: calc(1.65rem + (0.75 * ((100vw - 32rem) / 112)));
  font-size: clamp(1.65rem, calc(0.6696428571vw + 1.4357142857rem), 2.4rem);
}
.text--l.text--larger {
  font-size: 2.2rem;
  font-size: calc(1.98rem + (1.2192 * ((100vw - 32rem) / 112)));
  font-size: clamp(1.98rem, calc(1.0885714286vw + 1.6316571429rem), 3.1992rem);
}
.text--xl.text--larger {
  font-size: 2.53rem;
  font-size: calc(2.376rem + (1.8885336 * ((100vw - 32rem) / 112)));
  font-size: clamp(2.376rem, calc(1.6861907143vw + 1.8364189714rem), 4.2645336rem);
}
.text--xxl.text--larger {
  font-size: 2.86rem;
  font-size: calc(2.8512rem + (2.8334232888 * ((100vw - 32rem) / 112)));
  font-size: clamp(2.8512rem, calc(2.5298422221vw + 2.0416504889rem), 5.6846232888rem);
}
h1.text--larger {
  font-size: 2.86rem;
  font-size: calc(2.8512rem + (2.8334232888 * ((100vw - 32rem) / 112)));
  font-size: clamp(2.8512rem, calc(2.5298422221vw + 2.0416504889rem), 5.6846232888rem);
}
h2.text--larger {
  font-size: 2.53rem;
  font-size: calc(2.376rem + (1.8885336 * ((100vw - 32rem) / 112)));
  font-size: clamp(2.376rem, calc(1.6861907143vw + 1.8364189714rem), 4.2645336rem);
}
h3.text--larger {
  font-size: 2.2rem;
  font-size: calc(1.98rem + (1.2192 * ((100vw - 32rem) / 112)));
  font-size: clamp(1.98rem, calc(1.0885714286vw + 1.6316571429rem), 3.1992rem);
}
h4.text--larger {
  font-size: 1.98rem;
  font-size: calc(1.65rem + (0.75 * ((100vw - 32rem) / 112)));
  font-size: clamp(1.65rem, calc(0.6696428571vw + 1.4357142857rem), 2.4rem);
}
h5.text--larger {
  font-size: 1.54rem;
  font-size: calc(1.2378094524rem + (0.5626406602 * ((100vw - 32rem) / 112)));
  font-size: clamp(1.2378094524rem, calc(0.5023577323vw + 1.077054978rem), 1.8004501125rem);
}
h6.text--larger {
  font-size: 1.43rem;
  font-size: calc(0.9285892366rem + (0.4220860166 * ((100vw - 32rem) / 112)));
  font-size: clamp(0.9285892366rem, calc(0.3768625148vw + 0.8079932318rem), 1.3506752532rem);
}

.width--full {
  width: 100% !important;
  max-width: 100%;
}

.grid--1 {
  display: grid !important;
  grid-template-columns: 1fr;
  width: 100%;
}
.grid--2 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
}
.grid--3 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
}
.grid--4 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 100%;
}
.grid--5 {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  width: 100%;
}
.grid--6 {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  width: 100%;
}
.grid--1-2 {
  display: grid !important;
  grid-template-columns: 1fr 2fr;
  width: 100%;
}
.grid--1-3 {
  display: grid !important;
  grid-template-columns: 1fr 3fr;
  width: 100%;
}
.grid--2-1 {
  display: grid !important;
  grid-template-columns: 2fr 1fr;
  width: 100%;
}
.grid--2-3 {
  display: grid !important;
  grid-template-columns: 2fr 3fr;
  width: 100%;
}
.grid--3-1 {
  display: grid !important;
  grid-template-columns: 3fr 1fr;
  width: 100%;
}
.grid--3-2 {
  display: grid !important;
  grid-template-columns: 3fr 2fr;
  width: 100%;
}
.grid--auto-2 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(46.1538461538rem, 100vw - 6rem), 1fr));
  width: 100%;
}
.grid--auto-3 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(34.5864661654rem, 100vw - 6rem), 1fr));
  width: 100%;
}
.grid--auto-4 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(27.6553106212rem, 100vw - 6rem), 1fr));
  width: 100%;
}
.grid--auto-5 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(23.0383973289rem, 100vw - 6rem), 1fr));
  width: 100%;
}
.grid--auto-6 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(19.7424892704rem, 100vw - 6rem), 1fr));
  width: 100%;
}
.grid--auto-1-2 {
  display: grid !important;
  grid-template-columns: 1fr 2fr;
  width: 100%;
}
.grid--auto-1-3 {
  display: grid !important;
  grid-template-columns: 1fr 3fr;
  width: 100%;
}
.grid--auto-2-1 {
  display: grid !important;
  grid-template-columns: 2fr 1fr;
  width: 100%;
}
.grid--auto-2-3 {
  display: grid !important;
  grid-template-columns: 2fr 3fr;
  width: 100%;
}
.grid--auto-3-1 {
  display: grid !important;
  grid-template-columns: 3fr 1fr;
  width: 100%;
}
.grid--auto-3-2 {
  display: grid !important;
  grid-template-columns: 3fr 2fr;
  width: 100%;
}

.gap--xs, .brxe-container.gap--xs {
  gap: 1.896rem;
  gap: calc(1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 104)));
  gap: clamp(1.0666666667rem, calc(0.2564102564vw + 0.9846153846rem), 1.3333333333rem);
}
.gap--s, .brxe-container.gap--s {
  gap: 2.133rem;
  gap: calc(1.6rem + (0.4 * ((100vw - 32rem) / 104)));
  gap: clamp(1.6rem, calc(0.3846153846vw + 1.4769230769rem), 2rem);
}
.gap--m, .brxe-container.gap--m {
  gap: 2.4rem;
  gap: calc(2.4rem + (0.6 * ((100vw - 32rem) / 104)));
  gap: clamp(2.4rem, calc(0.5769230769vw + 2.2153846154rem), 3rem);
}
.gap--l, .brxe-container.gap--l {
  gap: 2.7rem;
  gap: calc(2.5608rem + (1.9392 * ((100vw - 32rem) / 104)));
  gap: clamp(2.5608rem, calc(1.8646153846vw + 1.9641230769rem), 4.5rem);
}
.gap--xl, .brxe-container.gap--xl {
  gap: 3.038rem;
  gap: calc(2.7323736rem + (4.0176264 * ((100vw - 32rem) / 104)));
  gap: clamp(2.7323736rem, calc(3.8631023077vw + 1.4961808615rem), 6.75rem);
}
.gap--xxl, .brxe-container.gap--xxl {
  gap: 3.42rem;
  gap: calc(2.9154426312rem + (7.2095573688 * ((100vw - 32rem) / 104)));
  gap: clamp(2.9154426312rem, calc(6.9322667008vw + 0.697117287rem), 10.125rem);
}

@media (max-width: 1439px) {
  .grid--xl-1 {
    grid-template-columns: 1fr;
  }
  .grid--xl-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid--xl-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid--xl-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid--xl-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid--xl-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .grid--l-1 {
    grid-template-columns: 1fr;
  }
  .grid--l-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid--l-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid--l-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid--l-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid--l-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .grid--m-1 {
    grid-template-columns: 1fr;
  }
  .grid--m-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid--m-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid--m-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid--m-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid--m-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media (max-width: 479px) {
  .grid--s-1 {
    grid-template-columns: 1fr;
  }
  .grid--s-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid--s-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid--s-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid--s-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid--s-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .grid--auto-1-2 {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(34.5864661654rem, 100vw - 6rem), 1fr));
  }
  .grid--auto-1-3 {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(34.5864661654rem, 100vw - 6rem), 1fr));
  }
  .grid--auto-3-2 {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(34.5864661654rem, 100vw - 6rem), 1fr));
  }
  .grid--auto-2-3 {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(34.5864661654rem, 100vw - 6rem), 1fr));
  }
  .grid--auto-2-1 {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(34.5864661654rem, 100vw - 6rem), 1fr));
  }
  .grid--auto-3-1 {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(34.5864661654rem, 100vw - 6rem), 1fr));
  }
}

.rounded--xs {
  border-radius: 0.4444444444rem;
}
.rounded--s {
  border-radius: 0.6666666667rem;
}
.rounded--m {
  border-radius: 1rem;
}
.rounded--l {
  border-radius: 1.5rem;
}
.rounded--xl {
  border-radius: 2.25rem;
}
.rounded--xxl {
  border-radius: 3.375rem;
}
.rounded--50 {
  border-radius: 50%;
}
.rounded--circle {
  border-radius: 50%;
}

.breakout--full {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    align-self: flex-start;
}

@supports (font-size: calc(1vw + 2vw)) {
  :root {
    --text-xs: calc(0.8441720333rem + (0.0562781356 * ((100vw - 32rem) / 112)));
    --text-s: calc(1.1252813203rem + (0.0750187547 * ((100vw - 32rem) / 112)));
    --text-m: calc(1.5rem + (0.1 * ((100vw - 32rem) / 112)));
    --text-l: calc(1.8rem + (0.3328 * ((100vw - 32rem) / 112)));
    --text-xl: calc(2.16rem + (0.6830224 * ((100vw - 32rem) / 112)));
    --text-xxl: calc(2.592rem + (1.1977488592 * ((100vw - 32rem) / 112)));
  }
}  
@media (min-width: 1439px) {
    :root {
      --text-xs: 0.9004501688rem;
      --text-s: 1.200300075rem;
      --text-m: 1.6rem;
      --text-l: 2.1328rem;
      --text-xl: 2.8430224rem;
      --text-xxl: 3.7897488592rem;
    }
}
@supports (font-size: clamp(1vw, 2vw, 3vw)) {
  :root {
    --text-xs: max(1 * 1rem, 0.9004501688 * 1rem);
    --text-s: max(1.2 * 1rem, 1.200300075 * 1rem);
    --text-m: clamp(1.5rem, calc(0.0892857143vw + 1.4714285714rem), 1.6rem);
    --text-l: clamp(1.8rem, calc(0.2971428571vw + 1.7049142857rem), 2.1328rem);
    --text-xl: clamp(2.16rem, calc(0.6098414286vw + 1.9648507429rem), 2.8430224rem);
    --text-xxl: clamp(2.592rem, calc(1.0694186243vw + 2.2497860402rem), 3.7897488592rem);
  }
}
@supports (padding: calc(1vw + 2vw)) {
  :root {
    --space-xs: calc(1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 112)));
    --space-s: calc(1.6rem + (0.4 * ((100vw - 32rem) / 112)));
    --space-m: calc(2.4rem + (0.6 * ((100vw - 32rem) / 112)));
    --space-l: calc(2.5608rem + (1.9392 * ((100vw - 32rem) / 112)));
    --space-xl: calc(2.7323736rem + (4.0176264 * ((100vw - 32rem) / 112)));
    --space-xxl: calc(2.9154426312rem + (7.2095573688 * ((100vw - 32rem) / 112)));
    --section-space-xs: calc(3.2rem + (2.1333333333 * ((100vw - 32rem) / 112)));
    --section-space-s: calc(4.8rem + (3.2 * ((100vw - 32rem) / 112)));
    --section-space-m: calc(7.2rem + (4.8 * ((100vw - 32rem) / 112)));
    --section-space-l: calc(7.6824rem + (10.3176 * ((100vw - 32rem) / 112)));
    --section-space-xl: calc(8.1971208rem + (18.8028792 * ((100vw - 32rem) / 112)));
    --section-space-xxl: calc(8.7463278936rem + (31.7536721064 * ((100vw - 32rem) / 112)));
  }
}
@media (min-width: 1439px) {
    :root {
      --space-xs: 1.3333333333rem;
      --space-s: 2rem;
      --space-m: 3rem;
      --space-l: 4.5rem;
      --space-xl: 6.75rem;
      --space-xxl: 10.125rem;
      --section-space-xs: 5.3333333333rem;
      --section-space-s: 8rem;
      --section-space-m: 12rem;
      --section-space-l: 18rem;
      --section-space-xl: 27rem;
      --section-space-xxl: 40.5rem;
    }
}
@supports (padding: clamp(1vw, 2vw, 3vw)) {
  :root {
    --space-xs: clamp(1.0666666667rem, calc(0.2380952381vw + 0.9904761905rem), 1.3333333333rem);
    --space-s: clamp(1.6rem, calc(0.3571428571vw + 1.4857142857rem), 2rem);
    --space-m: clamp(2.4rem, calc(0.5357142857vw + 2.2285714286rem), 3rem);
    --space-l: clamp(2.5608rem, calc(1.7314285714vw + 2.0067428571rem), 4.5rem);
    --space-xl: clamp(2.7323736rem, calc(3.5871664286vw + 1.5844803429rem), 6.75rem);
    --space-xxl: clamp(2.9154426312rem, calc(6.4371047936vw + 0.8555690973rem), 10.125rem);
    --section-space-xs: clamp(3.2rem, calc(1.9047619048vw + 2.5904761905rem), 5.3333333333rem);
    --section-space-s: clamp(4.8rem, calc(2.8571428571vw + 3.8857142857rem), 8rem);
    --section-space-m: clamp(7.2rem, calc(4.2857142857vw + 5.8285714286rem), 12rem);
    --section-space-l: clamp(7.6824rem, calc(9.2121428571vw + 4.7345142857rem), 18rem);
    --section-space-xl: clamp(8.1971208rem, calc(16.788285vw + 2.8248696rem), 27rem);
    --section-space-xxl: clamp(8.7463278936rem, calc(28.3514929521vw + -0.3261498511rem), 40.5rem);
  }
}