/* Version: 2.1.2 - Generated 2022-10-10 09:11:00 */
html {
  font-size: 62.5% !important;
  scroll-behavior: smooth;
}
[id] {
  scroll-margin-top: 0rem;
}
@media (max-width: 991px) {
  [id] {
    scroll-margin-top: 0rem;
  }
}
@media (max-width: 767px) {
  [id] {
    scroll-margin-top: 0rem;
  }
}
@media (max-width: 479px) {
  [id] {
    scroll-margin-top: 0rem;
  }
}
*, *::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;
  }
}
.hidden-accessible {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  /* added line */
  border: 0;
}
:root {
  --primary: #755dfe;
  --primary-hover: #aca0ee;
  --primary-ultra-light: #ece9fb;
  --primary-light: #c6bef4;
  --primary-medium: #4126d9;
  --primary-dark: #21136c;
  --primary-ultra-dark: #0d082b;
  --primary-comp: #e6fe5d;
  --secondary: #01d2d5;
  --secondary-hover: #678e8f;
  --secondary-ultra-light: #f0f4f4;
  --secondary-light: #d3dfdf;
  --secondary-medium: #6b9394;
  --secondary-dark: #364a4a;
  --secondary-ultra-dark: #151d1e;
  --secondary-comp: #d50501;
  --accent: #60df26;
  --accent-hover: #7bde4d;
  --accent-ultra-light: #effbe9;
  --accent-light: #cff3be;
  --accent-medium: #5fd728;
  --accent-dark: #306c14;
  --accent-ultra-dark: #132b08;
  --accent-comp: #a426df;
  --base: #3f24b7;
  --base-hover: #6151ab;
  --base-ultra-light: #efeef7;
  --base-light: #d0cbe7;
  --base-medium: #6252ad;
  --base-dark: #312957;
  --base-ultra-dark: #141023;
  --base-comp: #9cb724;
  --white: #fff;
  --black: #000;
  --shade: #292929;
  --shade-hover: #2f2f2f;
  --shade-ultra-light: #f2f2f2;
  --shade-light: #d9d9d9;
  --shade-medium: gray;
  --shade-dark: #404040;
  --shade-ultra-dark: #1a1a1a;
  --shade-comp: #292929;
  --primary-trans-10: rgba(117, 93, 254, 0.1);
  --primary-trans-20: rgba(117, 93, 254, 0.2);
  --primary-trans-40: rgba(117, 93, 254, 0.4);
  --primary-trans-60: rgba(117, 93, 254, 0.6);
  --primary-trans-80: rgba(117, 93, 254, 0.8);
  --primary-trans-90: rgba(117, 93, 254, 0.9);
  --primary-ultra-dark-trans-10: rgba(13, 8, 43, 0.1);
  --primary-ultra-dark-trans-20: rgba(13, 8, 43, 0.2);
  --primary-ultra-dark-trans-40: rgba(13, 8, 43, 0.4);
  --primary-ultra-dark-trans-60: rgba(13, 8, 43, 0.6);
  --primary-ultra-dark-trans-80: rgba(13, 8, 43, 0.8);
  --primary-ultra-dark-trans-90: rgba(13, 8, 43, 0.9);
  --primary-light-trans-10: rgba(198, 190, 244, 0.1);
  --primary-light-trans-20: rgba(198, 190, 244, 0.2);
  --primary-light-trans-40: rgba(198, 190, 244, 0.4);
  --primary-light-trans-60: rgba(198, 190, 244, 0.6);
  --primary-light-trans-80: rgba(198, 190, 244, 0.8);
  --primary-light-trans-90: rgba(198, 190, 244, 0.9);
  --secondary-trans-10: rgba(1, 210, 213, 0.1);
  --secondary-trans-20: rgba(1, 210, 213, 0.2);
  --secondary-trans-40: rgba(1, 210, 213, 0.4);
  --secondary-trans-60: rgba(1, 210, 213, 0.6);
  --secondary-trans-80: rgba(1, 210, 213, 0.8);
  --secondary-trans-90: rgba(1, 210, 213, 0.9);
  --secondary-ultra-dark-trans-10: rgba(21, 29, 30, 0.1);
  --secondary-ultra-dark-trans-20: rgba(21, 29, 30, 0.2);
  --secondary-ultra-dark-trans-40: rgba(21, 29, 30, 0.4);
  --secondary-ultra-dark-trans-60: rgba(21, 29, 30, 0.6);
  --secondary-ultra-dark-trans-80: rgba(21, 29, 30, 0.8);
  --secondary-ultra-dark-trans-90: rgba(21, 29, 30, 0.9);
  --secondary-light-trans-10: rgba(211, 223, 223, 0.1);
  --secondary-light-trans-20: rgba(211, 223, 223, 0.2);
  --secondary-light-trans-40: rgba(211, 223, 223, 0.4);
  --secondary-light-trans-60: rgba(211, 223, 223, 0.6);
  --secondary-light-trans-80: rgba(211, 223, 223, 0.8);
  --secondary-light-trans-90: rgba(211, 223, 223, 0.9);
  --accent-trans-10: rgba(96, 223, 38, 0.1);
  --accent-trans-20: rgba(96, 223, 38, 0.2);
  --accent-trans-40: rgba(96, 223, 38, 0.4);
  --accent-trans-60: rgba(96, 223, 38, 0.6);
  --accent-trans-80: rgba(96, 223, 38, 0.8);
  --accent-trans-90: rgba(96, 223, 38, 0.9);
  --accent-ultra-dark-trans-10: rgba(19, 43, 8, 0.1);
  --accent-ultra-dark-trans-20: rgba(19, 43, 8, 0.2);
  --accent-ultra-dark-trans-40: rgba(19, 43, 8, 0.4);
  --accent-ultra-dark-trans-60: rgba(19, 43, 8, 0.6);
  --accent-ultra-dark-trans-80: rgba(19, 43, 8, 0.8);
  --accent-ultra-dark-trans-90: rgba(19, 43, 8, 0.9);
  --accent-light-trans-10: rgba(207, 243, 190, 0.1);
  --accent-light-trans-20: rgba(207, 243, 190, 0.2);
  --accent-light-trans-40: rgba(207, 243, 190, 0.4);
  --accent-light-trans-60: rgba(207, 243, 190, 0.6);
  --accent-light-trans-80: rgba(207, 243, 190, 0.8);
  --accent-light-trans-90: rgba(207, 243, 190, 0.9);
  --base-trans-10: rgba(63, 36, 183, 0.1);
  --base-trans-20: rgba(63, 36, 183, 0.2);
  --base-trans-40: rgba(63, 36, 183, 0.4);
  --base-trans-60: rgba(63, 36, 183, 0.6);
  --base-trans-80: rgba(63, 36, 183, 0.8);
  --base-trans-90: rgba(63, 36, 183, 0.9);
  --base-ultra-dark-trans-10: rgba(20, 16, 35, 0.1);
  --base-ultra-dark-trans-20: rgba(20, 16, 35, 0.2);
  --base-ultra-dark-trans-40: rgba(20, 16, 35, 0.4);
  --base-ultra-dark-trans-60: rgba(20, 16, 35, 0.6);
  --base-ultra-dark-trans-80: rgba(20, 16, 35, 0.8);
  --base-ultra-dark-trans-90: rgba(20, 16, 35, 0.9);
  --base-light-trans-10: rgba(208, 203, 231, 0.1);
  --base-light-trans-20: rgba(208, 203, 231, 0.2);
  --base-light-trans-40: rgba(208, 203, 231, 0.4);
  --base-light-trans-60: rgba(208, 203, 231, 0.6);
  --base-light-trans-80: rgba(208, 203, 231, 0.8);
  --base-light-trans-90: rgba(208, 203, 231, 0.9);
  --white-trans-10: rgba(255, 255, 255, 0.1);
  --white-trans-20: rgba(255, 255, 255, 0.2);
  --white-trans-40: rgba(255, 255, 255, 0.4);
  --white-trans-60: rgba(255, 255, 255, 0.6);
  --white-trans-80: rgba(255, 255, 255, 0.8);
  --white-trans-90: rgba(255, 255, 255, 0.9);
  --black-trans-10: rgba(0, 0, 0, 0.1);
  --black-trans-20: rgba(0, 0, 0, 0.2);
  --black-trans-40: rgba(0, 0, 0, 0.4);
  --black-trans-60: rgba(0, 0, 0, 0.6);
  --black-trans-80: rgba(0, 0, 0, 0.8);
  --black-trans-90: rgba(0, 0, 0, 0.9);
  --shade-trans-10: rgba(41, 41, 41, 0.1);
  --shade-trans-20: rgba(41, 41, 41, 0.2);
  --shade-trans-40: rgba(41, 41, 41, 0.4);
  --shade-trans-60: rgba(41, 41, 41, 0.6);
  --shade-trans-80: rgba(41, 41, 41, 0.8);
  --shade-trans-90: rgba(41, 41, 41, 0.9);
  --shade-ultra-dark-trans-10: rgba(26, 26, 26, 0.1);
  --shade-ultra-dark-trans-20: rgba(26, 26, 26, 0.2);
  --shade-ultra-dark-trans-40: rgba(26, 26, 26, 0.4);
  --shade-ultra-dark-trans-60: rgba(26, 26, 26, 0.6);
  --shade-ultra-dark-trans-80: rgba(26, 26, 26, 0.8);
  --shade-ultra-dark-trans-90: rgba(26, 26, 26, 0.9);
  --shade-light-trans-10: rgba(217, 217, 217, 0.1);
  --shade-light-trans-20: rgba(217, 217, 217, 0.2);
  --shade-light-trans-40: rgba(217, 217, 217, 0.4);
  --shade-light-trans-60: rgba(217, 217, 217, 0.6);
  --shade-light-trans-80: rgba(217, 217, 217, 0.8);
  --shade-light-trans-90: rgba(217, 217, 217, 0.9);
  --shade-white: #fff;
  --shade-black: #000;
  --text-xs: 1.3rem;
  --text-s: 1.4rem;
  --text-m: 1.8rem;
  --text-l: 2rem;
  --text-xl: 2.3rem;
  --text-xxl: 2.6rem;
  --h6: 1.3rem;
  --h5: 1.4rem;
  --h4: 1.8rem;
  --h3: 2rem;
  --h2: 2.3rem;
  --h1: 2.6rem;
  --space-xs: 1.896rem;
  --space-s: 2.133rem;
  --space-m: 2.4rem;
  --space-l: 2.7rem;
  --space-xl: 3.038rem;
  --space-xxl: 3.42rem;
  --section-space-xs: 3.84rem;
  --section-space-s: 4.8rem;
  --section-space-m: 6rem;
  --section-space-l: 7.5rem;
  --section-space-xl: 9.375rem;
  --section-space-xxl: 11.719rem;
  --width-xs: calc((160 * 0.1) * 1rem);
  --width-s: calc((160 * 0.2) * 1rem);
  --width-m: calc((160 * 0.4) * 1rem);
  --width-l: calc((160 * 0.6) * 1rem);
  --width-xl: calc((160 * 0.8) * 1rem);
  --width-xxl: calc((160 * 0.9) * 1rem);
  --width-vp-max: 160rem;
  --width-50: calc((160 / 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: 2.4rem;
  --section-gutter: 2.4rem;
  --btn-border-size: 0.25rem;
  --outline-btn-border-size: 0.25rem;
  --btn-pad-y: 1em;
  --btn-pad-x: 1.5em;
  --btn-radius: 0;
  --btn-text-transform: none;
  --btn-text-style: normal;
  --btn-letter-spacing: 0;
  --btn-line-height: 1;
  --btn-text-decoration: none;
  --btn-weight: 400;
  --btn-width: 20;
  --primary-h: 249;
  --primary-s: 99%;
  --primary-l: 68%;
  --secondary-h: 181;
  --secondary-s: 99%;
  --secondary-l: 42%;
  --accent-h: 101;
  --accent-s: 74%;
  --accent-l: 51%;
  --base-h: 251;
  --base-s: 67%;
  --base-l: 43%;
  --shade-h: 0;
  --shade-s: 0%;
  --shade-l: 16%;
  --header-height: 0rem;
  --offset: 0rem;
}
@media (max-width: 991px) {
  :root {
    --header-height-l: 0rem;
    --offset-l: 0rem;
  }
}
@media (max-width: 767px) {
  :root {
    --header-height-m: 0rem;
    --offset-m: 0rem;
  }
}
@media (max-width: 479px) {
  :root {
    --header-height-s: 0rem;
    --offset-s: 0rem;
  }
}
body {
  font-size: 1.8rem;
  font-size: calc(1.6rem + (0.2 * ((100vw - 32rem) / 128)));
  font-size: clamp(1.6rem, calc(0.15625vw + 1.55rem), 1.8rem);
  line-height: 1.5;
}
body a {
  color: var(--shade);
  font-weight: 400;
  -webkit-text-decoration: none;
  text-decoration: none;
}
body a:hover {
  color: var(--primary);
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
  text-decoration: inherit;
}
h1 {
  font-size: 2.565rem;
  font-size: calc(2.7648rem + (1.4986674666 * ((100vw - 32rem) / 128)));
  font-size: clamp(2.7648rem, calc(1.1708339583vw + 2.3901331334rem), 4.2634674666rem);
  line-height: 1.2;
}
h2 {
  font-size: 2.28rem;
  font-size: calc(2.304rem + (0.8944002 * ((100vw - 32rem) / 128)));
  font-size: clamp(2.304rem, calc(0.6987501563vw + 2.08039995rem), 3.1984002rem);
  line-height: 1.2;
}
h3 {
  font-size: 2.025rem;
  font-size: calc(1.92rem + (0.4794 * ((100vw - 32rem) / 128)));
  font-size: clamp(1.92rem, calc(0.37453125vw + 1.80015rem), 2.3994rem);
  line-height: 1.2;
}
h4 {
  font-size: 1.8rem;
  font-size: calc(1.6rem + (0.2 * ((100vw - 32rem) / 128)));
  font-size: clamp(1.6rem, calc(0.15625vw + 1.55rem), 1.8rem);
  line-height: 1.2;
}
h5 {
  font-size: 1.42rem;
  font-size: calc(1.2rem + (0.1503375844 * ((100vw - 32rem) / 128)));
  font-size: clamp(1.2rem, calc(0.1174512378vw + 1.1624156039rem), 1.3503375844rem);
  line-height: 1.2;
}
h6 {
  font-size: 1.26rem;
  font-size: calc(1.1rem + (-0.0869935601 * ((100vw - 32rem) / 128)));
  font-size: clamp(1.1rem, calc(-0.0679637188vw + 1.12174839rem), 1.0130064399rem);
  line-height: 1.2;
}
h1, h2, h3, h4, h5, h6 {
  max-width: 45ch;
}
p {
  max-width: 75ch;
}
.bg--primary {
  background-color: #755dfe;
}
.bg--primary-hover {
  background-color: #aca0ee;
}
.bg--primary-ultra-light {
  background-color: #ece9fb;
}
.bg--primary-light {
  background-color: #c6bef4;
}
.bg--primary-medium {
  background-color: #4126d9;
}
.bg--primary-dark {
  background-color: #21136c;
}
.bg--primary-ultra-dark {
  background-color: #0d082b;
}
.bg--primary-comp {
  background-color: #e6fe5d;
}
.bg--secondary {
  background-color: #01d2d5;
}
.bg--secondary-hover {
  background-color: #678e8f;
}
.bg--secondary-ultra-light {
  background-color: #f0f4f4;
}
.bg--secondary-light {
  background-color: #d3dfdf;
}
.bg--secondary-medium {
  background-color: #6b9394;
}
.bg--secondary-dark {
  background-color: #364a4a;
}
.bg--secondary-ultra-dark {
  background-color: #151d1e;
}
.bg--secondary-comp {
  background-color: #d50501;
}
.bg--accent {
  background-color: #60df26;
}
.bg--accent-hover {
  background-color: #7bde4d;
}
.bg--accent-ultra-light {
  background-color: #effbe9;
}
.bg--accent-light {
  background-color: #cff3be;
}
.bg--accent-medium {
  background-color: #5fd728;
}
.bg--accent-dark {
  background-color: #306c14;
}
.bg--accent-ultra-dark {
  background-color: #132b08;
}
.bg--accent-comp {
  background-color: #a426df;
}
.bg--base {
  background-color: #3f24b7;
}
.bg--base-hover {
  background-color: #6151ab;
}
.bg--base-ultra-light {
  background-color: #efeef7;
}
.bg--base-light {
  background-color: #d0cbe7;
}
.bg--base-medium {
  background-color: #6252ad;
}
.bg--base-dark {
  background-color: #312957;
}
.bg--base-ultra-dark {
  background-color: #141023;
}
.bg--base-comp {
  background-color: #9cb724;
}
.bg--white {
  background-color: #fff;
}
.bg--black {
  background-color: #000;
}
.bg--shade {
  background-color: #292929;
}
.bg--shade-hover {
  background-color: #2f2f2f;
}
.bg--shade-ultra-light {
  background-color: #f2f2f2;
}
.bg--shade-light {
  background-color: #d9d9d9;
}
.bg--shade-medium {
  background-color: gray;
}
.bg--shade-dark {
  background-color: #404040;
}
.bg--shade-ultra-dark {
  background-color: #1a1a1a;
}
.bg--shade-comp {
  background-color: #292929;
}
.bg--primary-trans-10 {
  background-color: rgba(117, 93, 254, 0.1);
}
.bg--primary-trans-20 {
  background-color: rgba(117, 93, 254, 0.2);
}
.bg--primary-trans-40 {
  background-color: rgba(117, 93, 254, 0.4);
}
.bg--primary-trans-60 {
  background-color: rgba(117, 93, 254, 0.6);
}
.bg--primary-trans-80 {
  background-color: rgba(117, 93, 254, 0.8);
}
.bg--primary-trans-90 {
  background-color: rgba(117, 93, 254, 0.9);
}
.bg--primary-ultra-dark-trans-10 {
  background-color: rgba(13, 8, 43, 0.1);
}
.bg--primary-ultra-dark-trans-20 {
  background-color: rgba(13, 8, 43, 0.2);
}
.bg--primary-ultra-dark-trans-40 {
  background-color: rgba(13, 8, 43, 0.4);
}
.bg--primary-ultra-dark-trans-60 {
  background-color: rgba(13, 8, 43, 0.6);
}
.bg--primary-ultra-dark-trans-80 {
  background-color: rgba(13, 8, 43, 0.8);
}
.bg--primary-ultra-dark-trans-90 {
  background-color: rgba(13, 8, 43, 0.9);
}
.bg--primary-light-trans-10 {
  background-color: rgba(198, 190, 244, 0.1);
}
.bg--primary-light-trans-20 {
  background-color: rgba(198, 190, 244, 0.2);
}
.bg--primary-light-trans-40 {
  background-color: rgba(198, 190, 244, 0.4);
}
.bg--primary-light-trans-60 {
  background-color: rgba(198, 190, 244, 0.6);
}
.bg--primary-light-trans-80 {
  background-color: rgba(198, 190, 244, 0.8);
}
.bg--primary-light-trans-90 {
  background-color: rgba(198, 190, 244, 0.9);
}
.bg--secondary-trans-10 {
  background-color: rgba(1, 210, 213, 0.1);
}
.bg--secondary-trans-20 {
  background-color: rgba(1, 210, 213, 0.2);
}
.bg--secondary-trans-40 {
  background-color: rgba(1, 210, 213, 0.4);
}
.bg--secondary-trans-60 {
  background-color: rgba(1, 210, 213, 0.6);
}
.bg--secondary-trans-80 {
  background-color: rgba(1, 210, 213, 0.8);
}
.bg--secondary-trans-90 {
  background-color: rgba(1, 210, 213, 0.9);
}
.bg--secondary-ultra-dark-trans-10 {
  background-color: rgba(21, 29, 30, 0.1);
}
.bg--secondary-ultra-dark-trans-20 {
  background-color: rgba(21, 29, 30, 0.2);
}
.bg--secondary-ultra-dark-trans-40 {
  background-color: rgba(21, 29, 30, 0.4);
}
.bg--secondary-ultra-dark-trans-60 {
  background-color: rgba(21, 29, 30, 0.6);
}
.bg--secondary-ultra-dark-trans-80 {
  background-color: rgba(21, 29, 30, 0.8);
}
.bg--secondary-ultra-dark-trans-90 {
  background-color: rgba(21, 29, 30, 0.9);
}
.bg--secondary-light-trans-10 {
  background-color: rgba(211, 223, 223, 0.1);
}
.bg--secondary-light-trans-20 {
  background-color: rgba(211, 223, 223, 0.2);
}
.bg--secondary-light-trans-40 {
  background-color: rgba(211, 223, 223, 0.4);
}
.bg--secondary-light-trans-60 {
  background-color: rgba(211, 223, 223, 0.6);
}
.bg--secondary-light-trans-80 {
  background-color: rgba(211, 223, 223, 0.8);
}
.bg--secondary-light-trans-90 {
  background-color: rgba(211, 223, 223, 0.9);
}
.bg--accent-trans-10 {
  background-color: rgba(96, 223, 38, 0.1);
}
.bg--accent-trans-20 {
  background-color: rgba(96, 223, 38, 0.2);
}
.bg--accent-trans-40 {
  background-color: rgba(96, 223, 38, 0.4);
}
.bg--accent-trans-60 {
  background-color: rgba(96, 223, 38, 0.6);
}
.bg--accent-trans-80 {
  background-color: rgba(96, 223, 38, 0.8);
}
.bg--accent-trans-90 {
  background-color: rgba(96, 223, 38, 0.9);
}
.bg--accent-ultra-dark-trans-10 {
  background-color: rgba(19, 43, 8, 0.1);
}
.bg--accent-ultra-dark-trans-20 {
  background-color: rgba(19, 43, 8, 0.2);
}
.bg--accent-ultra-dark-trans-40 {
  background-color: rgba(19, 43, 8, 0.4);
}
.bg--accent-ultra-dark-trans-60 {
  background-color: rgba(19, 43, 8, 0.6);
}
.bg--accent-ultra-dark-trans-80 {
  background-color: rgba(19, 43, 8, 0.8);
}
.bg--accent-ultra-dark-trans-90 {
  background-color: rgba(19, 43, 8, 0.9);
}
.bg--accent-light-trans-10 {
  background-color: rgba(207, 243, 190, 0.1);
}
.bg--accent-light-trans-20 {
  background-color: rgba(207, 243, 190, 0.2);
}
.bg--accent-light-trans-40 {
  background-color: rgba(207, 243, 190, 0.4);
}
.bg--accent-light-trans-60 {
  background-color: rgba(207, 243, 190, 0.6);
}
.bg--accent-light-trans-80 {
  background-color: rgba(207, 243, 190, 0.8);
}
.bg--accent-light-trans-90 {
  background-color: rgba(207, 243, 190, 0.9);
}
.bg--base-trans-10 {
  background-color: rgba(63, 36, 183, 0.1);
}
.bg--base-trans-20 {
  background-color: rgba(63, 36, 183, 0.2);
}
.bg--base-trans-40 {
  background-color: rgba(63, 36, 183, 0.4);
}
.bg--base-trans-60 {
  background-color: rgba(63, 36, 183, 0.6);
}
.bg--base-trans-80 {
  background-color: rgba(63, 36, 183, 0.8);
}
.bg--base-trans-90 {
  background-color: rgba(63, 36, 183, 0.9);
}
.bg--base-ultra-dark-trans-10 {
  background-color: rgba(20, 16, 35, 0.1);
}
.bg--base-ultra-dark-trans-20 {
  background-color: rgba(20, 16, 35, 0.2);
}
.bg--base-ultra-dark-trans-40 {
  background-color: rgba(20, 16, 35, 0.4);
}
.bg--base-ultra-dark-trans-60 {
  background-color: rgba(20, 16, 35, 0.6);
}
.bg--base-ultra-dark-trans-80 {
  background-color: rgba(20, 16, 35, 0.8);
}
.bg--base-ultra-dark-trans-90 {
  background-color: rgba(20, 16, 35, 0.9);
}
.bg--base-light-trans-10 {
  background-color: rgba(208, 203, 231, 0.1);
}
.bg--base-light-trans-20 {
  background-color: rgba(208, 203, 231, 0.2);
}
.bg--base-light-trans-40 {
  background-color: rgba(208, 203, 231, 0.4);
}
.bg--base-light-trans-60 {
  background-color: rgba(208, 203, 231, 0.6);
}
.bg--base-light-trans-80 {
  background-color: rgba(208, 203, 231, 0.8);
}
.bg--base-light-trans-90 {
  background-color: rgba(208, 203, 231, 0.9);
}
.bg--white-trans-10 {
  background-color: rgba(255, 255, 255, 0.1);
}
.bg--white-trans-20 {
  background-color: rgba(255, 255, 255, 0.2);
}
.bg--white-trans-40 {
  background-color: rgba(255, 255, 255, 0.4);
}
.bg--white-trans-60 {
  background-color: rgba(255, 255, 255, 0.6);
}
.bg--white-trans-80 {
  background-color: rgba(255, 255, 255, 0.8);
}
.bg--white-trans-90 {
  background-color: rgba(255, 255, 255, 0.9);
}
.bg--black-trans-10 {
  background-color: rgba(0, 0, 0, 0.1);
}
.bg--black-trans-20 {
  background-color: rgba(0, 0, 0, 0.2);
}
.bg--black-trans-40 {
  background-color: rgba(0, 0, 0, 0.4);
}
.bg--black-trans-60 {
  background-color: rgba(0, 0, 0, 0.6);
}
.bg--black-trans-80 {
  background-color: rgba(0, 0, 0, 0.8);
}
.bg--black-trans-90 {
  background-color: rgba(0, 0, 0, 0.9);
}
.bg--shade-trans-10 {
  background-color: rgba(41, 41, 41, 0.1);
}
.bg--shade-trans-20 {
  background-color: rgba(41, 41, 41, 0.2);
}
.bg--shade-trans-40 {
  background-color: rgba(41, 41, 41, 0.4);
}
.bg--shade-trans-60 {
  background-color: rgba(41, 41, 41, 0.6);
}
.bg--shade-trans-80 {
  background-color: rgba(41, 41, 41, 0.8);
}
.bg--shade-trans-90 {
  background-color: rgba(41, 41, 41, 0.9);
}
.bg--shade-ultra-dark-trans-10 {
  background-color: rgba(26, 26, 26, 0.1);
}
.bg--shade-ultra-dark-trans-20 {
  background-color: rgba(26, 26, 26, 0.2);
}
.bg--shade-ultra-dark-trans-40 {
  background-color: rgba(26, 26, 26, 0.4);
}
.bg--shade-ultra-dark-trans-60 {
  background-color: rgba(26, 26, 26, 0.6);
}
.bg--shade-ultra-dark-trans-80 {
  background-color: rgba(26, 26, 26, 0.8);
}
.bg--shade-ultra-dark-trans-90 {
  background-color: rgba(26, 26, 26, 0.9);
}
.bg--shade-light-trans-10 {
  background-color: rgba(217, 217, 217, 0.1);
}
.bg--shade-light-trans-20 {
  background-color: rgba(217, 217, 217, 0.2);
}
.bg--shade-light-trans-40 {
  background-color: rgba(217, 217, 217, 0.4);
}
.bg--shade-light-trans-60 {
  background-color: rgba(217, 217, 217, 0.6);
}
.bg--shade-light-trans-80 {
  background-color: rgba(217, 217, 217, 0.8);
}
.bg--shade-light-trans-90 {
  background-color: rgba(217, 217, 217, 0.9);
}
.margin-top--xs {
  margin-top: 1.896rem;
  margin-top: calc(0.8rem + (0.0888888889 * ((100vw - 32rem) / 128)));
  margin-top: clamp(0.8rem, calc(0.0694444444vw + 0.7777777778rem), 0.8888888889rem);
}
.margin-top--s {
  margin-top: 2.133rem;
  margin-top: calc(1.2rem + (0.1333333333 * ((100vw - 32rem) / 128)));
  margin-top: clamp(1.2rem, calc(0.1041666667vw + 1.1666666667rem), 1.3333333333rem);
}
.margin-top--m {
  margin-top: 2.4rem;
  margin-top: calc(1.8rem + (0.2 * ((100vw - 32rem) / 128)));
  margin-top: clamp(1.8rem, calc(0.15625vw + 1.75rem), 2rem);
}
.margin-top--l {
  margin-top: 2.7rem;
  margin-top: calc(1.8rem + (1.2 * ((100vw - 32rem) / 128)));
  margin-top: clamp(1.8rem, calc(0.9375vw + 1.5rem), 3rem);
}
.margin-top--xl {
  margin-top: 3.038rem;
  margin-top: calc(1.8rem + (2.7 * ((100vw - 32rem) / 128)));
  margin-top: clamp(1.8rem, calc(2.109375vw + 1.125rem), 4.5rem);
}
.margin-top--xxl {
  margin-top: 3.42rem;
  margin-top: calc(1.8rem + (4.95 * ((100vw - 32rem) / 128)));
  margin-top: clamp(1.8rem, calc(3.8671875vw + 0.5625rem), 6.75rem);
}
.margin-bottom--xs {
  margin-bottom: 1.896rem;
  margin-bottom: calc(0.8rem + (0.0888888889 * ((100vw - 32rem) / 128)));
  margin-bottom: clamp(0.8rem, calc(0.0694444444vw + 0.7777777778rem), 0.8888888889rem);
}
.margin-bottom--s {
  margin-bottom: 2.133rem;
  margin-bottom: calc(1.2rem + (0.1333333333 * ((100vw - 32rem) / 128)));
  margin-bottom: clamp(1.2rem, calc(0.1041666667vw + 1.1666666667rem), 1.3333333333rem);
}
.margin-bottom--m {
  margin-bottom: 2.4rem;
  margin-bottom: calc(1.8rem + (0.2 * ((100vw - 32rem) / 128)));
  margin-bottom: clamp(1.8rem, calc(0.15625vw + 1.75rem), 2rem);
}
.margin-bottom--l {
  margin-bottom: 2.7rem;
  margin-bottom: calc(1.8rem + (1.2 * ((100vw - 32rem) / 128)));
  margin-bottom: clamp(1.8rem, calc(0.9375vw + 1.5rem), 3rem);
}
.margin-bottom--xl {
  margin-bottom: 3.038rem;
  margin-bottom: calc(1.8rem + (2.7 * ((100vw - 32rem) / 128)));
  margin-bottom: clamp(1.8rem, calc(2.109375vw + 1.125rem), 4.5rem);
}
.margin-bottom--xxl {
  margin-bottom: 3.42rem;
  margin-bottom: calc(1.8rem + (4.95 * ((100vw - 32rem) / 128)));
  margin-bottom: clamp(1.8rem, calc(3.8671875vw + 0.5625rem), 6.75rem);
}
.margin-right--xs {
  margin-right: 1.896rem;
  margin-right: calc(0.8rem + (0.0888888889 * ((100vw - 32rem) / 128)));
  margin-right: clamp(0.8rem, calc(0.0694444444vw + 0.7777777778rem), 0.8888888889rem);
}
.margin-right--s {
  margin-right: 2.133rem;
  margin-right: calc(1.2rem + (0.1333333333 * ((100vw - 32rem) / 128)));
  margin-right: clamp(1.2rem, calc(0.1041666667vw + 1.1666666667rem), 1.3333333333rem);
}
.margin-right--m {
  margin-right: 2.4rem;
  margin-right: calc(1.8rem + (0.2 * ((100vw - 32rem) / 128)));
  margin-right: clamp(1.8rem, calc(0.15625vw + 1.75rem), 2rem);
}
.margin-right--l {
  margin-right: 2.7rem;
  margin-right: calc(1.8rem + (1.2 * ((100vw - 32rem) / 128)));
  margin-right: clamp(1.8rem, calc(0.9375vw + 1.5rem), 3rem);
}
.margin-right--xl {
  margin-right: 3.038rem;
  margin-right: calc(1.8rem + (2.7 * ((100vw - 32rem) / 128)));
  margin-right: clamp(1.8rem, calc(2.109375vw + 1.125rem), 4.5rem);
}
.margin-right--xxl {
  margin-right: 3.42rem;
  margin-right: calc(1.8rem + (4.95 * ((100vw - 32rem) / 128)));
  margin-right: clamp(1.8rem, calc(3.8671875vw + 0.5625rem), 6.75rem);
}
.margin-left--xs {
  margin-left: 1.896rem;
  margin-left: calc(0.8rem + (0.0888888889 * ((100vw - 32rem) / 128)));
  margin-left: clamp(0.8rem, calc(0.0694444444vw + 0.7777777778rem), 0.8888888889rem);
}
.margin-left--s {
  margin-left: 2.133rem;
  margin-left: calc(1.2rem + (0.1333333333 * ((100vw - 32rem) / 128)));
  margin-left: clamp(1.2rem, calc(0.1041666667vw + 1.1666666667rem), 1.3333333333rem);
}
.margin-left--m {
  margin-left: 2.4rem;
  margin-left: calc(1.8rem + (0.2 * ((100vw - 32rem) / 128)));
  margin-left: clamp(1.8rem, calc(0.15625vw + 1.75rem), 2rem);
}
.margin-left--l {
  margin-left: 2.7rem;
  margin-left: calc(1.8rem + (1.2 * ((100vw - 32rem) / 128)));
  margin-left: clamp(1.8rem, calc(0.9375vw + 1.5rem), 3rem);
}
.margin-left--xl {
  margin-left: 3.038rem;
  margin-left: calc(1.8rem + (2.7 * ((100vw - 32rem) / 128)));
  margin-left: clamp(1.8rem, calc(2.109375vw + 1.125rem), 4.5rem);
}
.margin-left--xxl {
  margin-left: 3.42rem;
  margin-left: calc(1.8rem + (4.95 * ((100vw - 32rem) / 128)));
  margin-left: clamp(1.8rem, calc(3.8671875vw + 0.5625rem), 6.75rem);
}
.pad--xs {
  padding: 1.896rem;
  padding: calc(0.8rem + (0.0888888889 * ((100vw - 32rem) / 128)));
  padding: clamp(0.8rem, calc(0.0694444444vw + 0.7777777778rem), 0.8888888889rem);
}
.pad--s {
  padding: 2.133rem;
  padding: calc(1.2rem + (0.1333333333 * ((100vw - 32rem) / 128)));
  padding: clamp(1.2rem, calc(0.1041666667vw + 1.1666666667rem), 1.3333333333rem);
}
.pad--m {
  padding: 2.4rem;
  padding: calc(1.8rem + (0.2 * ((100vw - 32rem) / 128)));
  padding: clamp(1.8rem, calc(0.15625vw + 1.75rem), 2rem);
}
.pad--l {
  padding: 2.7rem;
  padding: calc(1.8rem + (1.2 * ((100vw - 32rem) / 128)));
  padding: clamp(1.8rem, calc(0.9375vw + 1.5rem), 3rem);
}
.pad--xl {
  padding: 3.038rem;
  padding: calc(1.8rem + (2.7 * ((100vw - 32rem) / 128)));
  padding: clamp(1.8rem, calc(2.109375vw + 1.125rem), 4.5rem);
}
.pad--xxl {
  padding: 3.42rem;
  padding: calc(1.8rem + (4.95 * ((100vw - 32rem) / 128)));
  padding: clamp(1.8rem, calc(3.8671875vw + 0.5625rem), 6.75rem);
}
.pad--none:not(.ct-section) {
  padding: 0 !important;
}
.overlay--primary-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--primary-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(117, 93, 254, 0.1);
}
.overlay--primary-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--primary-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(117, 93, 254, 0.2);
}
.overlay--primary-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--primary-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(117, 93, 254, 0.4);
}
.overlay--primary-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--primary-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(117, 93, 254, 0.6);
}
.overlay--primary-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--primary-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(117, 93, 254, 0.8);
}
.overlay--primary-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--primary-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(117, 93, 254, 0.9);
}
.overlay--primary-ultra-dark-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--primary-ultra-dark-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(13, 8, 43, 0.1);
}
.overlay--primary-ultra-dark-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--primary-ultra-dark-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(13, 8, 43, 0.2);
}
.overlay--primary-ultra-dark-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--primary-ultra-dark-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(13, 8, 43, 0.4);
}
.overlay--primary-ultra-dark-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--primary-ultra-dark-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(13, 8, 43, 0.6);
}
.overlay--primary-ultra-dark-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--primary-ultra-dark-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(13, 8, 43, 0.8);
}
.overlay--primary-ultra-dark-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--primary-ultra-dark-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(13, 8, 43, 0.9);
}
.overlay--primary-light-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--primary-light-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(198, 190, 244, 0.1);
}
.overlay--primary-light-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--primary-light-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(198, 190, 244, 0.2);
}
.overlay--primary-light-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--primary-light-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(198, 190, 244, 0.4);
}
.overlay--primary-light-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--primary-light-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(198, 190, 244, 0.6);
}
.overlay--primary-light-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--primary-light-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(198, 190, 244, 0.8);
}
.overlay--primary-light-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--primary-light-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(198, 190, 244, 0.9);
}
.overlay--secondary-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(1, 210, 213, 0.1);
}
.overlay--secondary-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(1, 210, 213, 0.2);
}
.overlay--secondary-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(1, 210, 213, 0.4);
}
.overlay--secondary-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(1, 210, 213, 0.6);
}
.overlay--secondary-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(1, 210, 213, 0.8);
}
.overlay--secondary-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(1, 210, 213, 0.9);
}
.overlay--secondary-ultra-dark-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-ultra-dark-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(21, 29, 30, 0.1);
}
.overlay--secondary-ultra-dark-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-ultra-dark-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(21, 29, 30, 0.2);
}
.overlay--secondary-ultra-dark-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-ultra-dark-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(21, 29, 30, 0.4);
}
.overlay--secondary-ultra-dark-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-ultra-dark-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(21, 29, 30, 0.6);
}
.overlay--secondary-ultra-dark-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-ultra-dark-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(21, 29, 30, 0.8);
}
.overlay--secondary-ultra-dark-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-ultra-dark-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(21, 29, 30, 0.9);
}
.overlay--secondary-light-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-light-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(211, 223, 223, 0.1);
}
.overlay--secondary-light-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-light-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(211, 223, 223, 0.2);
}
.overlay--secondary-light-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-light-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(211, 223, 223, 0.4);
}
.overlay--secondary-light-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-light-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(211, 223, 223, 0.6);
}
.overlay--secondary-light-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-light-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(211, 223, 223, 0.8);
}
.overlay--secondary-light-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--secondary-light-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(211, 223, 223, 0.9);
}
.overlay--accent-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--accent-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(96, 223, 38, 0.1);
}
.overlay--accent-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--accent-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(96, 223, 38, 0.2);
}
.overlay--accent-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--accent-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(96, 223, 38, 0.4);
}
.overlay--accent-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--accent-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(96, 223, 38, 0.6);
}
.overlay--accent-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--accent-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(96, 223, 38, 0.8);
}
.overlay--accent-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--accent-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(96, 223, 38, 0.9);
}
.overlay--accent-ultra-dark-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--accent-ultra-dark-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(19, 43, 8, 0.1);
}
.overlay--accent-ultra-dark-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--accent-ultra-dark-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(19, 43, 8, 0.2);
}
.overlay--accent-ultra-dark-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--accent-ultra-dark-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(19, 43, 8, 0.4);
}
.overlay--accent-ultra-dark-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--accent-ultra-dark-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(19, 43, 8, 0.6);
}
.overlay--accent-ultra-dark-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--accent-ultra-dark-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(19, 43, 8, 0.8);
}
.overlay--accent-ultra-dark-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--accent-ultra-dark-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(19, 43, 8, 0.9);
}
.overlay--accent-light-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--accent-light-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(207, 243, 190, 0.1);
}
.overlay--accent-light-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--accent-light-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(207, 243, 190, 0.2);
}
.overlay--accent-light-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--accent-light-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(207, 243, 190, 0.4);
}
.overlay--accent-light-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--accent-light-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(207, 243, 190, 0.6);
}
.overlay--accent-light-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--accent-light-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(207, 243, 190, 0.8);
}
.overlay--accent-light-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--accent-light-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(207, 243, 190, 0.9);
}
.overlay--base-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--base-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(63, 36, 183, 0.1);
}
.overlay--base-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--base-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(63, 36, 183, 0.2);
}
.overlay--base-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--base-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(63, 36, 183, 0.4);
}
.overlay--base-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--base-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(63, 36, 183, 0.6);
}
.overlay--base-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--base-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(63, 36, 183, 0.8);
}
.overlay--base-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--base-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(63, 36, 183, 0.9);
}
.overlay--base-ultra-dark-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--base-ultra-dark-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(20, 16, 35, 0.1);
}
.overlay--base-ultra-dark-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--base-ultra-dark-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(20, 16, 35, 0.2);
}
.overlay--base-ultra-dark-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--base-ultra-dark-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(20, 16, 35, 0.4);
}
.overlay--base-ultra-dark-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--base-ultra-dark-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(20, 16, 35, 0.6);
}
.overlay--base-ultra-dark-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--base-ultra-dark-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(20, 16, 35, 0.8);
}
.overlay--base-ultra-dark-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--base-ultra-dark-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(20, 16, 35, 0.9);
}
.overlay--base-light-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--base-light-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(208, 203, 231, 0.1);
}
.overlay--base-light-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--base-light-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(208, 203, 231, 0.2);
}
.overlay--base-light-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--base-light-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(208, 203, 231, 0.4);
}
.overlay--base-light-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--base-light-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(208, 203, 231, 0.6);
}
.overlay--base-light-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--base-light-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(208, 203, 231, 0.8);
}
.overlay--base-light-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--base-light-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(208, 203, 231, 0.9);
}
.overlay--white-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--white-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.1);
}
.overlay--white-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--white-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.2);
}
.overlay--white-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--white-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.4);
}
.overlay--white-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--white-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.6);
}
.overlay--white-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--white-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.8);
}
.overlay--white-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--white-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.9);
}
.overlay--black-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--black-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.1);
}
.overlay--black-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--black-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.2);
}
.overlay--black-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--black-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.4);
}
.overlay--black-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--black-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.6);
}
.overlay--black-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--black-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.8);
}
.overlay--black-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--black-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.9);
}
.overlay--shade-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--shade-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(41, 41, 41, 0.1);
}
.overlay--shade-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--shade-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(41, 41, 41, 0.2);
}
.overlay--shade-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--shade-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(41, 41, 41, 0.4);
}
.overlay--shade-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--shade-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(41, 41, 41, 0.6);
}
.overlay--shade-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--shade-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(41, 41, 41, 0.8);
}
.overlay--shade-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--shade-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(41, 41, 41, 0.9);
}
.overlay--shade-ultra-dark-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--shade-ultra-dark-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(26, 26, 26, 0.1);
}
.overlay--shade-ultra-dark-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--shade-ultra-dark-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(26, 26, 26, 0.2);
}
.overlay--shade-ultra-dark-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--shade-ultra-dark-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(26, 26, 26, 0.4);
}
.overlay--shade-ultra-dark-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--shade-ultra-dark-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(26, 26, 26, 0.6);
}
.overlay--shade-ultra-dark-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--shade-ultra-dark-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(26, 26, 26, 0.8);
}
.overlay--shade-ultra-dark-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--shade-ultra-dark-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(26, 26, 26, 0.9);
}
.overlay--shade-light-trans-10 {
  position: relative;
  z-index: 0;
}
.overlay--shade-light-trans-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(217, 217, 217, 0.1);
}
.overlay--shade-light-trans-20 {
  position: relative;
  z-index: 0;
}
.overlay--shade-light-trans-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(217, 217, 217, 0.2);
}
.overlay--shade-light-trans-40 {
  position: relative;
  z-index: 0;
}
.overlay--shade-light-trans-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(217, 217, 217, 0.4);
}
.overlay--shade-light-trans-60 {
  position: relative;
  z-index: 0;
}
.overlay--shade-light-trans-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(217, 217, 217, 0.6);
}
.overlay--shade-light-trans-80 {
  position: relative;
  z-index: 0;
}
.overlay--shade-light-trans-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(217, 217, 217, 0.8);
}
.overlay--shade-light-trans-90 {
  position: relative;
  z-index: 0;
}
.overlay--shade-light-trans-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(217, 217, 217, 0.9);
}
.text--primary {
  color: #755dfe;
}
.text--primary-hover {
  color: #aca0ee;
}
.text--primary-ultra-light {
  color: #ece9fb;
}
.text--primary-light {
  color: #c6bef4;
}
.text--primary-medium {
  color: #4126d9;
}
.text--primary-dark {
  color: #21136c;
}
.text--primary-ultra-dark {
  color: #0d082b;
}
.text--primary-comp {
  color: #e6fe5d;
}
.text--secondary {
  color: #01d2d5;
}
.text--secondary-hover {
  color: #678e8f;
}
.text--secondary-ultra-light {
  color: #f0f4f4;
}
.text--secondary-light {
  color: #d3dfdf;
}
.text--secondary-medium {
  color: #6b9394;
}
.text--secondary-dark {
  color: #364a4a;
}
.text--secondary-ultra-dark {
  color: #151d1e;
}
.text--secondary-comp {
  color: #d50501;
}
.text--accent {
  color: #60df26;
}
.text--accent-hover {
  color: #7bde4d;
}
.text--accent-ultra-light {
  color: #effbe9;
}
.text--accent-light {
  color: #cff3be;
}
.text--accent-medium {
  color: #5fd728;
}
.text--accent-dark {
  color: #306c14;
}
.text--accent-ultra-dark {
  color: #132b08;
}
.text--accent-comp {
  color: #a426df;
}
.text--base {
  color: #3f24b7;
}
.text--base-hover {
  color: #6151ab;
}
.text--base-ultra-light {
  color: #efeef7;
}
.text--base-light {
  color: #d0cbe7;
}
.text--base-medium {
  color: #6252ad;
}
.text--base-dark {
  color: #312957;
}
.text--base-ultra-dark {
  color: #141023;
}
.text--base-comp {
  color: #9cb724;
}
.text--white {
  color: #fff;
}
.text--black {
  color: #000;
}
.text--shade {
  color: #292929;
}
.text--shade-hover {
  color: #2f2f2f;
}
.text--shade-ultra-light {
  color: #f2f2f2;
}
.text--shade-light {
  color: #d9d9d9;
}
.text--shade-medium {
  color: gray;
}
.text--shade-dark {
  color: #404040;
}
.text--shade-ultra-dark {
  color: #1a1a1a;
}
.text--shade-comp {
  color: #292929;
}
.text--xs {
  font-size: 1.26rem;
  font-size: calc(0.9004501688rem + (0.1125562711 * ((100vw - 32rem) / 128)));
  font-size: clamp(0.9004501688rem, calc(0.0879345868vw + 0.872311101rem), 1.0130064399rem);
}
.text--s {
  font-size: 1.42rem;
  font-size: calc(1.200300075rem + (0.1500375094 * ((100vw - 32rem) / 128)));
  font-size: clamp(1.200300075rem, calc(0.1172168042vw + 1.1627906977rem), 1.3503375844rem);
}
.text--m {
  font-size: 1.8rem;
  font-size: calc(1.6rem + (0.2 * ((100vw - 32rem) / 128)));
  font-size: clamp(1.6rem, calc(0.15625vw + 1.55rem), 1.8rem);
}
.text--l {
  font-size: 2.025rem;
  font-size: calc(2rem + (0.3994 * ((100vw - 32rem) / 128)));
  font-size: clamp(2rem, calc(0.31203125vw + 1.90015rem), 2.3994rem);
}
.text--xl {
  font-size: 2.28rem;
  font-size: calc(2.5rem + (0.6984002 * ((100vw - 32rem) / 128)));
  font-size: clamp(2.5rem, calc(0.5456251563vw + 2.32539995rem), 3.1984002rem);
}
.text--xxl {
  font-size: 2.565rem;
  font-size: calc(3.125rem + (1.1384674666 * ((100vw - 32rem) / 128)));
  font-size: clamp(3.125rem, calc(0.8894277083vw + 2.8403831334rem), 4.2634674666rem);
}
.h--1 {
  font-size: 2.565rem;
  font-size: calc(2.7648rem + (1.4986674666 * ((100vw - 32rem) / 128)));
  font-size: clamp(2.7648rem, calc(1.1708339583vw + 2.3901331334rem), 4.2634674666rem);
}
.h--2 {
  font-size: 2.28rem;
  font-size: calc(2.304rem + (0.8944002 * ((100vw - 32rem) / 128)));
  font-size: clamp(2.304rem, calc(0.6987501563vw + 2.08039995rem), 3.1984002rem);
}
.h--3 {
  font-size: 2.025rem;
  font-size: calc(1.92rem + (0.4794 * ((100vw - 32rem) / 128)));
  font-size: clamp(1.92rem, calc(0.37453125vw + 1.80015rem), 2.3994rem);
}
.h--4 {
  font-size: 1.8rem;
  font-size: calc(1.6rem + (0.2 * ((100vw - 32rem) / 128)));
  font-size: clamp(1.6rem, calc(0.15625vw + 1.55rem), 1.8rem);
}
.h--5 {
  font-size: 1.42rem;
  font-size: calc(1.2rem + (0.1503375844 * ((100vw - 32rem) / 128)));
  font-size: clamp(1.2rem, calc(0.1174512378vw + 1.1624156039rem), 1.3503375844rem);
}
.h--6 {
  font-size: 1.26rem;
  font-size: calc(1.1rem + (-0.0869935601 * ((100vw - 32rem) / 128)));
  font-size: clamp(1.1rem, calc(-0.0679637188vw + 1.12174839rem), 1.0130064399rem);
}
.text--xs.text--larger {
  font-size: 1.56rem;
  font-size: calc(1.0805402026rem + (0.4389694573 * ((100vw - 32rem) / 128)));
  font-size: clamp(1.0805402026rem, calc(0.3429448885vw + 0.9707978382rem), 1.5195096599rem);
}
.text--s.text--larger {
  font-size: 1.68rem;
  font-size: calc(1.44036009rem + (0.5851462866 * ((100vw - 32rem) / 128)));
  font-size: clamp(1.44036009rem, calc(0.4571455364vw + 1.2940735184rem), 2.0255063766rem);
}
.text--m.text--larger {
  font-size: 2.16rem;
  font-size: calc(1.92rem + (0.78 * ((100vw - 32rem) / 128)));
  font-size: clamp(1.92rem, calc(0.609375vw + 1.725rem), 2.7rem);
}
.text--l.text--larger {
  font-size: 2.4rem;
  font-size: calc(2.4rem + (1.1991 * ((100vw - 32rem) / 128)));
  font-size: clamp(2.4rem, calc(0.936796875vw + 2.100225rem), 3.5991rem);
}
.text--xl.text--larger {
  font-size: 2.76rem;
  font-size: calc(3rem + (1.7976003 * ((100vw - 32rem) / 128)));
  font-size: clamp(3rem, calc(1.4043752344vw + 2.550599925rem), 4.7976003rem);
}
.text--xxl.text--larger {
  font-size: 3.12rem;
  font-size: calc(3.75rem + (2.6452011999 * ((100vw - 32rem) / 128)));
  font-size: clamp(3.75rem, calc(2.0665634374vw + 3.0886997rem), 6.3952011999rem);
}
h1.text--larger {
  font-size: 3.12rem;
  font-size: calc(3.31776rem + (3.0774411999 * ((100vw - 32rem) / 128)));
  font-size: clamp(3.31776rem, calc(2.4042509374vw + 2.5483997rem), 6.3952011999rem);
}
h2.text--larger {
  font-size: 2.76rem;
  font-size: calc(2.7648rem + (2.0328003 * ((100vw - 32rem) / 128)));
  font-size: clamp(2.7648rem, calc(1.5881252344vw + 2.256599925rem), 4.7976003rem);
}
h3.text--larger {
  font-size: 2.4rem;
  font-size: calc(2.304rem + (1.2951 * ((100vw - 32rem) / 128)));
  font-size: clamp(2.304rem, calc(1.011796875vw + 1.980225rem), 3.5991rem);
}
h4.text--larger {
  font-size: 2.16rem;
  font-size: calc(1.92rem + (0.78 * ((100vw - 32rem) / 128)));
  font-size: clamp(1.92rem, calc(0.609375vw + 1.725rem), 2.7rem);
}
h5.text--larger {
  font-size: 1.68rem;
  font-size: calc(1.44rem + (0.5855063766 * ((100vw - 32rem) / 128)));
  font-size: clamp(1.44rem, calc(0.4574268567vw + 1.2936234059rem), 2.0255063766rem);
}
h6.text--larger {
  font-size: 1.56rem;
  font-size: calc(1.32rem + (0.1995096599 * ((100vw - 32rem) / 128)));
  font-size: clamp(1.32rem, calc(0.1558669218vw + 1.270122585rem), 1.5195096599rem);
}
.text--100 {
  font-weight: 100;
}
.text--200 {
  font-weight: 200;
}
.text--300 {
  font-weight: 300;
}
.text--400 {
  font-weight: 400;
}
.text--500 {
  font-weight: 500;
}
.text--600 {
  font-weight: 600;
}
.text--700 {
  font-weight: 700;
}
.text--800 {
  font-weight: 800;
}
.text--900 {
  font-weight: 900;
}
.text--bold {
  font-weight: bold;
}
.text--italic {
  font-style: italic;
}
.text--oblique {
  font-style: oblique;
}
.text--decoration-none {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.text--underline {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.text--underline-wavy {
  -webkit-text-decoration: underline wavy;
  text-decoration: underline wavy;
}
.text--underline-dotted {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
.text--underline-double {
  -webkit-text-decoration: underline double;
  text-decoration: underline double;
}
.text--underline-dashed {
  -webkit-text-decoration: underline dashed;
  text-decoration: underline dashed;
}
.text--overline {
  -webkit-text-decoration: overline;
  text-decoration: overline;
}
.text--line-through {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}
.text--transform-none {
  text-transform: none;
}
.text--uppercase {
  text-transform: uppercase;
}
.text--lowercase {
  text-transform: lowercase;
}
.text--capitalize {
  text-transform: capitalize;
}
.text--left {
  text-align: left;
}
.text--center {
  text-align: center;
}
.text--right {
  text-align: right;
}
.text--justify {
  text-align: justify;
}
.link--primary a, a.link--primary {
  color: #755dfe;
}
.link--primary a:hover, a.link--primary:hover {
  color: var(--primary-hover);
}
.link--primary-hover a, a.link--primary-hover {
  color: #aca0ee;
}
.link--primary-hover a:hover, a.link--primary-hover:hover {
  color: var(--primary-hover);
}
.link--primary-ultra-light a, a.link--primary-ultra-light {
  color: #ece9fb;
}
.link--primary-ultra-light a:hover, a.link--primary-ultra-light:hover {
  color: var(--primary-hover);
}
.link--primary-light a, a.link--primary-light {
  color: #c6bef4;
}
.link--primary-light a:hover, a.link--primary-light:hover {
  color: var(--primary-hover);
}
.link--primary-medium a, a.link--primary-medium {
  color: #4126d9;
}
.link--primary-medium a:hover, a.link--primary-medium:hover {
  color: var(--primary-hover);
}
.link--primary-dark a, a.link--primary-dark {
  color: #21136c;
}
.link--primary-dark a:hover, a.link--primary-dark:hover {
  color: var(--primary-hover);
}
.link--primary-ultra-dark a, a.link--primary-ultra-dark {
  color: #0d082b;
}
.link--primary-ultra-dark a:hover, a.link--primary-ultra-dark:hover {
  color: var(--primary-hover);
}
.link--primary-comp a, a.link--primary-comp {
  color: #e6fe5d;
}
.link--primary-comp a:hover, a.link--primary-comp:hover {
  color: var(--primary-hover);
}
.link--secondary a, a.link--secondary {
  color: #01d2d5;
}
.link--secondary a:hover, a.link--secondary:hover {
  color: var(--secondary-hover);
}
.link--secondary-hover a, a.link--secondary-hover {
  color: #678e8f;
}
.link--secondary-hover a:hover, a.link--secondary-hover:hover {
  color: var(--secondary-hover);
}
.link--secondary-ultra-light a, a.link--secondary-ultra-light {
  color: #f0f4f4;
}
.link--secondary-ultra-light a:hover, a.link--secondary-ultra-light:hover {
  color: var(--secondary-hover);
}
.link--secondary-light a, a.link--secondary-light {
  color: #d3dfdf;
}
.link--secondary-light a:hover, a.link--secondary-light:hover {
  color: var(--secondary-hover);
}
.link--secondary-medium a, a.link--secondary-medium {
  color: #6b9394;
}
.link--secondary-medium a:hover, a.link--secondary-medium:hover {
  color: var(--secondary-hover);
}
.link--secondary-dark a, a.link--secondary-dark {
  color: #364a4a;
}
.link--secondary-dark a:hover, a.link--secondary-dark:hover {
  color: var(--secondary-hover);
}
.link--secondary-ultra-dark a, a.link--secondary-ultra-dark {
  color: #151d1e;
}
.link--secondary-ultra-dark a:hover, a.link--secondary-ultra-dark:hover {
  color: var(--secondary-hover);
}
.link--secondary-comp a, a.link--secondary-comp {
  color: #d50501;
}
.link--secondary-comp a:hover, a.link--secondary-comp:hover {
  color: var(--secondary-hover);
}
.link--accent a, a.link--accent {
  color: #60df26;
}
.link--accent a:hover, a.link--accent:hover {
  color: var(--accent-hover);
}
.link--accent-hover a, a.link--accent-hover {
  color: #7bde4d;
}
.link--accent-hover a:hover, a.link--accent-hover:hover {
  color: var(--accent-hover);
}
.link--accent-ultra-light a, a.link--accent-ultra-light {
  color: #effbe9;
}
.link--accent-ultra-light a:hover, a.link--accent-ultra-light:hover {
  color: var(--accent-hover);
}
.link--accent-light a, a.link--accent-light {
  color: #cff3be;
}
.link--accent-light a:hover, a.link--accent-light:hover {
  color: var(--accent-hover);
}
.link--accent-medium a, a.link--accent-medium {
  color: #5fd728;
}
.link--accent-medium a:hover, a.link--accent-medium:hover {
  color: var(--accent-hover);
}
.link--accent-dark a, a.link--accent-dark {
  color: #306c14;
}
.link--accent-dark a:hover, a.link--accent-dark:hover {
  color: var(--accent-hover);
}
.link--accent-ultra-dark a, a.link--accent-ultra-dark {
  color: #132b08;
}
.link--accent-ultra-dark a:hover, a.link--accent-ultra-dark:hover {
  color: var(--accent-hover);
}
.link--accent-comp a, a.link--accent-comp {
  color: #a426df;
}
.link--accent-comp a:hover, a.link--accent-comp:hover {
  color: var(--accent-hover);
}
.link--base a, a.link--base {
  color: #3f24b7;
}
.link--base a:hover, a.link--base:hover {
  color: var(--base-hover);
}
.link--base-hover a, a.link--base-hover {
  color: #6151ab;
}
.link--base-hover a:hover, a.link--base-hover:hover {
  color: var(--base-hover);
}
.link--base-ultra-light a, a.link--base-ultra-light {
  color: #efeef7;
}
.link--base-ultra-light a:hover, a.link--base-ultra-light:hover {
  color: var(--base-hover);
}
.link--base-light a, a.link--base-light {
  color: #d0cbe7;
}
.link--base-light a:hover, a.link--base-light:hover {
  color: var(--base-hover);
}
.link--base-medium a, a.link--base-medium {
  color: #6252ad;
}
.link--base-medium a:hover, a.link--base-medium:hover {
  color: var(--base-hover);
}
.link--base-dark a, a.link--base-dark {
  color: #312957;
}
.link--base-dark a:hover, a.link--base-dark:hover {
  color: var(--base-hover);
}
.link--base-ultra-dark a, a.link--base-ultra-dark {
  color: #141023;
}
.link--base-ultra-dark a:hover, a.link--base-ultra-dark:hover {
  color: var(--base-hover);
}
.link--base-comp a, a.link--base-comp {
  color: #9cb724;
}
.link--base-comp a:hover, a.link--base-comp:hover {
  color: var(--base-hover);
}
.link--white a, a.link--white {
  color: #fff;
}
.link--black a, a.link--black {
  color: #000;
}
.link--shade a, a.link--shade {
  color: #292929;
}
.link--shade a:hover, a.link--shade:hover {
  color: var(--shade-hover);
}
.link--shade-hover a, a.link--shade-hover {
  color: #2f2f2f;
}
.link--shade-hover a:hover, a.link--shade-hover:hover {
  color: var(--shade-hover);
}
.link--shade-ultra-light a, a.link--shade-ultra-light {
  color: #f2f2f2;
}
.link--shade-ultra-light a:hover, a.link--shade-ultra-light:hover {
  color: var(--shade-hover);
}
.link--shade-light a, a.link--shade-light {
  color: #d9d9d9;
}
.link--shade-light a:hover, a.link--shade-light:hover {
  color: var(--shade-hover);
}
.link--shade-medium a, a.link--shade-medium {
  color: gray;
}
.link--shade-medium a:hover, a.link--shade-medium:hover {
  color: var(--shade-hover);
}
.link--shade-dark a, a.link--shade-dark {
  color: #404040;
}
.link--shade-dark a:hover, a.link--shade-dark:hover {
  color: var(--shade-hover);
}
.link--shade-ultra-dark a, a.link--shade-ultra-dark {
  color: #1a1a1a;
}
.link--shade-ultra-dark a:hover, a.link--shade-ultra-dark:hover {
  color: var(--shade-hover);
}
.link--shade-comp a, a.link--shade-comp {
  color: #292929;
}
.link--shade-comp a:hover, a.link--shade-comp:hover {
  color: var(--shade-hover);
}
.opacity--5 {
  opacity: 0.05;
}
.opacity--10 {
  opacity: 0.1;
}
.opacity--20 {
  opacity: 0.2;
}
.opacity--30 {
  opacity: 0.3;
}
.opacity--40 {
  opacity: 0.4;
}
.opacity--50 {
  opacity: 0.5;
}
.opacity--60 {
  opacity: 0.6;
}
.opacity--70 {
  opacity: 0.7;
}
.opacity--80 {
  opacity: 0.8;
}
.opacity--90 {
  opacity: 0.9;
}
.opacity--95 {
  opacity: 0.95;
}
.box-shadow--m {
  box-shadow: 0 4px 4px -10px rgba(41, 41, 41, 0.04), 0 13px 13px -10px rgba(41, 41, 41, 0.06), 0 40px 60px -10px rgba(41, 41, 41, 0.08);
}
.box-shadow--l {
  box-shadow: 0 2.7px 3.6px -5px rgba(41, 41, 41, 0.04), 0 7.5px 10px -5px rgba(41, 41, 41, 0.06), 0 18px 24.1px -5px rgba(41, 41, 41, 0.08), 0 60px 80px -5px rgba(41, 41, 41, 0.1);
}
.box-shadow--xl {
  box-shadow: 2.8px 2.8px 2.2px rgba(41, 41, 41, 0.02), 0 6.7px 5.3px -5px rgba(41, 41, 41, 0.04), 0 12.5px 10px -5px rgba(41, 41, 41, 0.06), 0 22.3px 17.9px -5px rgba(41, 41, 41, 0.08), 0 41.8px 33.4px -5px rgba(41, 41, 41, 0.1), 0 80px 80px -5px rgba(41, 41, 41, 0.105);
}
.relative {
  position: relative;
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0rem;
}
.sticky-top--s {
  top: 2.5%;
}
.sticky-top--m {
  top: 5%;
}
.sticky-top--l {
  top: 10%;
}
.center--all:not(.ct-section), .ct-section.center--all > .ct-section-inner-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-items: center;
  justify-content: center;
  text-align: center;
}
.center--y:not(.ct-section), .ct-section.center--y > .ct-section-inner-wrap {
  flex-direction: column;
  justify-items: center;
  justify-content: center;
  align-items: flex-start;
}
.center--x:not(.ct-section), .ct-section.center--x > .ct-section-inner-wrap {
  display: flex;
  flex-direction: column;
  justify-items: center;
  justify-content: center;
  align-items: center;
}
.center--left:not(.ct-section), .ct-section.center--left > .ct-section-inner-wrap {
  display: flex;
  flex-direction: column;
  justify-items: center;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  text-align: left;
}
.center--right:not(.ct-section), .ct-section.center--right > .ct-section-inner-wrap {
  display: flex;
  flex-direction: column;
  justify-items: center;
  justify-content: center;
  align-items: flex-end;
  align-content: flex-end;
}
.center--top:not(.ct-section), .ct-section.center--top > .ct-section-inner-wrap {
  display: flex;
  flex-direction: column;
  justify-items: flex-start;
  justify-content: flex-start;
  align-items: center;
}
.center--bottom:not(.ct-section), .ct-section.center--bottom > .ct-section-inner-wrap {
  display: flex;
  flex-direction: column;
  justify-items: flex-end;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 1599px) {
  .center--all-xl:not(.ct-section), .ct-section.center--all-xl > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    text-align: center;
  }
  .center--y-xl:not(.ct-section), .ct-section.center--y-xl > .ct-section-inner-wrap {
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
  }
  .center--x-xl:not(.ct-section), .ct-section.center--x-xl > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: center;
  }
  .center--left-xl:not(.ct-section), .ct-section.center--left-xl > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    text-align: left;
  }
  .center--right-xl:not(.ct-section), .ct-section.center--right-xl > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-end;
    align-content: flex-end;
  }
  .center--top:not(.ct-section), .ct-section.center--top > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--bottom:not(.ct-section), .ct-section.center--bottom > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-end;
    justify-content: flex-end;
    align-items: center;
  }
}
@media (max-width: 991px) {
  .center--all-l:not(.ct-section), .ct-section.center--all-l > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    text-align: center;
  }
  .center--y-l:not(.ct-section), .ct-section.center--y-l > .ct-section-inner-wrap {
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
  }
  .center--x-l:not(.ct-section), .ct-section.center--x-l > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: center;
  }
  .center--left-l:not(.ct-section), .ct-section.center--left-l > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    text-align: left;
  }
  .center--right-l:not(.ct-section), .ct-section.center--right-l > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-end;
    align-content: flex-end;
  }
  .center--top:not(.ct-section), .ct-section.center--top > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--bottom:not(.ct-section), .ct-section.center--bottom > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-end;
    justify-content: flex-end;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .center--all-m:not(.ct-section), .ct-section.center--all-m > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    text-align: center;
  }
  .center--y-m:not(.ct-section), .ct-section.center--y-m > .ct-section-inner-wrap {
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
  }
  .center--x-m:not(.ct-section), .ct-section.center--x-m > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: center;
  }
  .center--left-m:not(.ct-section), .ct-section.center--left-m > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    text-align: left;
  }
  .center--right-m:not(.ct-section), .ct-section.center--right-m > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-end;
    align-content: flex-end;
  }
  .center--top:not(.ct-section), .ct-section.center--top > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--bottom:not(.ct-section), .ct-section.center--bottom > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-end;
    justify-content: flex-end;
    align-items: center;
  }
}
@media (max-width: 479px) {
  .center--all-s:not(.ct-section), .ct-section.center--all-s > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    text-align: center;
  }
  .center--y-s:not(.ct-section), .ct-section.center--y-s > .ct-section-inner-wrap {
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
  }
  .center--x-s:not(.ct-section), .ct-section.center--x-s > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: center;
  }
  .center--left-s:not(.ct-section), .ct-section.center--left-s > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    text-align: left;
  }
  .center--right-s:not(.ct-section), .ct-section.center--right-s > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-end;
    align-content: flex-end;
  }
  .center--top:not(.ct-section), .ct-section.center--top > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--bottom:not(.ct-section), .ct-section.center--bottom > .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-end;
    justify-content: flex-end;
    align-items: center;
  }
}
.center--self {
  margin-left: auto;
  margin-right: auto;
}
.flip--x, .flip--x > div {
  transform: scaleX(-1);
}
.flip--y, .flip--y > div {
  transform: scaleY(-1);
}
.flip--xy, .flip--xy > div {
  transform: scale(-1, -1);
}
.flip--both, .flip--both > div {
  transform: scale(-1, -1);
}
.object-fit--cover {
  -o-object-fit: cover;
  object-fit: cover;
}
.object-fit--contain {
  -o-object-fit: contain;
  object-fit: contain;
}
.object-fit--top-left {
  -o-object-position: 10% 90%;
  object-position: 10% 90%;
}
.object-fit--top-center {
  -o-object-position: 50% 10%;
  object-position: 50% 10%;
}
.object-fit--top-right {
  -o-object-position: 90% 10%;
  object-position: 90% 10%;
}
.object-fit--center-left {
  -o-object-position: 10% 50%;
  object-position: 10% 50%;
}
.object-fit--center-right {
  -o-object-position: 90% 50%;
  object-position: 90% 50%;
}
.object-fit--bottom-left {
  -o-object-position: 90% 10%;
  object-position: 90% 10%;
}
.object-fit--bottom-center {
  -o-object-position: 50% 90%;
  object-position: 50% 90%;
}
.object-fit--bottom-right {
  -o-object-position: 90% 90%;
  object-position: 90% 90%;
}
@media (min-width: 1599px) {
  .grid--alternate-xl > .grid--2:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-xl > .grid--1-2:nth-of-type(even) {
    grid-template-columns: 2fr 1fr;
  }
  .grid--alternate-xl > .grid--1-2:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-xl > .grid--1-3:nth-of-type(even) {
    grid-template-columns: 3fr 1fr;
  }
  .grid--alternate-xl > .grid--1-3:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-xl > .grid--2-1:nth-of-type(even) {
    grid-template-columns: 1fr 2fr;
  }
  .grid--alternate-xl > .grid--2-1:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-xl > .grid--2-3:nth-of-type(even) {
    grid-template-columns: 3fr 2fr;
  }
  .grid--alternate-xl > .grid--2-3:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-xl > .grid--3-1:nth-of-type(even) {
    grid-template-columns: 1fr 3fr;
  }
  .grid--alternate-xl > .grid--3-1:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-xl > .grid--3-2:nth-of-type(even) {
    grid-template-columns: 2fr 3fr;
  }
  .grid--alternate-xl > .grid--3-2:nth-of-type(even) > *:last-child {
    order: -1;
  }
}
@media (min-width: 991px) {
  .grid--alternate-l > .grid--2:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-l > .grid--1-2:nth-of-type(even) {
    grid-template-columns: 2fr 1fr;
  }
  .grid--alternate-l > .grid--1-2:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-l > .grid--1-3:nth-of-type(even) {
    grid-template-columns: 3fr 1fr;
  }
  .grid--alternate-l > .grid--1-3:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-l > .grid--2-1:nth-of-type(even) {
    grid-template-columns: 1fr 2fr;
  }
  .grid--alternate-l > .grid--2-1:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-l > .grid--2-3:nth-of-type(even) {
    grid-template-columns: 3fr 2fr;
  }
  .grid--alternate-l > .grid--2-3:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-l > .grid--3-1:nth-of-type(even) {
    grid-template-columns: 1fr 3fr;
  }
  .grid--alternate-l > .grid--3-1:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-l > .grid--3-2:nth-of-type(even) {
    grid-template-columns: 2fr 3fr;
  }
  .grid--alternate-l > .grid--3-2:nth-of-type(even) > *:last-child {
    order: -1;
  }
}
@media (min-width: 767px) {
  .grid--alternate-m > .grid--2:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-m > .grid--1-2:nth-of-type(even) {
    grid-template-columns: 2fr 1fr;
  }
  .grid--alternate-m > .grid--1-2:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-m > .grid--1-3:nth-of-type(even) {
    grid-template-columns: 3fr 1fr;
  }
  .grid--alternate-m > .grid--1-3:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-m > .grid--2-1:nth-of-type(even) {
    grid-template-columns: 1fr 2fr;
  }
  .grid--alternate-m > .grid--2-1:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-m > .grid--2-3:nth-of-type(even) {
    grid-template-columns: 3fr 2fr;
  }
  .grid--alternate-m > .grid--2-3:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-m > .grid--3-1:nth-of-type(even) {
    grid-template-columns: 1fr 3fr;
  }
  .grid--alternate-m > .grid--3-1:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-m > .grid--3-2:nth-of-type(even) {
    grid-template-columns: 2fr 3fr;
  }
  .grid--alternate-m > .grid--3-2:nth-of-type(even) > *:last-child {
    order: -1;
  }
}
@media (min-width: 479px) {
  .grid--alternate-s > .grid--2:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-s > .grid--1-2:nth-of-type(even) {
    grid-template-columns: 2fr 1fr;
  }
  .grid--alternate-s > .grid--1-2:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-s > .grid--1-3:nth-of-type(even) {
    grid-template-columns: 3fr 1fr;
  }
  .grid--alternate-s > .grid--1-3:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-s > .grid--2-1:nth-of-type(even) {
    grid-template-columns: 1fr 2fr;
  }
  .grid--alternate-s > .grid--2-1:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-s > .grid--2-3:nth-of-type(even) {
    grid-template-columns: 3fr 2fr;
  }
  .grid--alternate-s > .grid--2-3:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-s > .grid--3-1:nth-of-type(even) {
    grid-template-columns: 1fr 3fr;
  }
  .grid--alternate-s > .grid--3-1:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-s > .grid--3-2:nth-of-type(even) {
    grid-template-columns: 2fr 3fr;
  }
  .grid--alternate-s > .grid--3-2:nth-of-type(even) > *:last-child {
    order: -1;
  }
}
.row-span--1 {
  grid-row: span 1;
}
.col-span--1 {
  grid-column: span 1;
}
.row-start--1 {
  grid-row-start: 1;
}
.col-start--1 {
  grid-column-start: 1;
}
.col-end--1 {
  grid-column-end: 1;
}
.row-span--2 {
  grid-row: span 2;
}
.col-span--2 {
  grid-column: span 2;
}
.row-start--2 {
  grid-row-start: 2;
}
.col-start--2 {
  grid-column-start: 2;
}
.col-end--2 {
  grid-column-end: 2;
}
.row-span--3 {
  grid-row: span 3;
}
.col-span--3 {
  grid-column: span 3;
}
.row-start--3 {
  grid-row-start: 3;
}
.col-start--3 {
  grid-column-start: 3;
}
.col-end--3 {
  grid-column-end: 3;
}
.row-span--4 {
  grid-row: span 4;
}
.col-span--4 {
  grid-column: span 4;
}
.row-start--4 {
  grid-row-start: 4;
}
.col-start--4 {
  grid-column-start: 4;
}
.col-end--4 {
  grid-column-end: 4;
}
.row-span--5 {
  grid-row: span 5;
}
.col-span--5 {
  grid-column: span 5;
}
.row-start--5 {
  grid-row-start: 5;
}
.col-start--5 {
  grid-column-start: 5;
}
.col-end--5 {
  grid-column-end: 5;
}
.row-span--6 {
  grid-row: span 6;
}
.col-span--6 {
  grid-column: span 6;
}
.row-start--6 {
  grid-row-start: 6;
}
.col-start--6 {
  grid-column-start: 6;
}
.col-end--6 {
  grid-column-end: 6;
}
.row-span--7 {
  grid-row: span 7;
}
.col-span--7 {
  grid-column: span 7;
}
.row-start--7 {
  grid-row-start: 7;
}
.col-start--7 {
  grid-column-start: 7;
}
.col-end--7 {
  grid-column-end: 7;
}
.row-span--8 {
  grid-row: span 8;
}
.col-span--8 {
  grid-column: span 8;
}
.row-start--8 {
  grid-row-start: 8;
}
.col-start--8 {
  grid-column-start: 8;
}
.col-end--8 {
  grid-column-end: 8;
}
.row-span--9 {
  grid-row: span 9;
}
.col-span--9 {
  grid-column: span 9;
}
.row-start--9 {
  grid-row-start: 9;
}
.col-start--9 {
  grid-column-start: 9;
}
.col-end--9 {
  grid-column-end: 9;
}
.row-span--10 {
  grid-row: span 10;
}
.col-span--10 {
  grid-column: span 10;
}
.row-start--10 {
  grid-row-start: 10;
}
.col-start--10 {
  grid-column-start: 10;
}
.col-end--10 {
  grid-column-end: 10;
}
.row-span--11 {
  grid-row: span 11;
}
.col-span--11 {
  grid-column: span 11;
}
.row-start--11 {
  grid-row-start: 11;
}
.col-start--11 {
  grid-column-start: 11;
}
.col-end--11 {
  grid-column-end: 11;
}
.row-span--12 {
  grid-row: span 12;
}
.col-span--12 {
  grid-column: span 12;
}
.row-start--12 {
  grid-row-start: 12;
}
.col-start--12 {
  grid-column-start: 12;
}
.col-end--12 {
  grid-column-end: 12;
}
@media (max-width: 1599px) {
  .row-span--xl-1 {
    grid-row: span 1;
  }
  .col-span--xl-1 {
    grid-column: span 1;
  }
  .row-start--xl-1 {
    grid-row-start: 1;
  }
  .col-start--xl-1 {
    grid-column-start: 1;
  }
  .col-end--xl-1 {
    grid-column-end: 1;
  }
  .row-span--xl-2 {
    grid-row: span 2;
  }
  .col-span--xl-2 {
    grid-column: span 2;
  }
  .row-start--xl-2 {
    grid-row-start: 2;
  }
  .col-start--xl-2 {
    grid-column-start: 2;
  }
  .col-end--xl-2 {
    grid-column-end: 2;
  }
  .row-span--xl-3 {
    grid-row: span 3;
  }
  .col-span--xl-3 {
    grid-column: span 3;
  }
  .row-start--xl-3 {
    grid-row-start: 3;
  }
  .col-start--xl-3 {
    grid-column-start: 3;
  }
  .col-end--xl-3 {
    grid-column-end: 3;
  }
  .row-span--xl-4 {
    grid-row: span 4;
  }
  .col-span--xl-4 {
    grid-column: span 4;
  }
  .row-start--xl-4 {
    grid-row-start: 4;
  }
  .col-start--xl-4 {
    grid-column-start: 4;
  }
  .col-end--xl-4 {
    grid-column-end: 4;
  }
  .row-span--xl-5 {
    grid-row: span 5;
  }
  .col-span--xl-5 {
    grid-column: span 5;
  }
  .row-start--xl-5 {
    grid-row-start: 5;
  }
  .col-start--xl-5 {
    grid-column-start: 5;
  }
  .col-end--xl-5 {
    grid-column-end: 5;
  }
  .row-span--xl-6 {
    grid-row: span 6;
  }
  .col-span--xl-6 {
    grid-column: span 6;
  }
  .row-start--xl-6 {
    grid-row-start: 6;
  }
  .col-start--xl-6 {
    grid-column-start: 6;
  }
  .col-end--xl-6 {
    grid-column-end: 6;
  }
  .row-span--xl-7 {
    grid-row: span 7;
  }
  .col-span--xl-7 {
    grid-column: span 7;
  }
  .row-start--xl-7 {
    grid-row-start: 7;
  }
  .col-start--xl-7 {
    grid-column-start: 7;
  }
  .col-end--xl-7 {
    grid-column-end: 7;
  }
  .row-span--xl-8 {
    grid-row: span 8;
  }
  .col-span--xl-8 {
    grid-column: span 8;
  }
  .row-start--xl-8 {
    grid-row-start: 8;
  }
  .col-start--xl-8 {
    grid-column-start: 8;
  }
  .col-end--xl-8 {
    grid-column-end: 8;
  }
  .row-span--xl-9 {
    grid-row: span 9;
  }
  .col-span--xl-9 {
    grid-column: span 9;
  }
  .row-start--xl-9 {
    grid-row-start: 9;
  }
  .col-start--xl-9 {
    grid-column-start: 9;
  }
  .col-end--xl-9 {
    grid-column-end: 9;
  }
  .row-span--xl-10 {
    grid-row: span 10;
  }
  .col-span--xl-10 {
    grid-column: span 10;
  }
  .row-start--xl-10 {
    grid-row-start: 10;
  }
  .col-start--xl-10 {
    grid-column-start: 10;
  }
  .col-end--xl-10 {
    grid-column-end: 10;
  }
  .row-span--xl-11 {
    grid-row: span 11;
  }
  .col-span--xl-11 {
    grid-column: span 11;
  }
  .row-start--xl-11 {
    grid-row-start: 11;
  }
  .col-start--xl-11 {
    grid-column-start: 11;
  }
  .col-end--xl-11 {
    grid-column-end: 11;
  }
  .row-span--xl-12 {
    grid-row: span 12;
  }
  .col-span--xl-12 {
    grid-column: span 12;
  }
  .row-start--xl-12 {
    grid-row-start: 12;
  }
  .col-start--xl-12 {
    grid-column-start: 12;
  }
  .col-end--xl-12 {
    grid-column-end: 12;
  }
}
@media (max-width: 991px) {
  .row-span--l-1 {
    grid-row: span 1;
  }
  .col-span--l-1 {
    grid-column: span 1;
  }
  .row-start--l-1 {
    grid-row-start: 1;
  }
  .col-start--l-1 {
    grid-column-start: 1;
  }
  .col-end--l-1 {
    grid-column-end: 1;
  }
  .row-span--l-2 {
    grid-row: span 2;
  }
  .col-span--l-2 {
    grid-column: span 2;
  }
  .row-start--l-2 {
    grid-row-start: 2;
  }
  .col-start--l-2 {
    grid-column-start: 2;
  }
  .col-end--l-2 {
    grid-column-end: 2;
  }
  .row-span--l-3 {
    grid-row: span 3;
  }
  .col-span--l-3 {
    grid-column: span 3;
  }
  .row-start--l-3 {
    grid-row-start: 3;
  }
  .col-start--l-3 {
    grid-column-start: 3;
  }
  .col-end--l-3 {
    grid-column-end: 3;
  }
  .row-span--l-4 {
    grid-row: span 4;
  }
  .col-span--l-4 {
    grid-column: span 4;
  }
  .row-start--l-4 {
    grid-row-start: 4;
  }
  .col-start--l-4 {
    grid-column-start: 4;
  }
  .col-end--l-4 {
    grid-column-end: 4;
  }
  .row-span--l-5 {
    grid-row: span 5;
  }
  .col-span--l-5 {
    grid-column: span 5;
  }
  .row-start--l-5 {
    grid-row-start: 5;
  }
  .col-start--l-5 {
    grid-column-start: 5;
  }
  .col-end--l-5 {
    grid-column-end: 5;
  }
  .row-span--l-6 {
    grid-row: span 6;
  }
  .col-span--l-6 {
    grid-column: span 6;
  }
  .row-start--l-6 {
    grid-row-start: 6;
  }
  .col-start--l-6 {
    grid-column-start: 6;
  }
  .col-end--l-6 {
    grid-column-end: 6;
  }
  .row-span--l-7 {
    grid-row: span 7;
  }
  .col-span--l-7 {
    grid-column: span 7;
  }
  .row-start--l-7 {
    grid-row-start: 7;
  }
  .col-start--l-7 {
    grid-column-start: 7;
  }
  .col-end--l-7 {
    grid-column-end: 7;
  }
  .row-span--l-8 {
    grid-row: span 8;
  }
  .col-span--l-8 {
    grid-column: span 8;
  }
  .row-start--l-8 {
    grid-row-start: 8;
  }
  .col-start--l-8 {
    grid-column-start: 8;
  }
  .col-end--l-8 {
    grid-column-end: 8;
  }
  .row-span--l-9 {
    grid-row: span 9;
  }
  .col-span--l-9 {
    grid-column: span 9;
  }
  .row-start--l-9 {
    grid-row-start: 9;
  }
  .col-start--l-9 {
    grid-column-start: 9;
  }
  .col-end--l-9 {
    grid-column-end: 9;
  }
  .row-span--l-10 {
    grid-row: span 10;
  }
  .col-span--l-10 {
    grid-column: span 10;
  }
  .row-start--l-10 {
    grid-row-start: 10;
  }
  .col-start--l-10 {
    grid-column-start: 10;
  }
  .col-end--l-10 {
    grid-column-end: 10;
  }
  .row-span--l-11 {
    grid-row: span 11;
  }
  .col-span--l-11 {
    grid-column: span 11;
  }
  .row-start--l-11 {
    grid-row-start: 11;
  }
  .col-start--l-11 {
    grid-column-start: 11;
  }
  .col-end--l-11 {
    grid-column-end: 11;
  }
  .row-span--l-12 {
    grid-row: span 12;
  }
  .col-span--l-12 {
    grid-column: span 12;
  }
  .row-start--l-12 {
    grid-row-start: 12;
  }
  .col-start--l-12 {
    grid-column-start: 12;
  }
  .col-end--l-12 {
    grid-column-end: 12;
  }
}
@media (max-width: 767px) {
  .row-span--m-1 {
    grid-row: span 1;
  }
  .col-span--m-1 {
    grid-column: span 1;
  }
  .row-start--m-1 {
    grid-row-start: 1;
  }
  .col-start--m-1 {
    grid-column-start: 1;
  }
  .col-end--m-1 {
    grid-column-end: 1;
  }
  .row-span--m-2 {
    grid-row: span 2;
  }
  .col-span--m-2 {
    grid-column: span 2;
  }
  .row-start--m-2 {
    grid-row-start: 2;
  }
  .col-start--m-2 {
    grid-column-start: 2;
  }
  .col-end--m-2 {
    grid-column-end: 2;
  }
  .row-span--m-3 {
    grid-row: span 3;
  }
  .col-span--m-3 {
    grid-column: span 3;
  }
  .row-start--m-3 {
    grid-row-start: 3;
  }
  .col-start--m-3 {
    grid-column-start: 3;
  }
  .col-end--m-3 {
    grid-column-end: 3;
  }
  .row-span--m-4 {
    grid-row: span 4;
  }
  .col-span--m-4 {
    grid-column: span 4;
  }
  .row-start--m-4 {
    grid-row-start: 4;
  }
  .col-start--m-4 {
    grid-column-start: 4;
  }
  .col-end--m-4 {
    grid-column-end: 4;
  }
  .row-span--m-5 {
    grid-row: span 5;
  }
  .col-span--m-5 {
    grid-column: span 5;
  }
  .row-start--m-5 {
    grid-row-start: 5;
  }
  .col-start--m-5 {
    grid-column-start: 5;
  }
  .col-end--m-5 {
    grid-column-end: 5;
  }
  .row-span--m-6 {
    grid-row: span 6;
  }
  .col-span--m-6 {
    grid-column: span 6;
  }
  .row-start--m-6 {
    grid-row-start: 6;
  }
  .col-start--m-6 {
    grid-column-start: 6;
  }
  .col-end--m-6 {
    grid-column-end: 6;
  }
  .row-span--m-7 {
    grid-row: span 7;
  }
  .col-span--m-7 {
    grid-column: span 7;
  }
  .row-start--m-7 {
    grid-row-start: 7;
  }
  .col-start--m-7 {
    grid-column-start: 7;
  }
  .col-end--m-7 {
    grid-column-end: 7;
  }
  .row-span--m-8 {
    grid-row: span 8;
  }
  .col-span--m-8 {
    grid-column: span 8;
  }
  .row-start--m-8 {
    grid-row-start: 8;
  }
  .col-start--m-8 {
    grid-column-start: 8;
  }
  .col-end--m-8 {
    grid-column-end: 8;
  }
  .row-span--m-9 {
    grid-row: span 9;
  }
  .col-span--m-9 {
    grid-column: span 9;
  }
  .row-start--m-9 {
    grid-row-start: 9;
  }
  .col-start--m-9 {
    grid-column-start: 9;
  }
  .col-end--m-9 {
    grid-column-end: 9;
  }
  .row-span--m-10 {
    grid-row: span 10;
  }
  .col-span--m-10 {
    grid-column: span 10;
  }
  .row-start--m-10 {
    grid-row-start: 10;
  }
  .col-start--m-10 {
    grid-column-start: 10;
  }
  .col-end--m-10 {
    grid-column-end: 10;
  }
  .row-span--m-11 {
    grid-row: span 11;
  }
  .col-span--m-11 {
    grid-column: span 11;
  }
  .row-start--m-11 {
    grid-row-start: 11;
  }
  .col-start--m-11 {
    grid-column-start: 11;
  }
  .col-end--m-11 {
    grid-column-end: 11;
  }
  .row-span--m-12 {
    grid-row: span 12;
  }
  .col-span--m-12 {
    grid-column: span 12;
  }
  .row-start--m-12 {
    grid-row-start: 12;
  }
  .col-start--m-12 {
    grid-column-start: 12;
  }
  .col-end--m-12 {
    grid-column-end: 12;
  }
}
@media (max-width: 479px) {
  .row-span--s-1 {
    grid-row: span 1;
  }
  .col-span--s-1 {
    grid-column: span 1;
  }
  .row-start--s-1 {
    grid-row-start: 1;
  }
  .col-start--s-1 {
    grid-column-start: 1;
  }
  .col-end--s-1 {
    grid-column-end: 1;
  }
  .row-span--s-2 {
    grid-row: span 2;
  }
  .col-span--s-2 {
    grid-column: span 2;
  }
  .row-start--s-2 {
    grid-row-start: 2;
  }
  .col-start--s-2 {
    grid-column-start: 2;
  }
  .col-end--s-2 {
    grid-column-end: 2;
  }
  .row-span--s-3 {
    grid-row: span 3;
  }
  .col-span--s-3 {
    grid-column: span 3;
  }
  .row-start--s-3 {
    grid-row-start: 3;
  }
  .col-start--s-3 {
    grid-column-start: 3;
  }
  .col-end--s-3 {
    grid-column-end: 3;
  }
  .row-span--s-4 {
    grid-row: span 4;
  }
  .col-span--s-4 {
    grid-column: span 4;
  }
  .row-start--s-4 {
    grid-row-start: 4;
  }
  .col-start--s-4 {
    grid-column-start: 4;
  }
  .col-end--s-4 {
    grid-column-end: 4;
  }
  .row-span--s-5 {
    grid-row: span 5;
  }
  .col-span--s-5 {
    grid-column: span 5;
  }
  .row-start--s-5 {
    grid-row-start: 5;
  }
  .col-start--s-5 {
    grid-column-start: 5;
  }
  .col-end--s-5 {
    grid-column-end: 5;
  }
  .row-span--s-6 {
    grid-row: span 6;
  }
  .col-span--s-6 {
    grid-column: span 6;
  }
  .row-start--s-6 {
    grid-row-start: 6;
  }
  .col-start--s-6 {
    grid-column-start: 6;
  }
  .col-end--s-6 {
    grid-column-end: 6;
  }
  .row-span--s-7 {
    grid-row: span 7;
  }
  .col-span--s-7 {
    grid-column: span 7;
  }
  .row-start--s-7 {
    grid-row-start: 7;
  }
  .col-start--s-7 {
    grid-column-start: 7;
  }
  .col-end--s-7 {
    grid-column-end: 7;
  }
  .row-span--s-8 {
    grid-row: span 8;
  }
  .col-span--s-8 {
    grid-column: span 8;
  }
  .row-start--s-8 {
    grid-row-start: 8;
  }
  .col-start--s-8 {
    grid-column-start: 8;
  }
  .col-end--s-8 {
    grid-column-end: 8;
  }
  .row-span--s-9 {
    grid-row: span 9;
  }
  .col-span--s-9 {
    grid-column: span 9;
  }
  .row-start--s-9 {
    grid-row-start: 9;
  }
  .col-start--s-9 {
    grid-column-start: 9;
  }
  .col-end--s-9 {
    grid-column-end: 9;
  }
  .row-span--s-10 {
    grid-row: span 10;
  }
  .col-span--s-10 {
    grid-column: span 10;
  }
  .row-start--s-10 {
    grid-row-start: 10;
  }
  .col-start--s-10 {
    grid-column-start: 10;
  }
  .col-end--s-10 {
    grid-column-end: 10;
  }
  .row-span--s-11 {
    grid-row: span 11;
  }
  .col-span--s-11 {
    grid-column: span 11;
  }
  .row-start--s-11 {
    grid-row-start: 11;
  }
  .col-start--s-11 {
    grid-column-start: 11;
  }
  .col-end--s-11 {
    grid-column-end: 11;
  }
  .row-span--s-12 {
    grid-row: span 12;
  }
  .col-span--s-12 {
    grid-column: span 12;
  }
  .row-start--s-12 {
    grid-row-start: 12;
  }
  .col-start--s-12 {
    grid-column-start: 12;
  }
  .col-end--s-12 {
    grid-column-end: 12;
  }
}
.order--first {
  order: -1;
}
.order--last {
  order: 999;
}
.col-end--last {
  grid-column-end: -1;
}
@media (max-width: 1599px) {
  .order--first-xl {
    order: -1;
  }
  .order--last-xl {
    order: 999;
  }
  .col-end--xl-last {
    grid-column-end: -1;
  }
}
@media (max-width: 991px) {
  .order--first-l {
    order: -1;
  }
  .order--last-l {
    order: 999;
  }
  .col-end--l-last {
    grid-column-end: -1;
  }
}
@media (max-width: 767px) {
  .order--first-m {
    order: -1;
  }
  .order--last-m {
    order: 999;
  }
  .col-end--m-last {
    grid-column-end: -1;
  }
}
@media (max-width: 479px) {
  .order--first-s {
    order: -1;
  }
  .order--last-s {
    order: 999;
  }
  .col-end--s-last {
    grid-column-end: -1;
  }
}
.grid--auto-rows {
  grid-auto-rows: minmax(-webkit-min-content, 1fr);
  grid-auto-rows: minmax(min-content, 1fr);
}
.width--xs:not([class*="breakout--"]) {
  width: 100%;
  max-width: calc((160 * 0.1) * 1rem);
}
.width--s:not([class*="breakout--"]) {
  width: 100%;
  max-width: calc((160 * 0.2) * 1rem);
}
.width--m:not([class*="breakout--"]) {
  width: 100%;
  max-width: calc((160 * 0.4) * 1rem);
}
.width--l:not([class*="breakout--"]) {
  width: 100%;
  max-width: calc((160 * 0.6) * 1rem);
}
.width--xl:not([class*="breakout--"]) {
  width: 100%;
  max-width: calc((160 * 0.8) * 1rem);
}
.width--xxl:not([class*="breakout--"]) {
  width: 100%;
  max-width: calc((160 * 0.9) * 1rem);
}
.width--vp-max:not([class*="breakout--"]) {
  width: 100%;
  max-width: 160rem;
  margin-left: auto;
  margin-right: auto;
}
.width--50:not([class*="breakout--"]) {
  width: 100%;
  max-width: calc((160 / 2) * 1rem);
}
.width--full:not([class*="breakout--"]) {
  width: 100%;
  max-width: 100%;
}
.width--auto {
  width: auto !important;
  width: 100%;
}
.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%;
}
.aspect--1-1 {
  aspect-ratio: 1 / 1;
}
img.aspect--1-1 {
  -o-object-fit: cover;
  object-fit: cover;
}
.aspect--1-1 iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
}
.aspect--1-2 {
  aspect-ratio: 1 / 2;
}
img.aspect--1-2 {
  -o-object-fit: cover;
  object-fit: cover;
}
.aspect--1-2 iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 2;
}
.aspect--2-1 {
  aspect-ratio: 2 / 1;
}
img.aspect--2-1 {
  -o-object-fit: cover;
  object-fit: cover;
}
.aspect--2-1 iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 2 / 1;
}
.aspect--2-3 {
  aspect-ratio: 2 / 3;
}
img.aspect--2-3 {
  -o-object-fit: cover;
  object-fit: cover;
}
.aspect--2-3 iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 2 / 3;
}
.aspect--3-2 {
  aspect-ratio: 3 / 2;
}
img.aspect--3-2 {
  -o-object-fit: cover;
  object-fit: cover;
}
.aspect--3-2 iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 3 / 2;
}
.aspect--3-4 {
  aspect-ratio: 3 / 4;
}
img.aspect--3-4 {
  -o-object-fit: cover;
  object-fit: cover;
}
.aspect--3-4 iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 3 / 4;
}
.aspect--4-3 {
  aspect-ratio: 4 / 3;
}
img.aspect--4-3 {
  -o-object-fit: cover;
  object-fit: cover;
}
.aspect--4-3 iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 4 / 3;
}
.aspect--16-9 {
  aspect-ratio: 16 / 9;
}
img.aspect--16-9 {
  -o-object-fit: cover;
  object-fit: cover;
}
.aspect--16-9 iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
}
.aspect--9-16 {
  aspect-ratio: 9 / 16;
}
img.aspect--9-16 {
  -o-object-fit: cover;
  object-fit: cover;
}
.aspect--9-16 iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 9 / 16;
}
@media (max-width: 1599px) {
  .aspect--xl-1-1 {
    aspect-ratio: 1 / 1;
  }
  img.aspect--xl-1-1 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--xl-1-1 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
  }
  .aspect--xl-1-2 {
    aspect-ratio: 1 / 2;
  }
  img.aspect--xl-1-2 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--xl-1-2 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 2;
  }
  .aspect--xl-2-1 {
    aspect-ratio: 2 / 1;
  }
  img.aspect--xl-2-1 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--xl-2-1 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 2 / 1;
  }
  .aspect--xl-2-3 {
    aspect-ratio: 2 / 3;
  }
  img.aspect--xl-2-3 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--xl-2-3 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 2 / 3;
  }
  .aspect--xl-3-2 {
    aspect-ratio: 3 / 2;
  }
  img.aspect--xl-3-2 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--xl-3-2 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 3 / 2;
  }
  .aspect--xl-3-4 {
    aspect-ratio: 3 / 4;
  }
  img.aspect--xl-3-4 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--xl-3-4 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 3 / 4;
  }
  .aspect--xl-4-3 {
    aspect-ratio: 4 / 3;
  }
  img.aspect--xl-4-3 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--xl-4-3 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 3;
  }
  .aspect--xl-16-9 {
    aspect-ratio: 16 / 9;
  }
  img.aspect--xl-16-9 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--xl-16-9 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
  }
  .aspect--xl-9-16 {
    aspect-ratio: 9 / 16;
  }
  img.aspect--xl-9-16 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--xl-9-16 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 9 / 16;
  }
}
@media (max-width: 991px) {
  .aspect--l-1-1 {
    aspect-ratio: 1 / 1;
  }
  img.aspect--l-1-1 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--l-1-1 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
  }
  .aspect--l-1-2 {
    aspect-ratio: 1 / 2;
  }
  img.aspect--l-1-2 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--l-1-2 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 2;
  }
  .aspect--l-2-1 {
    aspect-ratio: 2 / 1;
  }
  img.aspect--l-2-1 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--l-2-1 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 2 / 1;
  }
  .aspect--l-2-3 {
    aspect-ratio: 2 / 3;
  }
  img.aspect--l-2-3 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--l-2-3 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 2 / 3;
  }
  .aspect--l-3-2 {
    aspect-ratio: 3 / 2;
  }
  img.aspect--l-3-2 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--l-3-2 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 3 / 2;
  }
  .aspect--l-3-4 {
    aspect-ratio: 3 / 4;
  }
  img.aspect--l-3-4 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--l-3-4 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 3 / 4;
  }
  .aspect--l-4-3 {
    aspect-ratio: 4 / 3;
  }
  img.aspect--l-4-3 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--l-4-3 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 3;
  }
  .aspect--l-16-9 {
    aspect-ratio: 16 / 9;
  }
  img.aspect--l-16-9 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--l-16-9 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
  }
  .aspect--l-9-16 {
    aspect-ratio: 9 / 16;
  }
  img.aspect--l-9-16 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--l-9-16 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 9 / 16;
  }
}
@media (max-width: 767px) {
  .aspect--m-1-1 {
    aspect-ratio: 1 / 1;
  }
  img.aspect--m-1-1 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--m-1-1 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
  }
  .aspect--m-1-2 {
    aspect-ratio: 1 / 2;
  }
  img.aspect--m-1-2 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--m-1-2 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 2;
  }
  .aspect--m-2-1 {
    aspect-ratio: 2 / 1;
  }
  img.aspect--m-2-1 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--m-2-1 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 2 / 1;
  }
  .aspect--m-2-3 {
    aspect-ratio: 2 / 3;
  }
  img.aspect--m-2-3 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--m-2-3 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 2 / 3;
  }
  .aspect--m-3-2 {
    aspect-ratio: 3 / 2;
  }
  img.aspect--m-3-2 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--m-3-2 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 3 / 2;
  }
  .aspect--m-3-4 {
    aspect-ratio: 3 / 4;
  }
  img.aspect--m-3-4 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--m-3-4 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 3 / 4;
  }
  .aspect--m-4-3 {
    aspect-ratio: 4 / 3;
  }
  img.aspect--m-4-3 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--m-4-3 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 3;
  }
  .aspect--m-16-9 {
    aspect-ratio: 16 / 9;
  }
  img.aspect--m-16-9 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--m-16-9 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
  }
  .aspect--m-9-16 {
    aspect-ratio: 9 / 16;
  }
  img.aspect--m-9-16 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--m-9-16 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 9 / 16;
  }
}
@media (max-width: 479px) {
  .aspect--s-1-1 {
    aspect-ratio: 1 / 1;
  }
  img.aspect--s-1-1 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--s-1-1 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
  }
  .aspect--s-1-2 {
    aspect-ratio: 1 / 2;
  }
  img.aspect--s-1-2 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--s-1-2 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 2;
  }
  .aspect--s-2-1 {
    aspect-ratio: 2 / 1;
  }
  img.aspect--s-2-1 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--s-2-1 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 2 / 1;
  }
  .aspect--s-2-3 {
    aspect-ratio: 2 / 3;
  }
  img.aspect--s-2-3 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--s-2-3 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 2 / 3;
  }
  .aspect--s-3-2 {
    aspect-ratio: 3 / 2;
  }
  img.aspect--s-3-2 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--s-3-2 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 3 / 2;
  }
  .aspect--s-3-4 {
    aspect-ratio: 3 / 4;
  }
  img.aspect--s-3-4 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--s-3-4 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 3 / 4;
  }
  .aspect--s-4-3 {
    aspect-ratio: 4 / 3;
  }
  img.aspect--s-4-3 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--s-4-3 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 3;
  }
  .aspect--s-16-9 {
    aspect-ratio: 16 / 9;
  }
  img.aspect--s-16-9 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--s-16-9 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
  }
  .aspect--s-9-16 {
    aspect-ratio: 9 / 16;
  }
  img.aspect--s-9-16 {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .aspect--s-9-16 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 9 / 16;
  }
}
@supports not (aspect-ratio: 1.7777777778) {
  .aspect--1-1::before {
    float: left;
    padding-top: 100%;
    content: "";
  }
  .aspect--1-1::after {
    display: block;
    content: "";
    clear: both;
  }
  .aspect--1-2::before {
    float: left;
    padding-top: 50%;
    content: "";
  }
  .aspect--1-2::after {
    display: block;
    content: "";
    clear: both;
  }
  .aspect--2-1::before {
    float: left;
    padding-top: 200%;
    content: "";
  }
  .aspect--2-1::after {
    display: block;
    content: "";
    clear: both;
  }
  .aspect--2-3::before {
    float: left;
    padding-top: 150%;
    content: "";
  }
  .aspect--2-3::after {
    display: block;
    content: "";
    clear: both;
  }
  .aspect--3-2::before {
    float: left;
    padding-top: 66%;
    content: "";
  }
  .aspect--3-2::after {
    display: block;
    content: "";
    clear: both;
  }
  .aspect--3-4::before {
    float: left;
    padding-top: 133%;
    content: "";
  }
  .aspect--3-4::after {
    display: block;
    content: "";
    clear: both;
  }
  .aspect--4-3::before {
    float: left;
    padding-top: 75%;
    content: "";
  }
  .aspect--4-3::after {
    display: block;
    content: "";
    clear: both;
  }
  .aspect--16-9::before {
    float: left;
    padding-top: 56.25%;
    content: "";
  }
  .aspect--16-9::after {
    display: block;
    content: "";
    clear: both;
  }
  .aspect--9-16::before {
    float: left;
    padding-top: 177%;
    content: "";
  }
  .aspect--9-16::after {
    display: block;
    content: "";
    clear: both;
  }
  @media (max-width: 1599px) {
    .aspect--1-1::before {
      float: left;
      padding-top: 100%;
      content: "";
    }
    .aspect--1-1::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--1-2::before {
      float: left;
      padding-top: 50%;
      content: "";
    }
    .aspect--1-2::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--2-1::before {
      float: left;
      padding-top: 200%;
      content: "";
    }
    .aspect--2-1::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--2-3::before {
      float: left;
      padding-top: 150%;
      content: "";
    }
    .aspect--2-3::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--3-2::before {
      float: left;
      padding-top: 66%;
      content: "";
    }
    .aspect--3-2::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--3-4::before {
      float: left;
      padding-top: 133%;
      content: "";
    }
    .aspect--3-4::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--4-3::before {
      float: left;
      padding-top: 75%;
      content: "";
    }
    .aspect--4-3::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--16-9::before {
      float: left;
      padding-top: 56.25%;
      content: "";
    }
    .aspect--16-9::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--9-16::before {
      float: left;
      padding-top: 177%;
      content: "";
    }
    .aspect--9-16::after {
      display: block;
      content: "";
      clear: both;
    }
  }
  @media (max-width: 991px) {
    .aspect--1-1::before {
      float: left;
      padding-top: 100%;
      content: "";
    }
    .aspect--1-1::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--1-2::before {
      float: left;
      padding-top: 50%;
      content: "";
    }
    .aspect--1-2::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--2-1::before {
      float: left;
      padding-top: 200%;
      content: "";
    }
    .aspect--2-1::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--2-3::before {
      float: left;
      padding-top: 150%;
      content: "";
    }
    .aspect--2-3::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--3-2::before {
      float: left;
      padding-top: 66%;
      content: "";
    }
    .aspect--3-2::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--3-4::before {
      float: left;
      padding-top: 133%;
      content: "";
    }
    .aspect--3-4::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--4-3::before {
      float: left;
      padding-top: 75%;
      content: "";
    }
    .aspect--4-3::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--16-9::before {
      float: left;
      padding-top: 56.25%;
      content: "";
    }
    .aspect--16-9::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--9-16::before {
      float: left;
      padding-top: 177%;
      content: "";
    }
    .aspect--9-16::after {
      display: block;
      content: "";
      clear: both;
    }
  }
  @media (max-width: 767px) {
    .aspect--1-1::before {
      float: left;
      padding-top: 100%;
      content: "";
    }
    .aspect--1-1::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--1-2::before {
      float: left;
      padding-top: 50%;
      content: "";
    }
    .aspect--1-2::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--2-1::before {
      float: left;
      padding-top: 200%;
      content: "";
    }
    .aspect--2-1::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--2-3::before {
      float: left;
      padding-top: 150%;
      content: "";
    }
    .aspect--2-3::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--3-2::before {
      float: left;
      padding-top: 66%;
      content: "";
    }
    .aspect--3-2::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--3-4::before {
      float: left;
      padding-top: 133%;
      content: "";
    }
    .aspect--3-4::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--4-3::before {
      float: left;
      padding-top: 75%;
      content: "";
    }
    .aspect--4-3::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--16-9::before {
      float: left;
      padding-top: 56.25%;
      content: "";
    }
    .aspect--16-9::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--9-16::before {
      float: left;
      padding-top: 177%;
      content: "";
    }
    .aspect--9-16::after {
      display: block;
      content: "";
      clear: both;
    }
  }
  @media (max-width: 479px) {
    .aspect--1-1::before {
      float: left;
      padding-top: 100%;
      content: "";
    }
    .aspect--1-1::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--1-2::before {
      float: left;
      padding-top: 50%;
      content: "";
    }
    .aspect--1-2::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--2-1::before {
      float: left;
      padding-top: 200%;
      content: "";
    }
    .aspect--2-1::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--2-3::before {
      float: left;
      padding-top: 150%;
      content: "";
    }
    .aspect--2-3::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--3-2::before {
      float: left;
      padding-top: 66%;
      content: "";
    }
    .aspect--3-2::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--3-4::before {
      float: left;
      padding-top: 133%;
      content: "";
    }
    .aspect--3-4::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--4-3::before {
      float: left;
      padding-top: 75%;
      content: "";
    }
    .aspect--4-3::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--16-9::before {
      float: left;
      padding-top: 56.25%;
      content: "";
    }
    .aspect--16-9::after {
      display: block;
      content: "";
      clear: both;
    }
    .aspect--9-16::before {
      float: left;
      padding-top: 177%;
      content: "";
    }
    .aspect--9-16::after {
      display: block;
      content: "";
      clear: both;
    }
  }
}
.z--bottom {
  z-index: -1;
}
.z--0 {
  z-index: 0;
}
.z--10 {
  z-index: 10;
}
.z--20 {
  z-index: 20;
}
.z--30 {
  z-index: 30;
}
.z--40 {
  z-index: 40;
}
.z--50 {
  z-index: 50;
}
.z--60 {
  z-index: 60;
}
.z--70 {
  z-index: 70;
}
.z--80 {
  z-index: 80;
}
.z--90 {
  z-index: 90;
}
.z--top {
  z-index: 9999;
}
@media (max-width: 1599px) {
  .z--xl-bottom {
    z-index: -1;
  }
  .z--xl-0 {
    z-index: 0;
  }
  .z--xl-10 {
    z-index: 10;
  }
  .z--xl-20 {
    z-index: 20;
  }
  .z--xl-30 {
    z-index: 30;
  }
  .z--xl-40 {
    z-index: 40;
  }
  .z--xl-50 {
    z-index: 50;
  }
  .z--xl-60 {
    z-index: 60;
  }
  .z--xl-70 {
    z-index: 70;
  }
  .z--xl-80 {
    z-index: 80;
  }
  .z--xl-90 {
    z-index: 90;
  }
  .z--xl-top {
    z-index: 9999;
  }
}
@media (max-width: 991px) {
  .z--l-bottom {
    z-index: -1;
  }
  .z--l-0 {
    z-index: 0;
  }
  .z--l-10 {
    z-index: 10;
  }
  .z--l-20 {
    z-index: 20;
  }
  .z--l-30 {
    z-index: 30;
  }
  .z--l-40 {
    z-index: 40;
  }
  .z--l-50 {
    z-index: 50;
  }
  .z--l-60 {
    z-index: 60;
  }
  .z--l-70 {
    z-index: 70;
  }
  .z--l-80 {
    z-index: 80;
  }
  .z--l-90 {
    z-index: 90;
  }
  .z--l-top {
    z-index: 9999;
  }
}
@media (max-width: 767px) {
  .z--m-bottom {
    z-index: -1;
  }
  .z--m-0 {
    z-index: 0;
  }
  .z--m-10 {
    z-index: 10;
  }
  .z--m-20 {
    z-index: 20;
  }
  .z--m-30 {
    z-index: 30;
  }
  .z--m-40 {
    z-index: 40;
  }
  .z--m-50 {
    z-index: 50;
  }
  .z--m-60 {
    z-index: 60;
  }
  .z--m-70 {
    z-index: 70;
  }
  .z--m-80 {
    z-index: 80;
  }
  .z--m-90 {
    z-index: 90;
  }
  .z--m-top {
    z-index: 9999;
  }
}
@media (max-width: 479px) {
  .z--s-bottom {
    z-index: -1;
  }
  .z--s-0 {
    z-index: 0;
  }
  .z--s-10 {
    z-index: 10;
  }
  .z--s-20 {
    z-index: 20;
  }
  .z--s-30 {
    z-index: 30;
  }
  .z--s-40 {
    z-index: 40;
  }
  .z--s-50 {
    z-index: 50;
  }
  .z--s-60 {
    z-index: 60;
  }
  .z--s-70 {
    z-index: 70;
  }
  .z--s-80 {
    z-index: 80;
  }
  .z--s-90 {
    z-index: 90;
  }
  .z--s-top {
    z-index: 9999;
  }
}
.col-count--1 {
  -moz-column-count: 1;
  column-count: 1;
}
.col-count--2 {
  -moz-column-count: 2;
  column-count: 2;
}
.col-count--3 {
  -moz-column-count: 3;
  column-count: 3;
}
.col-count--4 {
  -moz-column-count: 4;
  column-count: 4;
}
.col-count--5 {
  -moz-column-count: 5;
  column-count: 5;
}
@media (max-width: 1599px) {
  .col-count--xl-1 {
    -moz-column-count: 1;
    column-count: 1;
  }
  .col-count--xl-2 {
    -moz-column-count: 2;
    column-count: 2;
  }
  .col-count--xl-3 {
    -moz-column-count: 3;
    column-count: 3;
  }
  .col-count--xl-4 {
    -moz-column-count: 4;
    column-count: 4;
  }
  .col-count--xl-5 {
    -moz-column-count: 5;
    column-count: 5;
  }
}
@media (max-width: 991px) {
  .col-count--l-1 {
    -moz-column-count: 1;
    column-count: 1;
  }
  .col-count--l-2 {
    -moz-column-count: 2;
    column-count: 2;
  }
  .col-count--l-3 {
    -moz-column-count: 3;
    column-count: 3;
  }
  .col-count--l-4 {
    -moz-column-count: 4;
    column-count: 4;
  }
  .col-count--l-5 {
    -moz-column-count: 5;
    column-count: 5;
  }
}
@media (max-width: 767px) {
  .col-count--m-1 {
    -moz-column-count: 1;
    column-count: 1;
  }
  .col-count--m-2 {
    -moz-column-count: 2;
    column-count: 2;
  }
  .col-count--m-3 {
    -moz-column-count: 3;
    column-count: 3;
  }
  .col-count--m-4 {
    -moz-column-count: 4;
    column-count: 4;
  }
  .col-count--m-5 {
    -moz-column-count: 5;
    column-count: 5;
  }
}
@media (max-width: 479px) {
  .col-count--s-1 {
    -moz-column-count: 1;
    column-count: 1;
  }
  .col-count--s-2 {
    -moz-column-count: 2;
    column-count: 2;
  }
  .col-count--s-3 {
    -moz-column-count: 3;
    column-count: 3;
  }
  .col-count--s-4 {
    -moz-column-count: 4;
    column-count: 4;
  }
  .col-count--s-5 {
    -moz-column-count: 5;
    column-count: 5;
  }
}
.col-width--s {
  width: 100%;
  -moz-column-width: 13rem;
  column-width: 13rem;
}
.col-width--m {
  width: 100%;
  -moz-column-width: 25rem;
  column-width: 25rem;
}
.col-width--l {
  width: 100%;
  -moz-column-width: 38rem;
  column-width: 38rem;
}
.col-gap--xs {
  -moz-column-gap: 1.896rem;
  column-gap: 1.896rem;
  -moz-column-gap: calc(0.8rem + (0.0888888889 * ((100vw - 32rem) / 128)));
  column-gap: calc(0.8rem + (0.0888888889 * ((100vw - 32rem) / 128)));
  -moz-column-gap: clamp(0.8rem, calc(0.0694444444vw + 0.7777777778rem), 0.8888888889rem);
  column-gap: clamp(0.8rem, calc(0.0694444444vw + 0.7777777778rem), 0.8888888889rem);
}
.col-gap--s {
  -moz-column-gap: 2.133rem;
  column-gap: 2.133rem;
  -moz-column-gap: calc(1.2rem + (0.1333333333 * ((100vw - 32rem) / 128)));
  column-gap: calc(1.2rem + (0.1333333333 * ((100vw - 32rem) / 128)));
  -moz-column-gap: clamp(1.2rem, calc(0.1041666667vw + 1.1666666667rem), 1.3333333333rem);
  column-gap: clamp(1.2rem, calc(0.1041666667vw + 1.1666666667rem), 1.3333333333rem);
}
.col-gap--m {
  -moz-column-gap: 2.4rem;
  column-gap: 2.4rem;
  -moz-column-gap: calc(1.8rem + (0.2 * ((100vw - 32rem) / 128)));
  column-gap: calc(1.8rem + (0.2 * ((100vw - 32rem) / 128)));
  -moz-column-gap: clamp(1.8rem, calc(0.15625vw + 1.75rem), 2rem);
  column-gap: clamp(1.8rem, calc(0.15625vw + 1.75rem), 2rem);
}
.col-gap--l {
  -moz-column-gap: 2.7rem;
  column-gap: 2.7rem;
  -moz-column-gap: calc(1.8rem + (1.2 * ((100vw - 32rem) / 128)));
  column-gap: calc(1.8rem + (1.2 * ((100vw - 32rem) / 128)));
  -moz-column-gap: clamp(1.8rem, calc(0.9375vw + 1.5rem), 3rem);
  column-gap: clamp(1.8rem, calc(0.9375vw + 1.5rem), 3rem);
}
.col-gap--xl {
  -moz-column-gap: 3.038rem;
  column-gap: 3.038rem;
  -moz-column-gap: calc(1.8rem + (2.7 * ((100vw - 32rem) / 128)));
  column-gap: calc(1.8rem + (2.7 * ((100vw - 32rem) / 128)));
  -moz-column-gap: clamp(1.8rem, calc(2.109375vw + 1.125rem), 4.5rem);
  column-gap: clamp(1.8rem, calc(2.109375vw + 1.125rem), 4.5rem);
}
.col-gap--xxl {
  -moz-column-gap: 3.42rem;
  column-gap: 3.42rem;
  -moz-column-gap: calc(1.8rem + (4.95 * ((100vw - 32rem) / 128)));
  column-gap: calc(1.8rem + (4.95 * ((100vw - 32rem) / 128)));
  -moz-column-gap: clamp(1.8rem, calc(3.8671875vw + 0.5625rem), 6.75rem);
  column-gap: clamp(1.8rem, calc(3.8671875vw + 0.5625rem), 6.75rem);
}
.col-rule--dotted {
  -moz-column-rule: dotted;
  column-rule: dotted;
}
.col-rule--dashed {
  -moz-column-rule: dashed;
  column-rule: dashed;
}
.col-rule--solid {
  -moz-column-rule: solid;
  column-rule: solid;
}
.col-rule--double {
  -moz-column-rule: double;
  column-rule: double;
}
.col-rule--groove {
  -moz-column-rule: groove;
  column-rule: groove;
}
.col-rule--ridge {
  -moz-column-rule: ridge;
  column-rule: ridge;
}
.col-rule--inset {
  -moz-column-rule: inset;
  column-rule: inset;
}
.col-rule--outset {
  -moz-column-rule: outset;
  column-rule: outset;
}
.col-rule--primary {
  -moz-column-rule-color: #755dfe;
  column-rule-color: #755dfe;
}
.col-rule--primary-hover {
  -moz-column-rule-color: #aca0ee;
  column-rule-color: #aca0ee;
}
.col-rule--primary-ultra-light {
  -moz-column-rule-color: #ece9fb;
  column-rule-color: #ece9fb;
}
.col-rule--primary-light {
  -moz-column-rule-color: #c6bef4;
  column-rule-color: #c6bef4;
}
.col-rule--primary-medium {
  -moz-column-rule-color: #4126d9;
  column-rule-color: #4126d9;
}
.col-rule--primary-dark {
  -moz-column-rule-color: #21136c;
  column-rule-color: #21136c;
}
.col-rule--primary-ultra-dark {
  -moz-column-rule-color: #0d082b;
  column-rule-color: #0d082b;
}
.col-rule--primary-comp {
  -moz-column-rule-color: #e6fe5d;
  column-rule-color: #e6fe5d;
}
.col-rule--secondary {
  -moz-column-rule-color: #01d2d5;
  column-rule-color: #01d2d5;
}
.col-rule--secondary-hover {
  -moz-column-rule-color: #678e8f;
  column-rule-color: #678e8f;
}
.col-rule--secondary-ultra-light {
  -moz-column-rule-color: #f0f4f4;
  column-rule-color: #f0f4f4;
}
.col-rule--secondary-light {
  -moz-column-rule-color: #d3dfdf;
  column-rule-color: #d3dfdf;
}
.col-rule--secondary-medium {
  -moz-column-rule-color: #6b9394;
  column-rule-color: #6b9394;
}
.col-rule--secondary-dark {
  -moz-column-rule-color: #364a4a;
  column-rule-color: #364a4a;
}
.col-rule--secondary-ultra-dark {
  -moz-column-rule-color: #151d1e;
  column-rule-color: #151d1e;
}
.col-rule--secondary-comp {
  -moz-column-rule-color: #d50501;
  column-rule-color: #d50501;
}
.col-rule--accent {
  -moz-column-rule-color: #60df26;
  column-rule-color: #60df26;
}
.col-rule--accent-hover {
  -moz-column-rule-color: #7bde4d;
  column-rule-color: #7bde4d;
}
.col-rule--accent-ultra-light {
  -moz-column-rule-color: #effbe9;
  column-rule-color: #effbe9;
}
.col-rule--accent-light {
  -moz-column-rule-color: #cff3be;
  column-rule-color: #cff3be;
}
.col-rule--accent-medium {
  -moz-column-rule-color: #5fd728;
  column-rule-color: #5fd728;
}
.col-rule--accent-dark {
  -moz-column-rule-color: #306c14;
  column-rule-color: #306c14;
}
.col-rule--accent-ultra-dark {
  -moz-column-rule-color: #132b08;
  column-rule-color: #132b08;
}
.col-rule--accent-comp {
  -moz-column-rule-color: #a426df;
  column-rule-color: #a426df;
}
.col-rule--base {
  -moz-column-rule-color: #3f24b7;
  column-rule-color: #3f24b7;
}
.col-rule--base-hover {
  -moz-column-rule-color: #6151ab;
  column-rule-color: #6151ab;
}
.col-rule--base-ultra-light {
  -moz-column-rule-color: #efeef7;
  column-rule-color: #efeef7;
}
.col-rule--base-light {
  -moz-column-rule-color: #d0cbe7;
  column-rule-color: #d0cbe7;
}
.col-rule--base-medium {
  -moz-column-rule-color: #6252ad;
  column-rule-color: #6252ad;
}
.col-rule--base-dark {
  -moz-column-rule-color: #312957;
  column-rule-color: #312957;
}
.col-rule--base-ultra-dark {
  -moz-column-rule-color: #141023;
  column-rule-color: #141023;
}
.col-rule--base-comp {
  -moz-column-rule-color: #9cb724;
  column-rule-color: #9cb724;
}
.col-rule--white {
  -moz-column-rule-color: #fff;
  column-rule-color: #fff;
}
.col-rule--black {
  -moz-column-rule-color: #000;
  column-rule-color: #000;
}
.col-rule--shade {
  -moz-column-rule-color: #292929;
  column-rule-color: #292929;
}
.col-rule--shade-hover {
  -moz-column-rule-color: #2f2f2f;
  column-rule-color: #2f2f2f;
}
.col-rule--shade-ultra-light {
  -moz-column-rule-color: #f2f2f2;
  column-rule-color: #f2f2f2;
}
.col-rule--shade-light {
  -moz-column-rule-color: #d9d9d9;
  column-rule-color: #d9d9d9;
}
.col-rule--shade-medium {
  -moz-column-rule-color: gray;
  column-rule-color: gray;
}
.col-rule--shade-dark {
  -moz-column-rule-color: #404040;
  column-rule-color: #404040;
}
.col-rule--shade-ultra-dark {
  -moz-column-rule-color: #1a1a1a;
  column-rule-color: #1a1a1a;
}
.col-rule--shade-comp {
  -moz-column-rule-color: #292929;
  column-rule-color: #292929;
}
.col-rule--s {
  -moz-column-rule-width: 0.1em;
  column-rule-width: 0.1em;
}
.col-rule--m {
  -moz-column-rule-width: 0.3em;
  column-rule-width: 0.3em;
}
.col-rule--l {
  -moz-column-rule-width: 0.5em;
  column-rule-width: 0.5em;
}
.col-span--all {
  -moz-column-span: all;
  column-span: all;
}
.marker--primary li::marker {
  color: #755dfe;
}
.marker--primary-hover li::marker {
  color: #aca0ee;
}
.marker--primary-ultra-light li::marker {
  color: #ece9fb;
}
.marker--primary-light li::marker {
  color: #c6bef4;
}
.marker--primary-medium li::marker {
  color: #4126d9;
}
.marker--primary-dark li::marker {
  color: #21136c;
}
.marker--primary-ultra-dark li::marker {
  color: #0d082b;
}
.marker--primary-comp li::marker {
  color: #e6fe5d;
}
.marker--secondary li::marker {
  color: #01d2d5;
}
.marker--secondary-hover li::marker {
  color: #678e8f;
}
.marker--secondary-ultra-light li::marker {
  color: #f0f4f4;
}
.marker--secondary-light li::marker {
  color: #d3dfdf;
}
.marker--secondary-medium li::marker {
  color: #6b9394;
}
.marker--secondary-dark li::marker {
  color: #364a4a;
}
.marker--secondary-ultra-dark li::marker {
  color: #151d1e;
}
.marker--secondary-comp li::marker {
  color: #d50501;
}
.marker--accent li::marker {
  color: #60df26;
}
.marker--accent-hover li::marker {
  color: #7bde4d;
}
.marker--accent-ultra-light li::marker {
  color: #effbe9;
}
.marker--accent-light li::marker {
  color: #cff3be;
}
.marker--accent-medium li::marker {
  color: #5fd728;
}
.marker--accent-dark li::marker {
  color: #306c14;
}
.marker--accent-ultra-dark li::marker {
  color: #132b08;
}
.marker--accent-comp li::marker {
  color: #a426df;
}
.marker--base li::marker {
  color: #3f24b7;
}
.marker--base-hover li::marker {
  color: #6151ab;
}
.marker--base-ultra-light li::marker {
  color: #efeef7;
}
.marker--base-light li::marker {
  color: #d0cbe7;
}
.marker--base-medium li::marker {
  color: #6252ad;
}
.marker--base-dark li::marker {
  color: #312957;
}
.marker--base-ultra-dark li::marker {
  color: #141023;
}
.marker--base-comp li::marker {
  color: #9cb724;
}
.marker--white li::marker {
  color: #fff;
}
.marker--black li::marker {
  color: #000;
}
.marker--shade li::marker {
  color: #292929;
}
.marker--shade-hover li::marker {
  color: #2f2f2f;
}
.marker--shade-ultra-light li::marker {
  color: #f2f2f2;
}
.marker--shade-light li::marker {
  color: #d9d9d9;
}
.marker--shade-medium li::marker {
  color: gray;
}
.marker--shade-dark li::marker {
  color: #404040;
}
.marker--shade-ultra-dark li::marker {
  color: #1a1a1a;
}
.marker--shade-comp li::marker {
  color: #292929;
}
ul.list--none, .list--none > ul {
  list-style: none;
  padding-left: 0;
}
.display--inline {
  display: inline;
}
.display--block {
  display: block;
}
.display--contents {
  display: contents;
}
.display--inline-block {
  display: inline-block;
}
.display--inline-flex {
  display: inline-flex;
}
.display--list-item {
  display: list-item;
}
.display--none {
  display: none;
}
@media (max-width: 1599px) {
  .display--xl-block {
    display: block;
  }
  .display--xl-none {
    display: none;
  }
}
@media (max-width: 991px) {
  .display--l-block {
    display: block;
  }
  .display--l-none {
    display: none;
  }
}
@media (max-width: 767px) {
  .display--m-block {
    display: block;
  }
  .display--m-none {
    display: none;
  }
}
@media (max-width: 479px) {
  .display--s-block {
    display: block;
  }
  .display--s-none {
    display: none;
  }
}
.visibility--hidden {
  visibility: hidden;
}
.visibility--visible {
  visibility: visible;
}
@media (max-width: 1599px) {
  .visibility--xl-hidden {
    visibility: hidden;
  }
  .visibility--xl-visible {
    visibility: visible;
  }
}
@media (max-width: 991px) {
  .visibility--l-hidden {
    visibility: hidden;
  }
  .visibility--l-visible {
    visibility: visible;
  }
}
@media (max-width: 767px) {
  .visibility--m-hidden {
    visibility: hidden;
  }
  .visibility--m-visible {
    visibility: visible;
  }
}
@media (max-width: 479px) {
  .visibility--s-hidden {
    visibility: hidden;
  }
  .visibility--s-visible {
    visibility: visible;
  }
}
@supports (font-size: calc(1vw + 2vw)) {
  :root {
    --text-xs: calc(0.9004501688rem + (0.1125562711 * ((100vw - 32rem) / 128)));
    --text-s: calc(1.200300075rem + (0.1500375094 * ((100vw - 32rem) / 128)));
    --text-m: calc(1.6rem + (0.2 * ((100vw - 32rem) / 128)));
    --text-l: calc(2rem + (0.3994 * ((100vw - 32rem) / 128)));
    --text-xl: calc(2.5rem + (0.6984002 * ((100vw - 32rem) / 128)));
    --text-xxl: calc(3.125rem + (1.1384674666 * ((100vw - 32rem) / 128)));
    --h6: calc(1.1rem + (-0.0869935601 * ((100vw - 32rem) / 128)));
    --h5: calc(1.2rem + (0.1503375844 * ((100vw - 32rem) / 128)));
    --h4: calc(1.6rem + (0.2 * ((100vw - 32rem) / 128)));
    --h3: calc(1.92rem + (0.4794 * ((100vw - 32rem) / 128)));
    --h2: calc(2.304rem + (0.8944002 * ((100vw - 32rem) / 128)));
    --h1: calc(2.7648rem + (1.4986674666 * ((100vw - 32rem) / 128)));
  }
  @media (min-width: 1599px) {
    :root {
      --text-xs: 1.0130064399rem;
      --text-s: 1.3503375844rem;
      --text-m: 1.8rem;
      --text-l: 2.3994rem;
      --text-xl: 3.1984002rem;
      --text-xxl: 4.2634674666rem;
      --h6: 1.0130064399rem;
      --h5: 1.3503375844rem;
      --h4: 1.8rem;
      --h3: 2.3994rem;
      --h2: 3.1984002rem;
      --h1: 4.2634674666rem;
    }
  }
}
@supports (font-size: clamp(1vw, 2vw, 3vw)) {
  :root {
    --text-xs: clamp(0.9004501688rem, calc(0.0879345868vw + 0.872311101rem), 1.0130064399rem);
    --text-s: clamp(1.200300075rem, calc(0.1172168042vw + 1.1627906977rem), 1.3503375844rem);
    --text-m: clamp(1.6rem, calc(0.15625vw + 1.55rem), 1.8rem);
    --text-l: clamp(2rem, calc(0.31203125vw + 1.90015rem), 2.3994rem);
    --text-xl: clamp(2.5rem, calc(0.5456251563vw + 2.32539995rem), 3.1984002rem);
    --text-xxl: clamp(3.125rem, calc(0.8894277083vw + 2.8403831334rem), 4.2634674666rem);
    --h6: clamp(1.1rem, calc(-0.0679637188vw + 1.12174839rem), 1.0130064399rem);
    --h5: clamp(1.2rem, calc(0.1174512378vw + 1.1624156039rem), 1.3503375844rem);
    --h4: clamp(1.6rem, calc(0.15625vw + 1.55rem), 1.8rem);
    --h3: clamp(1.92rem, calc(0.37453125vw + 1.80015rem), 2.3994rem);
    --h2: clamp(2.304rem, calc(0.6987501563vw + 2.08039995rem), 3.1984002rem);
    --h1: clamp(2.7648rem, calc(1.1708339583vw + 2.3901331334rem), 4.2634674666rem);
  }
}
@supports (padding: calc(1vw + 2vw)) {
  :root {
    --space-xs: calc(0.8rem + (0.0888888889 * ((100vw - 32rem) / 128)));
    --space-s: calc(1.2rem + (0.1333333333 * ((100vw - 32rem) / 128)));
    --space-m: calc(1.8rem + (0.2 * ((100vw - 32rem) / 128)));
    --space-l: calc(1.8rem + (1.2 * ((100vw - 32rem) / 128)));
    --space-xl: calc(1.8rem + (2.7 * ((100vw - 32rem) / 128)));
    --space-xxl: calc(1.8rem + (4.95 * ((100vw - 32rem) / 128)));
    --section-space-xs: calc(2.4rem + (1.1555555556 * ((100vw - 32rem) / 128)));
    --section-space-s: calc(3.6rem + (1.7333333333 * ((100vw - 32rem) / 128)));
    --section-space-m: calc(5.4rem + (2.6 * ((100vw - 32rem) / 128)));
    --section-space-l: calc(5.4rem + (6.6 * ((100vw - 32rem) / 128)));
    --section-space-xl: calc(5.4rem + (12.6 * ((100vw - 32rem) / 128)));
    --section-space-xxl: calc(5.4rem + (21.6 * ((100vw - 32rem) / 128)));
    --section-padding-x: calc(2.4rem + (0.6 * ((100vw - 32rem) / 128)));
  }
  @media (min-width: 1599px) {
    :root {
      --space-xs: 0.8888888889rem;
      --space-s: 1.3333333333rem;
      --space-m: 2rem;
      --space-l: 3rem;
      --space-xl: 4.5rem;
      --space-xxl: 6.75rem;
      --section-space-xs: 3.5555555556rem;
      --section-space-s: 5.3333333333rem;
      --section-space-m: 8rem;
      --section-space-l: 12rem;
      --section-space-xl: 18rem;
      --section-space-xxl: 27rem;
      --section-padding-x: 3rem;
    }
  }
}
@supports (padding: clamp(1vw, 2vw, 3vw)) {
  :root {
    --space-xs: clamp(0.8rem, calc(0.0694444444vw + 0.7777777778rem), 0.8888888889rem);
    --space-s: clamp(1.2rem, calc(0.1041666667vw + 1.1666666667rem), 1.3333333333rem);
    --space-m: clamp(1.8rem, calc(0.15625vw + 1.75rem), 2rem);
    --space-l: clamp(1.8rem, calc(0.9375vw + 1.5rem), 3rem);
    --space-xl: clamp(1.8rem, calc(2.109375vw + 1.125rem), 4.5rem);
    --space-xxl: clamp(1.8rem, calc(3.8671875vw + 0.5625rem), 6.75rem);
    --section-space-xs: clamp(2.4rem, calc(0.9027777778vw + 2.1111111111rem), 3.5555555556rem);
    --section-space-s: clamp(3.6rem, calc(1.3541666667vw + 3.1666666667rem), 5.3333333333rem);
    --section-space-m: clamp(5.4rem, calc(2.03125vw + 4.75rem), 8rem);
    --section-space-l: clamp(5.4rem, calc(5.15625vw + 3.75rem), 12rem);
    --section-space-xl: clamp(5.4rem, calc(9.84375vw + 2.25rem), 18rem);
    --section-space-xxl: clamp(5.4rem, calc(16.875vw + 0rem), 27rem);
    --section-padding-x: clamp(2.4rem, calc(0.46875vw + 2.25rem), 3rem);
  }
}
:root {
  --fr-bg-light: var(--shade-ultra-light);
  --fr-bg-dark: var(--shade-ultra-dark);
  --fr-text-light: var(--shade-ultra-light);
  --fr-text-dark: var(--shade-ultra-dark);
  --fr-card-padding: var(--space-m);
  --fr-card-gap: var(--space-s);
  --fr-card-border-size: 0.15rem;
  --fr-card-border-color: var(--shade-light);
  --fr-card-border-style: solid;
  --fr-card-radius: var(--radius-xs);
  --fr-card-avatar-radius: 50%;
  --fr-content-gap: var(--space-s);
  --fr-grid-gap: var(--space-l);
  --fr-container-gap: var(--space-l);
  --fr-lede-width: 60ch;
  --fr-list-pad-y: 0.75em;
  --fr-list-pad-x: 1.25em;
  --fr-hero-padding: var(--section-space-xl);
}