/*!**************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/styles/scss/global.scss ***!
  \**************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);
/*!******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/styles/scss/global.scss (1) ***!
  \******************************************************************************************************************************************************/
@charset "UTF-8";
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
/* stylelint-disable value-keyword-case */
/* stylelint-disable enable-keyword-case */
*,
*::after,
*::before {
  box-sizing: border-box;
  text-decoration: none;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  -webkit-padding-end: 0;
  padding-inline-end: 0;
  -webkit-padding-before: 0;
  padding-block-start: 0;
  -webkit-padding-after: 0;
  padding-block-end: 0;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
}
*:visited,
*::after:visited,
*::before:visited {
  color: inherit;
}

html,
body {
  min-height: 100%;
  overflow-x: hidden;
  overflow-x: clip;
}

html {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1em;
  font-weight: 400;
}

body {
  margin: 0;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1rem;
}

img {
  max-width: 100%;
}

img,
button {
  user-select: none;
}

img,
video,
figure,
picture,
label,
embed,
ul,
li {
  display: block;
}

img,
video,
figure,
picture,
canvas,
svg {
  height: auto;
  max-width: 100%;
}

fieldset {
  border: none;
  padding: 0;
}

a {
  cursor: pointer;
  transition: all 0.2s ease;
}
a:hover {
  transition: all 0.2s ease;
}

nav ul {
  list-style-type: none;
}

iframe {
  border: none;
  color-scheme: normal;
}

q {
  quotes: "“" "”" "‘" "’";
}
q::before {
  content: open-quote;
}
q::after {
  content: close-quote;
}

figure,
picture {
  overflow: hidden;
  position: relative;
}

pre {
  margin: 0;
}

button {
  appearance: none;
  align-items: unset;
  background-color: transparent;
  margin: unset;
  padding: unset;
  border: none;
  font: unset;
  font-size: inherit;
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
}
button:hover {
  cursor: pointer;
}

html {
  background-color: #fff;
}
html.open .responsiveNav {
  display: block;
}
html.overflow-hidden {
  overflow: hidden;
}

a {
  text-decoration: underline;
  text-decoration-thickness: 0.05em;
  text-underline-offset: 0.25em;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
@media (min-width: 768px) {
  h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    letter-spacing: -0.02em;
  }
}

h1,
.h1 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      2.24rem +
        (86.016 - 35.84) *
        ((100vw - 320px) / (768 - 320))
    );
}
@media (min-width: 768px) {
  h1,
.h1 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  h1,
.h1 {
    font-size: 2.24rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  h1,
.h1 {
    font-size: 2.24rem;
  }
}
@media (min-width: 768px) {
  h1,
.h1 {
    font-size: 3.1111111111rem;
  }
}
@media (min-width: 1024px) {
  h1,
.h1 {
    font-size: calc(
      3.1111111111rem +
        (70 - 49.7777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  h1,
.h1 {
    font-size: 4.375rem;
  }
}

h2,
.h2 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      2.0266666667rem +
        (77.824 - 32.4266666667) *
        ((100vw - 320px) / (768 - 320))
    );
}
@media (min-width: 768px) {
  h2,
.h2 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  h2,
.h2 {
    font-size: 2.0266666667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  h2,
.h2 {
    font-size: 2.0266666667rem;
  }
}
@media (min-width: 768px) {
  h2,
.h2 {
    font-size: 2.8444444444rem;
  }
}
@media (min-width: 1024px) {
  h2,
.h2 {
    font-size: calc(
      2.8444444444rem +
        (64 - 45.5111111111) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  h2,
.h2 {
    font-size: 4rem;
  }
}
@media (min-width: 768px) {
  h2,
.h2 {
    line-height: 110%;
  }
}

h3,
.h3 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      1.7066666667rem +
        (65.536 - 27.3066666667) *
        ((100vw - 320px) / (768 - 320))
    );
}
@media (min-width: 768px) {
  h3,
.h3 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  h3,
.h3 {
    font-size: 1.7066666667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  h3,
.h3 {
    font-size: 1.7066666667rem;
  }
}
@media (min-width: 768px) {
  h3,
.h3 {
    font-size: 2.0444444444rem;
  }
}
@media (min-width: 1024px) {
  h3,
.h3 {
    font-size: calc(
      2.0444444444rem +
        (46 - 32.7111111111) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  h3,
.h3 {
    font-size: 2.875rem;
  }
}
@media (min-width: 768px) {
  h3,
.h3 {
    line-height: 110%;
  }
}

h4,
.h4 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      1.28rem +
        (49.152 - 20.48) *
        ((100vw - 320px) / (768 - 320))
    );
}
@media (min-width: 768px) {
  h4,
.h4 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  h4,
.h4 {
    font-size: 1.28rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  h4,
.h4 {
    font-size: 1.28rem;
  }
}
@media (min-width: 768px) {
  h4,
.h4 {
    font-size: 1.4222222222rem;
  }
}
@media (min-width: 1024px) {
  h4,
.h4 {
    font-size: calc(
      1.4222222222rem +
        (32 - 22.7555555556) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  h4,
.h4 {
    font-size: 2rem;
  }
}
@media (min-width: 768px) {
  h4,
.h4 {
    line-height: 110%;
  }
}

h5,
.h5 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      1.0666666667rem +
        (40.96 - 17.0666666667) *
        ((100vw - 320px) / (768 - 320))
    );
  font-weight: 700;
}
@media (min-width: 768px) {
  h5,
.h5 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  h5,
.h5 {
    font-size: 1.0666666667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  h5,
.h5 {
    font-size: 1.0666666667rem;
  }
}
@media (min-width: 768px) {
  h5,
.h5 {
    font-size: 1.1555555556rem;
  }
}
@media (min-width: 1024px) {
  h5,
.h5 {
    font-size: calc(
      1.1555555556rem +
        (26 - 18.4888888889) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  h5,
.h5 {
    font-size: 1.625rem;
  }
}
@media (min-width: 768px) {
  h5,
.h5 {
    line-height: 110%;
  }
}

h6,
.h6 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      0.9066666667rem +
        (34.816 - 14.5066666667) *
        ((100vw - 320px) / (768 - 320))
    );
  line-height: 105%;
  font-weight: 700;
}
@media (min-width: 768px) {
  h6,
.h6 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  h6,
.h6 {
    font-size: 0.9066666667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  h6,
.h6 {
    font-size: 0.9066666667rem;
  }
}
@media (min-width: 768px) {
  h6,
.h6 {
    font-size: 0.9777777778rem;
  }
}
@media (min-width: 1024px) {
  h6,
.h6 {
    font-size: calc(
      0.9777777778rem +
        (22 - 15.6444444444) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  h6,
.h6 {
    font-size: 1.375rem;
  }
}
@media (min-width: 768px) {
  h6,
.h6 {
    line-height: 110%;
  }
}

p,
.p {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #333747;
  font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875009375rem;
}
@media (max-width: 320px) {
  p,
.p {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  p,
.p {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  p,
.p {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  p,
.p {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  p,
.p {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  p,
.p {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  p,
.p {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  p,
.p {
    font-size: 1rem;
  }
}
p strong,
.p strong {
  font-weight: 600;
}
p.fontColor--boltBlack,
.p.fontColor--boltBlack {
  color: #020a18;
}
p.fontColor--white,
.p.fontColor--white {
  color: #fff;
}
p.fontColor--gray_200,
.p.fontColor--gray_200 {
  color: #333747;
}
p.fontColor--gray_400,
.p.fontColor--gray_400 {
  color: #696d80;
}
p.fontColor--gray_600,
.p.fontColor--gray_600 {
  color: #b6bbcf;
}
p.fontColor--gray_700,
.p.fontColor--gray_700 {
  color: #d6d6e1;
}
p.fontColor--gray_800,
.p.fontColor--gray_800 {
  color: #e9ebf7;
}
p.fontColor--lightningYellow,
.p.fontColor--lightningYellow {
  color: #68d8fc;
}
p.fontColor--lightningYellowDark,
.p.fontColor--lightningYellowDark {
  color: #68d8fc;
}
p.fontColor--blue,
.p.fontColor--blue {
  color: #006dff;
}
p.fontColor--blue--light-secondary,
.p.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
p.fontColor--green,
.p.fontColor--green {
  color: #00c42e;
}
p.fontColor--pink,
.p.fontColor--pink {
  color: #ff76f2;
}
p.fontColor--purple,
.p.fontColor--purple {
  color: #9a4eff;
}

.p--xxs {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #333747;
  font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875009375rem;
  font-size: calc(
      0.5333333333rem +
        (20.48 - 8.5333333333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.625rem;
  font-weight: 400;
}
@media (max-width: 320px) {
  .p--xxs {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--xxs {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--xxs {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--xxs {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  .p--xxs {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  .p--xxs {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--xxs {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--xxs {
    font-size: 1rem;
  }
}
.p--xxs strong {
  font-weight: 600;
}
.p--xxs.fontColor--boltBlack {
  color: #020a18;
}
.p--xxs.fontColor--white {
  color: #fff;
}
.p--xxs.fontColor--gray_200 {
  color: #333747;
}
.p--xxs.fontColor--gray_400 {
  color: #696d80;
}
.p--xxs.fontColor--gray_600 {
  color: #b6bbcf;
}
.p--xxs.fontColor--gray_700 {
  color: #d6d6e1;
}
.p--xxs.fontColor--gray_800 {
  color: #e9ebf7;
}
.p--xxs.fontColor--lightningYellow {
  color: #68d8fc;
}
.p--xxs.fontColor--lightningYellowDark {
  color: #68d8fc;
}
.p--xxs.fontColor--blue {
  color: #006dff;
}
.p--xxs.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
.p--xxs.fontColor--green {
  color: #00c42e;
}
.p--xxs.fontColor--pink {
  color: #ff76f2;
}
.p--xxs.fontColor--purple {
  color: #9a4eff;
}
@media (max-width: 320px) {
  .p--xxs {
    font-size: 0.5333333333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--xxs {
    font-size: 0.625rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--xxs {
    font-size: calc(
      0.625rem +
        (20.48 - 10) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--xxs {
    font-size: 0.625rem;
  }
}
@media (min-width: 768px) {
  .p--xxs {
    font-size: 0.625rem;
  }
}
@media (min-width: 1024px) {
  .p--xxs {
    font-size: calc(
      0.4444444444rem +
        (10 - 7.1111111111) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--xxs {
    font-size: calc(
      0.625rem +
        (10 - 10) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--xxs {
    font-size: 0.625rem;
  }
}
.p--xs {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #333747;
  font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875009375rem;
  font-size: calc(
      0.64rem +
        (24.576 - 10.24) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.75rem;
  font-weight: 400;
}
@media (max-width: 320px) {
  .p--xs {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--xs {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--xs {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--xs {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  .p--xs {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  .p--xs {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--xs {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--xs {
    font-size: 1rem;
  }
}
.p--xs strong {
  font-weight: 600;
}
.p--xs.fontColor--boltBlack {
  color: #020a18;
}
.p--xs.fontColor--white {
  color: #fff;
}
.p--xs.fontColor--gray_200 {
  color: #333747;
}
.p--xs.fontColor--gray_400 {
  color: #696d80;
}
.p--xs.fontColor--gray_600 {
  color: #b6bbcf;
}
.p--xs.fontColor--gray_700 {
  color: #d6d6e1;
}
.p--xs.fontColor--gray_800 {
  color: #e9ebf7;
}
.p--xs.fontColor--lightningYellow {
  color: #68d8fc;
}
.p--xs.fontColor--lightningYellowDark {
  color: #68d8fc;
}
.p--xs.fontColor--blue {
  color: #006dff;
}
.p--xs.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
.p--xs.fontColor--green {
  color: #00c42e;
}
.p--xs.fontColor--pink {
  color: #ff76f2;
}
.p--xs.fontColor--purple {
  color: #9a4eff;
}
@media (max-width: 320px) {
  .p--xs {
    font-size: 0.64rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--xs {
    font-size: 0.75rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--xs {
    font-size: calc(
      0.75rem +
        (24.576 - 12) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--xs {
    font-size: 0.75rem;
  }
}
@media (min-width: 768px) {
  .p--xs {
    font-size: 0.75rem;
  }
}
@media (min-width: 1024px) {
  .p--xs {
    font-size: calc(
      0.5333333333rem +
        (12 - 8.5333333333) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--xs {
    font-size: calc(
      0.75rem +
        (12 - 12) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--xs {
    font-size: 0.75rem;
  }
}
.p--sm {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #333747;
  font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875009375rem;
  font-size: calc(
      0.6737066667rem +
        (25.870336 - 10.7793066667) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.750025rem;
}
@media (max-width: 320px) {
  .p--sm {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--sm {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--sm {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--sm {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  .p--sm {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  .p--sm {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--sm {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--sm {
    font-size: 1rem;
  }
}
.p--sm strong {
  font-weight: 600;
}
.p--sm.fontColor--boltBlack {
  color: #020a18;
}
.p--sm.fontColor--white {
  color: #fff;
}
.p--sm.fontColor--gray_200 {
  color: #333747;
}
.p--sm.fontColor--gray_400 {
  color: #696d80;
}
.p--sm.fontColor--gray_600 {
  color: #b6bbcf;
}
.p--sm.fontColor--gray_700 {
  color: #d6d6e1;
}
.p--sm.fontColor--gray_800 {
  color: #e9ebf7;
}
.p--sm.fontColor--lightningYellow {
  color: #68d8fc;
}
.p--sm.fontColor--lightningYellowDark {
  color: #68d8fc;
}
.p--sm.fontColor--blue {
  color: #006dff;
}
.p--sm.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
.p--sm.fontColor--green {
  color: #00c42e;
}
.p--sm.fontColor--pink {
  color: #ff76f2;
}
.p--sm.fontColor--purple {
  color: #9a4eff;
}
@media (max-width: 320px) {
  .p--sm {
    font-size: 0.6737066667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--sm {
    font-size: 0.750025rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--sm {
    font-size: calc(
      0.750025rem +
        (25.870336 - 12.0004) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--sm {
    font-size: 0.750025rem;
  }
}
@media (min-width: 768px) {
  .p--sm {
    font-size: 0.83125rem;
  }
}
@media (min-width: 1024px) {
  .p--sm {
    font-size: calc(
      0.6222222222rem +
        (14 - 9.9555555556) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--sm {
    font-size: calc(
      0.83125rem +
        (14 - 13.3) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--sm {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .p--sm {
    font-weight: 400;
  }
}
.p--lg {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #333747;
  font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875009375rem;
  font-size: calc(
      0.8533333333rem +
        (32.768 - 13.6533333333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 1rem;
}
@media (max-width: 320px) {
  .p--lg {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--lg {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--lg {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--lg {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  .p--lg {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  .p--lg {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--lg {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--lg {
    font-size: 1rem;
  }
}
.p--lg strong {
  font-weight: 600;
}
.p--lg.fontColor--boltBlack {
  color: #020a18;
}
.p--lg.fontColor--white {
  color: #fff;
}
.p--lg.fontColor--gray_200 {
  color: #333747;
}
.p--lg.fontColor--gray_400 {
  color: #696d80;
}
.p--lg.fontColor--gray_600 {
  color: #b6bbcf;
}
.p--lg.fontColor--gray_700 {
  color: #d6d6e1;
}
.p--lg.fontColor--gray_800 {
  color: #e9ebf7;
}
.p--lg.fontColor--lightningYellow {
  color: #68d8fc;
}
.p--lg.fontColor--lightningYellowDark {
  color: #68d8fc;
}
.p--lg.fontColor--blue {
  color: #006dff;
}
.p--lg.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
.p--lg.fontColor--green {
  color: #00c42e;
}
.p--lg.fontColor--pink {
  color: #ff76f2;
}
.p--lg.fontColor--purple {
  color: #9a4eff;
}
@media (max-width: 320px) {
  .p--lg {
    font-size: 0.8533333333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--lg {
    font-size: 1rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--lg {
    font-size: calc(
      1rem +
        (32.768 - 16) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--lg {
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .p--lg {
    font-size: 1.125rem;
  }
}
@media (min-width: 1024px) {
  .p--lg {
    font-size: calc(
      0.8rem +
        (18 - 12.8) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--lg {
    font-size: calc(
      1.125rem +
        (18 - 18) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--lg {
    font-size: 1.125rem;
  }
}
@media (min-width: 768px) {
  .p--lg {
    line-height: 120%;
  }
}
.p--xl {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #333747;
  font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875009375rem;
  font-size: calc(
      0.96rem +
        (36.864 - 15.36) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 1.125rem;
}
@media (max-width: 320px) {
  .p--xl {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--xl {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--xl {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--xl {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  .p--xl {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  .p--xl {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--xl {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--xl {
    font-size: 1rem;
  }
}
.p--xl strong {
  font-weight: 600;
}
.p--xl.fontColor--boltBlack {
  color: #020a18;
}
.p--xl.fontColor--white {
  color: #fff;
}
.p--xl.fontColor--gray_200 {
  color: #333747;
}
.p--xl.fontColor--gray_400 {
  color: #696d80;
}
.p--xl.fontColor--gray_600 {
  color: #b6bbcf;
}
.p--xl.fontColor--gray_700 {
  color: #d6d6e1;
}
.p--xl.fontColor--gray_800 {
  color: #e9ebf7;
}
.p--xl.fontColor--lightningYellow {
  color: #68d8fc;
}
.p--xl.fontColor--lightningYellowDark {
  color: #68d8fc;
}
.p--xl.fontColor--blue {
  color: #006dff;
}
.p--xl.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
.p--xl.fontColor--green {
  color: #00c42e;
}
.p--xl.fontColor--pink {
  color: #ff76f2;
}
.p--xl.fontColor--purple {
  color: #9a4eff;
}
@media (max-width: 320px) {
  .p--xl {
    font-size: 0.96rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--xl {
    font-size: 1.125rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--xl {
    font-size: calc(
      1.125rem +
        (36.864 - 18) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--xl {
    font-size: 1.125rem;
  }
}
@media (min-width: 768px) {
  .p--xl {
    font-size: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .p--xl {
    font-size: calc(
      0.8888888889rem +
        (20 - 14.2222222222) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--xl {
    font-size: calc(
      1.25rem +
        (20 - 20) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--xl {
    font-size: 1.25rem;
  }
}
@media (min-width: 768px) {
  .p--xl {
    line-height: 120%;
  }
}
.p--xxl {
  font-size: calc(
      1.0666666667rem +
        (40.96 - 17.0666666667) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 1.25rem;
}
@media (max-width: 320px) {
  .p--xxl {
    font-size: 1.0666666667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--xxl {
    font-size: 1.25rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--xxl {
    font-size: calc(
      1.25rem +
        (40.96 - 20) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--xxl {
    font-size: 1.25rem;
  }
}
@media (min-width: 768px) {
  .p--xxl {
    font-size: 1.375rem;
  }
}
@media (min-width: 1024px) {
  .p--xxl {
    font-size: calc(
      0.9777777778rem +
        (22 - 15.6444444444) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--xxl {
    font-size: calc(
      1.375rem +
        (22 - 22) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--xxl {
    font-size: 1.375rem;
  }
}

.screenReaderOnly {
  position: absolute;
  overflow: hidden;
  top: auto;
  left: -10000px;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
}

.resizeTransitionStopper .responsiveNav,
.resizeTransitionStopper .responsiveNav .nav {
  transition: none !important;
}

@media print {
  #__next > *:not(main) {
    display: none;
  }
  html,
body,
#__next {
    height: auto;
    overflow-y: scroll;
  }
  html body {
    position: unset;
    top: unset;
    left: unset;
    bottom: unset;
    right: unset;
  }
  html body > *:not(#__next) {
    display: none;
  }
}
*,
*::after,
*::before {
  box-sizing: border-box;
  text-decoration: none;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  -webkit-padding-end: 0;
  padding-inline-end: 0;
  -webkit-padding-before: 0;
  padding-block-start: 0;
  -webkit-padding-after: 0;
  padding-block-end: 0;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
}
*:visited,
*::after:visited,
*::before:visited {
  color: inherit;
}

html,
body {
  min-height: 100%;
  overflow-x: hidden;
  overflow-x: clip;
}

html {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1em;
  font-weight: 400;
}

body {
  margin: 0;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1rem;
}

img {
  max-width: 100%;
}

img,
button {
  user-select: none;
}

img,
video,
figure,
picture,
label,
embed,
ul,
li {
  display: block;
}

img,
video,
figure,
picture,
canvas,
svg {
  height: auto;
  max-width: 100%;
}

fieldset {
  border: none;
  padding: 0;
}

a {
  cursor: pointer;
  transition: all 0.2s ease;
}
a:hover {
  transition: all 0.2s ease;
}

nav ul {
  list-style-type: none;
}

iframe {
  border: none;
  color-scheme: normal;
}

q {
  quotes: "“" "”" "‘" "’";
}
q::before {
  content: open-quote;
}
q::after {
  content: close-quote;
}

figure,
picture {
  overflow: hidden;
  position: relative;
}

pre {
  margin: 0;
}

button {
  appearance: none;
  align-items: unset;
  background-color: transparent;
  margin: unset;
  padding: unset;
  border: none;
  font: unset;
  font-size: inherit;
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
}
button:hover {
  cursor: pointer;
}

html {
  background-color: #fff;
}
html.open .responsiveNav {
  display: block;
}
html.overflow-hidden {
  overflow: hidden;
}

a {
  text-decoration: underline;
  text-decoration-thickness: 0.05em;
  text-underline-offset: 0.25em;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
@media (min-width: 768px) {
  h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    letter-spacing: -0.02em;
  }
}

h1,
.h1 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      2.24rem +
        (86.016 - 35.84) *
        ((100vw - 320px) / (768 - 320))
    );
}
@media (min-width: 768px) {
  h1,
.h1 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  h1,
.h1 {
    font-size: 2.24rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  h1,
.h1 {
    font-size: 2.24rem;
  }
}
@media (min-width: 768px) {
  h1,
.h1 {
    font-size: 3.1111111111rem;
  }
}
@media (min-width: 1024px) {
  h1,
.h1 {
    font-size: calc(
      3.1111111111rem +
        (70 - 49.7777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  h1,
.h1 {
    font-size: 4.375rem;
  }
}

h2,
.h2 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      2.0266666667rem +
        (77.824 - 32.4266666667) *
        ((100vw - 320px) / (768 - 320))
    );
}
@media (min-width: 768px) {
  h2,
.h2 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  h2,
.h2 {
    font-size: 2.0266666667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  h2,
.h2 {
    font-size: 2.0266666667rem;
  }
}
@media (min-width: 768px) {
  h2,
.h2 {
    font-size: 2.8444444444rem;
  }
}
@media (min-width: 1024px) {
  h2,
.h2 {
    font-size: calc(
      2.8444444444rem +
        (64 - 45.5111111111) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  h2,
.h2 {
    font-size: 4rem;
  }
}
@media (min-width: 768px) {
  h2,
.h2 {
    line-height: 110%;
  }
}

h3,
.h3 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      1.7066666667rem +
        (65.536 - 27.3066666667) *
        ((100vw - 320px) / (768 - 320))
    );
}
@media (min-width: 768px) {
  h3,
.h3 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  h3,
.h3 {
    font-size: 1.7066666667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  h3,
.h3 {
    font-size: 1.7066666667rem;
  }
}
@media (min-width: 768px) {
  h3,
.h3 {
    font-size: 2.0444444444rem;
  }
}
@media (min-width: 1024px) {
  h3,
.h3 {
    font-size: calc(
      2.0444444444rem +
        (46 - 32.7111111111) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  h3,
.h3 {
    font-size: 2.875rem;
  }
}
@media (min-width: 768px) {
  h3,
.h3 {
    line-height: 110%;
  }
}

h4,
.h4 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      1.28rem +
        (49.152 - 20.48) *
        ((100vw - 320px) / (768 - 320))
    );
}
@media (min-width: 768px) {
  h4,
.h4 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  h4,
.h4 {
    font-size: 1.28rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  h4,
.h4 {
    font-size: 1.28rem;
  }
}
@media (min-width: 768px) {
  h4,
.h4 {
    font-size: 1.4222222222rem;
  }
}
@media (min-width: 1024px) {
  h4,
.h4 {
    font-size: calc(
      1.4222222222rem +
        (32 - 22.7555555556) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  h4,
.h4 {
    font-size: 2rem;
  }
}
@media (min-width: 768px) {
  h4,
.h4 {
    line-height: 110%;
  }
}

h5,
.h5 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      1.0666666667rem +
        (40.96 - 17.0666666667) *
        ((100vw - 320px) / (768 - 320))
    );
  font-weight: 700;
}
@media (min-width: 768px) {
  h5,
.h5 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  h5,
.h5 {
    font-size: 1.0666666667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  h5,
.h5 {
    font-size: 1.0666666667rem;
  }
}
@media (min-width: 768px) {
  h5,
.h5 {
    font-size: 1.1555555556rem;
  }
}
@media (min-width: 1024px) {
  h5,
.h5 {
    font-size: calc(
      1.1555555556rem +
        (26 - 18.4888888889) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  h5,
.h5 {
    font-size: 1.625rem;
  }
}
@media (min-width: 768px) {
  h5,
.h5 {
    line-height: 110%;
  }
}

h6,
.h6 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      0.9066666667rem +
        (34.816 - 14.5066666667) *
        ((100vw - 320px) / (768 - 320))
    );
  line-height: 105%;
  font-weight: 700;
}
@media (min-width: 768px) {
  h6,
.h6 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  h6,
.h6 {
    font-size: 0.9066666667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  h6,
.h6 {
    font-size: 0.9066666667rem;
  }
}
@media (min-width: 768px) {
  h6,
.h6 {
    font-size: 0.9777777778rem;
  }
}
@media (min-width: 1024px) {
  h6,
.h6 {
    font-size: calc(
      0.9777777778rem +
        (22 - 15.6444444444) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  h6,
.h6 {
    font-size: 1.375rem;
  }
}
@media (min-width: 768px) {
  h6,
.h6 {
    line-height: 110%;
  }
}

p,
.p {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #333747;
  font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875009375rem;
}
@media (max-width: 320px) {
  p,
.p {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  p,
.p {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  p,
.p {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  p,
.p {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  p,
.p {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  p,
.p {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  p,
.p {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  p,
.p {
    font-size: 1rem;
  }
}
p strong,
.p strong {
  font-weight: 600;
}
p.fontColor--boltBlack,
.p.fontColor--boltBlack {
  color: #020a18;
}
p.fontColor--white,
.p.fontColor--white {
  color: #fff;
}
p.fontColor--gray_200,
.p.fontColor--gray_200 {
  color: #333747;
}
p.fontColor--gray_400,
.p.fontColor--gray_400 {
  color: #696d80;
}
p.fontColor--gray_600,
.p.fontColor--gray_600 {
  color: #b6bbcf;
}
p.fontColor--gray_700,
.p.fontColor--gray_700 {
  color: #d6d6e1;
}
p.fontColor--gray_800,
.p.fontColor--gray_800 {
  color: #e9ebf7;
}
p.fontColor--lightningYellow,
.p.fontColor--lightningYellow {
  color: #68d8fc;
}
p.fontColor--lightningYellowDark,
.p.fontColor--lightningYellowDark {
  color: #68d8fc;
}
p.fontColor--blue,
.p.fontColor--blue {
  color: #006dff;
}
p.fontColor--blue--light-secondary,
.p.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
p.fontColor--green,
.p.fontColor--green {
  color: #00c42e;
}
p.fontColor--pink,
.p.fontColor--pink {
  color: #ff76f2;
}
p.fontColor--purple,
.p.fontColor--purple {
  color: #9a4eff;
}

.p--xxs {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #333747;
  font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875009375rem;
  font-size: calc(
      0.5333333333rem +
        (20.48 - 8.5333333333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.625rem;
  font-weight: 400;
}
@media (max-width: 320px) {
  .p--xxs {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--xxs {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--xxs {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--xxs {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  .p--xxs {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  .p--xxs {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--xxs {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--xxs {
    font-size: 1rem;
  }
}
.p--xxs strong {
  font-weight: 600;
}
.p--xxs.fontColor--boltBlack {
  color: #020a18;
}
.p--xxs.fontColor--white {
  color: #fff;
}
.p--xxs.fontColor--gray_200 {
  color: #333747;
}
.p--xxs.fontColor--gray_400 {
  color: #696d80;
}
.p--xxs.fontColor--gray_600 {
  color: #b6bbcf;
}
.p--xxs.fontColor--gray_700 {
  color: #d6d6e1;
}
.p--xxs.fontColor--gray_800 {
  color: #e9ebf7;
}
.p--xxs.fontColor--lightningYellow {
  color: #68d8fc;
}
.p--xxs.fontColor--lightningYellowDark {
  color: #68d8fc;
}
.p--xxs.fontColor--blue {
  color: #006dff;
}
.p--xxs.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
.p--xxs.fontColor--green {
  color: #00c42e;
}
.p--xxs.fontColor--pink {
  color: #ff76f2;
}
.p--xxs.fontColor--purple {
  color: #9a4eff;
}
@media (max-width: 320px) {
  .p--xxs {
    font-size: 0.5333333333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--xxs {
    font-size: 0.625rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--xxs {
    font-size: calc(
      0.625rem +
        (20.48 - 10) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--xxs {
    font-size: 0.625rem;
  }
}
@media (min-width: 768px) {
  .p--xxs {
    font-size: 0.625rem;
  }
}
@media (min-width: 1024px) {
  .p--xxs {
    font-size: calc(
      0.4444444444rem +
        (10 - 7.1111111111) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--xxs {
    font-size: calc(
      0.625rem +
        (10 - 10) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--xxs {
    font-size: 0.625rem;
  }
}
.p--xs {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #333747;
  font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875009375rem;
  font-size: calc(
      0.64rem +
        (24.576 - 10.24) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.75rem;
  font-weight: 400;
}
@media (max-width: 320px) {
  .p--xs {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--xs {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--xs {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--xs {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  .p--xs {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  .p--xs {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--xs {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--xs {
    font-size: 1rem;
  }
}
.p--xs strong {
  font-weight: 600;
}
.p--xs.fontColor--boltBlack {
  color: #020a18;
}
.p--xs.fontColor--white {
  color: #fff;
}
.p--xs.fontColor--gray_200 {
  color: #333747;
}
.p--xs.fontColor--gray_400 {
  color: #696d80;
}
.p--xs.fontColor--gray_600 {
  color: #b6bbcf;
}
.p--xs.fontColor--gray_700 {
  color: #d6d6e1;
}
.p--xs.fontColor--gray_800 {
  color: #e9ebf7;
}
.p--xs.fontColor--lightningYellow {
  color: #68d8fc;
}
.p--xs.fontColor--lightningYellowDark {
  color: #68d8fc;
}
.p--xs.fontColor--blue {
  color: #006dff;
}
.p--xs.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
.p--xs.fontColor--green {
  color: #00c42e;
}
.p--xs.fontColor--pink {
  color: #ff76f2;
}
.p--xs.fontColor--purple {
  color: #9a4eff;
}
@media (max-width: 320px) {
  .p--xs {
    font-size: 0.64rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--xs {
    font-size: 0.75rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--xs {
    font-size: calc(
      0.75rem +
        (24.576 - 12) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--xs {
    font-size: 0.75rem;
  }
}
@media (min-width: 768px) {
  .p--xs {
    font-size: 0.75rem;
  }
}
@media (min-width: 1024px) {
  .p--xs {
    font-size: calc(
      0.5333333333rem +
        (12 - 8.5333333333) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--xs {
    font-size: calc(
      0.75rem +
        (12 - 12) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--xs {
    font-size: 0.75rem;
  }
}
.p--sm {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #333747;
  font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875009375rem;
  font-size: calc(
      0.6737066667rem +
        (25.870336 - 10.7793066667) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.750025rem;
}
@media (max-width: 320px) {
  .p--sm {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--sm {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--sm {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--sm {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  .p--sm {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  .p--sm {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--sm {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--sm {
    font-size: 1rem;
  }
}
.p--sm strong {
  font-weight: 600;
}
.p--sm.fontColor--boltBlack {
  color: #020a18;
}
.p--sm.fontColor--white {
  color: #fff;
}
.p--sm.fontColor--gray_200 {
  color: #333747;
}
.p--sm.fontColor--gray_400 {
  color: #696d80;
}
.p--sm.fontColor--gray_600 {
  color: #b6bbcf;
}
.p--sm.fontColor--gray_700 {
  color: #d6d6e1;
}
.p--sm.fontColor--gray_800 {
  color: #e9ebf7;
}
.p--sm.fontColor--lightningYellow {
  color: #68d8fc;
}
.p--sm.fontColor--lightningYellowDark {
  color: #68d8fc;
}
.p--sm.fontColor--blue {
  color: #006dff;
}
.p--sm.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
.p--sm.fontColor--green {
  color: #00c42e;
}
.p--sm.fontColor--pink {
  color: #ff76f2;
}
.p--sm.fontColor--purple {
  color: #9a4eff;
}
@media (max-width: 320px) {
  .p--sm {
    font-size: 0.6737066667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--sm {
    font-size: 0.750025rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--sm {
    font-size: calc(
      0.750025rem +
        (25.870336 - 12.0004) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--sm {
    font-size: 0.750025rem;
  }
}
@media (min-width: 768px) {
  .p--sm {
    font-size: 0.83125rem;
  }
}
@media (min-width: 1024px) {
  .p--sm {
    font-size: calc(
      0.6222222222rem +
        (14 - 9.9555555556) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--sm {
    font-size: calc(
      0.83125rem +
        (14 - 13.3) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--sm {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .p--sm {
    font-weight: 400;
  }
}
.p--lg {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #333747;
  font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875009375rem;
  font-size: calc(
      0.8533333333rem +
        (32.768 - 13.6533333333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 1rem;
}
@media (max-width: 320px) {
  .p--lg {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--lg {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--lg {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--lg {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  .p--lg {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  .p--lg {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--lg {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--lg {
    font-size: 1rem;
  }
}
.p--lg strong {
  font-weight: 600;
}
.p--lg.fontColor--boltBlack {
  color: #020a18;
}
.p--lg.fontColor--white {
  color: #fff;
}
.p--lg.fontColor--gray_200 {
  color: #333747;
}
.p--lg.fontColor--gray_400 {
  color: #696d80;
}
.p--lg.fontColor--gray_600 {
  color: #b6bbcf;
}
.p--lg.fontColor--gray_700 {
  color: #d6d6e1;
}
.p--lg.fontColor--gray_800 {
  color: #e9ebf7;
}
.p--lg.fontColor--lightningYellow {
  color: #68d8fc;
}
.p--lg.fontColor--lightningYellowDark {
  color: #68d8fc;
}
.p--lg.fontColor--blue {
  color: #006dff;
}
.p--lg.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
.p--lg.fontColor--green {
  color: #00c42e;
}
.p--lg.fontColor--pink {
  color: #ff76f2;
}
.p--lg.fontColor--purple {
  color: #9a4eff;
}
@media (max-width: 320px) {
  .p--lg {
    font-size: 0.8533333333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--lg {
    font-size: 1rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--lg {
    font-size: calc(
      1rem +
        (32.768 - 16) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--lg {
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .p--lg {
    font-size: 1.125rem;
  }
}
@media (min-width: 1024px) {
  .p--lg {
    font-size: calc(
      0.8rem +
        (18 - 12.8) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--lg {
    font-size: calc(
      1.125rem +
        (18 - 18) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--lg {
    font-size: 1.125rem;
  }
}
@media (min-width: 768px) {
  .p--lg {
    line-height: 120%;
  }
}
.p--xl {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #333747;
  font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875009375rem;
  font-size: calc(
      0.96rem +
        (36.864 - 15.36) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 1.125rem;
}
@media (max-width: 320px) {
  .p--xl {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--xl {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--xl {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--xl {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  .p--xl {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  .p--xl {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--xl {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--xl {
    font-size: 1rem;
  }
}
.p--xl strong {
  font-weight: 600;
}
.p--xl.fontColor--boltBlack {
  color: #020a18;
}
.p--xl.fontColor--white {
  color: #fff;
}
.p--xl.fontColor--gray_200 {
  color: #333747;
}
.p--xl.fontColor--gray_400 {
  color: #696d80;
}
.p--xl.fontColor--gray_600 {
  color: #b6bbcf;
}
.p--xl.fontColor--gray_700 {
  color: #d6d6e1;
}
.p--xl.fontColor--gray_800 {
  color: #e9ebf7;
}
.p--xl.fontColor--lightningYellow {
  color: #68d8fc;
}
.p--xl.fontColor--lightningYellowDark {
  color: #68d8fc;
}
.p--xl.fontColor--blue {
  color: #006dff;
}
.p--xl.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
.p--xl.fontColor--green {
  color: #00c42e;
}
.p--xl.fontColor--pink {
  color: #ff76f2;
}
.p--xl.fontColor--purple {
  color: #9a4eff;
}
@media (max-width: 320px) {
  .p--xl {
    font-size: 0.96rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--xl {
    font-size: 1.125rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--xl {
    font-size: calc(
      1.125rem +
        (36.864 - 18) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--xl {
    font-size: 1.125rem;
  }
}
@media (min-width: 768px) {
  .p--xl {
    font-size: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .p--xl {
    font-size: calc(
      0.8888888889rem +
        (20 - 14.2222222222) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--xl {
    font-size: calc(
      1.25rem +
        (20 - 20) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--xl {
    font-size: 1.25rem;
  }
}
@media (min-width: 768px) {
  .p--xl {
    line-height: 120%;
  }
}
.p--xxl {
  font-size: calc(
      1.0666666667rem +
        (40.96 - 17.0666666667) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 1.25rem;
}
@media (max-width: 320px) {
  .p--xxl {
    font-size: 1.0666666667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--xxl {
    font-size: 1.25rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--xxl {
    font-size: calc(
      1.25rem +
        (40.96 - 20) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--xxl {
    font-size: 1.25rem;
  }
}
@media (min-width: 768px) {
  .p--xxl {
    font-size: 1.375rem;
  }
}
@media (min-width: 1024px) {
  .p--xxl {
    font-size: calc(
      0.9777777778rem +
        (22 - 15.6444444444) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--xxl {
    font-size: calc(
      1.375rem +
        (22 - 22) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--xxl {
    font-size: 1.375rem;
  }
}

.screenReaderOnly {
  position: absolute;
  overflow: hidden;
  top: auto;
  left: -10000px;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
}

.resizeTransitionStopper .responsiveNav,
.resizeTransitionStopper .responsiveNav .nav {
  transition: none !important;
}

@media print {
  #__next > *:not(main) {
    display: none;
  }
  html,
body,
#__next {
    height: auto;
    overflow-y: scroll;
  }
  html body {
    position: unset;
    top: unset;
    left: unset;
    bottom: unset;
    right: unset;
  }
  html body > *:not(#__next) {
    display: none;
  }
}
html.light {
  background-color: #f8f6fe;
}
html.light .header__superNav .header__superNavItem--link.active, html.light .header__superNav .header__superNavItem--link::before, html.light .header__superNav .header__superNavItem--link::after {
  background-color: #f8f6fe;
  color: #020a18;
}
html.light .header__superNav .header__superNavItem--link.secondary-superNavItem--link.active, html.light .header__superNav .header__superNavItem--link.secondary-superNavItem--link::before, html.light .header__superNav .header__superNavItem--link.secondary-superNavItem--link::after {
  background-color: #b6bbcf;
  color: #020a18;
}
@media (max-width: 767px) {
  html.light .header__superNav .header__superNavItem--link.secondary-superNavItem--link.active, html.light .header__superNav .header__superNavItem--link.secondary-superNavItem--link::before, html.light .header__superNav .header__superNavItem--link.secondary-superNavItem--link::after {
    background-color: #d7d8e3;
  }
}
html.light .header__superNav .header__superNavItem:nth-of-type(2) .header__superNavItem--link.active::before {
  background-color: #d7d8e3;
}
html.light .header .navLogoDesktop path {
  fill: #020a18;
}
html.light .header .header__primaryNavItem > span,
html.light .header .header__primaryNavItem--link {
  color: #020a18;
}
html.light .header a.header__secondaryNavItem--link {
  color: #020a18;
}
html.light .header a.Button {
  background-color: #020a18;
  border-color: #020a18;
}
html.light .header a.Button,
html.light .header a.Button .Button__inner {
  color: #f8f6fe;
}
html.light .header a.Button:hover {
  border-color: #68d8fc;
  background-color: #68d8fc;
}
html.light .header a.Button:hover,
html.light .header a.Button:hover .Button__inner {
  color: #020a18;
}
html.light .header .hamburgerButton * {
  background-color: #020a18;
}
html.light .header__NavItem:not(.buttonContainer):not(.hasSubmenu)::after {
  background-color: #020a18;
}
html.light .responsiveNav__itemsGroup--header .responsiveNav__itemsGroup--back-arrow {
  filter: invert(0.3);
}
html.light.stickyNav .header .navLogoDesktop path {
  fill: #f8f6fe;
}
html.light.stickyNav .header a.Button {
  background-color: #f8f6fe;
  border-color: #f8f6fe;
}
html.light.stickyNav .header a.Button,
html.light.stickyNav .header a.Button .Button__inner {
  color: #020a18;
}
html.light.stickyNav .header a.Button:hover {
  border-color: #68d8fc;
}
html.light.stickyNav .header a.Button:hover::after {
  background-color: #68d8fc;
}
html.light.stickyNav .header a.Button:hover,
html.light.stickyNav .header a.Button:hover .Button__inner {
  color: #020a18;
}
html.light.stickyNav .header .header__primaryNavItem > span,
html.light.stickyNav .header .header__primaryNavItem--link {
  color: #f8f6fe;
}
html.light.stickyNav .header a.header__secondaryNavItem--link {
  color: #f8f6fe;
}
html.light.hovered .header::before {
  opacity: 0.05;
}
html.light.open .header::before {
  opacity: 0.05;
}
@media (max-width: 767px) {
  html.light.supernav-open .header__superNav {
    background-color: #f8f6fe;
  }
}
@media (max-width: 767px) {
  html.light.supernav-open .header__superNav .secondary-superNavItems__subNav-wrap .header__superNavItem--link.active, html.light.supernav-open .header__superNav .secondary-superNavItems__subNav-wrap .header__superNavItem--link::before, html.light.supernav-open .header__superNav .secondary-superNavItems__subNav-wrap .header__superNavItem--link::after {
    background-color: #f8f6fe;
  }
}

html.medium {
  background-color: #10103c;
}
html.medium .header__superNav {
  background-color: #4322aa;
}
html.medium .header__superNav .header__superNavItem--link {
  color: #f8f6fe;
}
html.medium .header__superNav .header__superNavItem--link.active, html.medium .header__superNav .header__superNavItem--link::before, html.medium .header__superNav .header__superNavItem--link::after {
  background-color: #10103c;
  color: #f8f6fe;
}
html.medium .header__superNav .secondary-superNavItems__subNav-wrap .header__superNavItem--link.active, html.medium .header__superNav .secondary-superNavItems__subNav-wrap .header__superNavItem--link::before, html.medium .header__superNav .secondary-superNavItems__subNav-wrap .header__superNavItem--link::after {
  background-color: #552dee;
  color: #fff;
}
@media (max-width: 767px) {
  html.medium .header__superNav .secondary-superNavItems__subNav-wrap .header__superNavItem--link.active, html.medium .header__superNav .secondary-superNavItems__subNav-wrap .header__superNavItem--link::before, html.medium .header__superNav .secondary-superNavItems__subNav-wrap .header__superNavItem--link::after {
    background-color: transparent;
    color: #f8f6fe;
    content: unset;
  }
}
html.medium .header__superNav .secondary-superNavItems__subNav-wrap .header__superNavItem--link .header__superNavItem--icon-wrap.soundwave svg path {
  fill: #fff;
}
html.medium .header__superNav .header__superNavItem:nth-of-type(2) .header__superNavItem--link.active::before {
  background-color: #10103c;
}
html.medium .responsiveNav__itemsGroup--header .responsiveNav__itemsGroup--back-arrow {
  filter: invert(0.3);
}

html.dark {
  background-color: #020a18;
}
html.dark .navLogoDesktop path,
html.dark .navLogo path {
  fill: #fff;
}
html.dark .header .header__superNav {
  background-color: #efeffa;
}
html.dark .header .header__superNav .header__superNavItem--link {
  color: #020a18;
}
html.dark .header .header__superNav .header__superNavItem--link.active, html.dark .header .header__superNav .header__superNavItem--link::before, html.dark .header .header__superNav .header__superNavItem--link::after {
  background-color: #020a18;
  color: #f8f6fe;
}
html.dark .header .header__superNav .secondary-superNavItems__subNav-wrap .header__superNavItem--link.active, html.dark .header .header__superNav .secondary-superNavItems__subNav-wrap .header__superNavItem--link::before, html.dark .header .header__superNav .secondary-superNavItems__subNav-wrap .header__superNavItem--link::after {
  background-color: #b6bbcf;
  color: #020a18;
}
@media (max-width: 767px) {
  html.dark .header .header__superNav .secondary-superNavItems__subNav-wrap .header__superNavItem--link.active, html.dark .header .header__superNav .secondary-superNavItems__subNav-wrap .header__superNavItem--link::before, html.dark .header .header__superNav .secondary-superNavItems__subNav-wrap .header__superNavItem--link::after {
    background-color: #efeffa;
    color: #020a18;
  }
}
html.dark .header .header__superNav .header__superNavItem:nth-of-type(2) .header__superNavItem--link.active::before {
  background-color: #efeffa;
}
html.dark.stickyNav .header__secondaryNavItem--link {
  color: #e9ebf7;
}
@media (max-width: 767px) {
  html.dark.supernav-open .header__superNav {
    background-color: #020a18;
  }
}
@media (max-width: 767px) {
  html.dark.supernav-open .header__superNav .secondary-superNavItems__subNav-wrap .header__superNavItem--link.active, html.dark.supernav-open .header__superNav .secondary-superNavItems__subNav-wrap .header__superNavItem--link::before, html.dark.supernav-open .header__superNav .secondary-superNavItems__subNav-wrap .header__superNavItem--link::after {
    background-color: #020a18;
  }
}

html.yellow {
  background-color: #68d8fc;
}
html.yellow .header .header__superNav {
  background-color: #daef15;
}
html.yellow .header .header__superNav .header__superNavItem--link {
  color: #020a18;
}
html.yellow .header .header__superNav .header__superNavItem--link.active, html.yellow .header .header__superNav .header__superNavItem--link::before, html.yellow .header .header__superNav .header__superNavItem--link::after {
  background-color: #68d8fc;
}
html.yellow .header a.Button {
  background-color: #020a18;
  border-color: #020a18;
}
html.yellow .header a.Button,
html.yellow .header a.Button .Button__inner {
  color: #68d8fc;
}
html.yellow .header a.Button:hover {
  border-color: #f5f5f5;
  background-color: #f5f5f5;
}
html.yellow .header a.Button:hover::after {
  background-color: #f5f5f5;
}
html.yellow .header a.Button:hover,
html.yellow .header a.Button:hover .Button__inner {
  color: #020a18;
}
html.yellow.open .navLogoDesktop,
html.yellow.open .navLogo,
html.yellow.open .navLogoDesktopResponsive {
  filter: invert(1);
}
html.yellow.open .hamburgerButton * {
  background-color: #020a18;
}
html.yellow.open .responsiveNav {
  background-color: #68d8fc;
}
html.yellow.open .responsiveNav__itemsGroup button span {
  color: #020a18;
}
html.yellow.open .responsiveNav__itemsGroup--listItemLinkTitle {
  color: #020a18;
}
html.yellow.open .responsiveNav__ctaItems a.Button {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}
html.yellow.open .responsiveNav__ctaItems a.Button,
html.yellow.open .responsiveNav__ctaItems a.Button .Button__inner {
  color: #020a18;
}
html.yellow.open .responsiveNav__ctaItems a.Button:hover {
  border-color: #f5f5f5;
  background-color: #f5f5f5;
}
html.yellow.open .responsiveNav__ctaItems a.Button:hover::after {
  background-color: #f5f5f5;
}
html.yellow.open .responsiveNav__ctaItems a.Button:hover,
html.yellow.open .responsiveNav__ctaItems a.Button:hover .Button__inner {
  color: #020a18;
}
html.yellow.open .responsiveNav__socialWrapper a,
html.yellow.open .responsiveNav__copyrightWrapper {
  color: #f5f5f5;
}

*,
*::after,
*::before {
  box-sizing: border-box;
  text-decoration: none;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  -webkit-padding-end: 0;
  padding-inline-end: 0;
  -webkit-padding-before: 0;
  padding-block-start: 0;
  -webkit-padding-after: 0;
  padding-block-end: 0;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
}
*:visited,
*::after:visited,
*::before:visited {
  color: inherit;
}

html,
body {
  min-height: 100%;
  overflow-x: hidden;
  overflow-x: clip;
}

html {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1em;
  font-weight: 400;
}

body {
  margin: 0;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1rem;
}

img {
  max-width: 100%;
}

img,
button {
  user-select: none;
}

img,
video,
figure,
picture,
label,
embed,
ul,
li {
  display: block;
}

img,
video,
figure,
picture,
canvas,
svg {
  height: auto;
  max-width: 100%;
}

fieldset {
  border: none;
  padding: 0;
}

a {
  cursor: pointer;
  transition: all 0.2s ease;
}
a:hover {
  transition: all 0.2s ease;
}

nav ul {
  list-style-type: none;
}

iframe {
  border: none;
  color-scheme: normal;
}

q {
  quotes: "“" "”" "‘" "’";
}
q::before {
  content: open-quote;
}
q::after {
  content: close-quote;
}

figure,
picture {
  overflow: hidden;
  position: relative;
}

pre {
  margin: 0;
}

button {
  appearance: none;
  align-items: unset;
  background-color: transparent;
  margin: unset;
  padding: unset;
  border: none;
  font: unset;
  font-size: inherit;
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
}
button:hover {
  cursor: pointer;
}

html {
  background-color: #fff;
}
html.open .responsiveNav {
  display: block;
}
html.overflow-hidden {
  overflow: hidden;
}

a {
  text-decoration: underline;
  text-decoration-thickness: 0.05em;
  text-underline-offset: 0.25em;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
@media (min-width: 768px) {
  h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    letter-spacing: -0.02em;
  }
}

h1,
.h1 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      2.24rem +
        (86.016 - 35.84) *
        ((100vw - 320px) / (768 - 320))
    );
}
@media (min-width: 768px) {
  h1,
.h1 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  h1,
.h1 {
    font-size: 2.24rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  h1,
.h1 {
    font-size: 2.24rem;
  }
}
@media (min-width: 768px) {
  h1,
.h1 {
    font-size: 3.1111111111rem;
  }
}
@media (min-width: 1024px) {
  h1,
.h1 {
    font-size: calc(
      3.1111111111rem +
        (70 - 49.7777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  h1,
.h1 {
    font-size: 4.375rem;
  }
}

h2,
.h2 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      2.0266666667rem +
        (77.824 - 32.4266666667) *
        ((100vw - 320px) / (768 - 320))
    );
}
@media (min-width: 768px) {
  h2,
.h2 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  h2,
.h2 {
    font-size: 2.0266666667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  h2,
.h2 {
    font-size: 2.0266666667rem;
  }
}
@media (min-width: 768px) {
  h2,
.h2 {
    font-size: 2.8444444444rem;
  }
}
@media (min-width: 1024px) {
  h2,
.h2 {
    font-size: calc(
      2.8444444444rem +
        (64 - 45.5111111111) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  h2,
.h2 {
    font-size: 4rem;
  }
}
@media (min-width: 768px) {
  h2,
.h2 {
    line-height: 110%;
  }
}

h3,
.h3 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      1.7066666667rem +
        (65.536 - 27.3066666667) *
        ((100vw - 320px) / (768 - 320))
    );
}
@media (min-width: 768px) {
  h3,
.h3 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  h3,
.h3 {
    font-size: 1.7066666667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  h3,
.h3 {
    font-size: 1.7066666667rem;
  }
}
@media (min-width: 768px) {
  h3,
.h3 {
    font-size: 2.0444444444rem;
  }
}
@media (min-width: 1024px) {
  h3,
.h3 {
    font-size: calc(
      2.0444444444rem +
        (46 - 32.7111111111) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  h3,
.h3 {
    font-size: 2.875rem;
  }
}
@media (min-width: 768px) {
  h3,
.h3 {
    line-height: 110%;
  }
}

h4,
.h4 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      1.28rem +
        (49.152 - 20.48) *
        ((100vw - 320px) / (768 - 320))
    );
}
@media (min-width: 768px) {
  h4,
.h4 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  h4,
.h4 {
    font-size: 1.28rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  h4,
.h4 {
    font-size: 1.28rem;
  }
}
@media (min-width: 768px) {
  h4,
.h4 {
    font-size: 1.4222222222rem;
  }
}
@media (min-width: 1024px) {
  h4,
.h4 {
    font-size: calc(
      1.4222222222rem +
        (32 - 22.7555555556) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  h4,
.h4 {
    font-size: 2rem;
  }
}
@media (min-width: 768px) {
  h4,
.h4 {
    line-height: 110%;
  }
}

h5,
.h5 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      1.0666666667rem +
        (40.96 - 17.0666666667) *
        ((100vw - 320px) / (768 - 320))
    );
  font-weight: 700;
}
@media (min-width: 768px) {
  h5,
.h5 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  h5,
.h5 {
    font-size: 1.0666666667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  h5,
.h5 {
    font-size: 1.0666666667rem;
  }
}
@media (min-width: 768px) {
  h5,
.h5 {
    font-size: 1.1555555556rem;
  }
}
@media (min-width: 1024px) {
  h5,
.h5 {
    font-size: calc(
      1.1555555556rem +
        (26 - 18.4888888889) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  h5,
.h5 {
    font-size: 1.625rem;
  }
}
@media (min-width: 768px) {
  h5,
.h5 {
    line-height: 110%;
  }
}

h6,
.h6 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      0.9066666667rem +
        (34.816 - 14.5066666667) *
        ((100vw - 320px) / (768 - 320))
    );
  line-height: 105%;
  font-weight: 700;
}
@media (min-width: 768px) {
  h6,
.h6 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  h6,
.h6 {
    font-size: 0.9066666667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  h6,
.h6 {
    font-size: 0.9066666667rem;
  }
}
@media (min-width: 768px) {
  h6,
.h6 {
    font-size: 0.9777777778rem;
  }
}
@media (min-width: 1024px) {
  h6,
.h6 {
    font-size: calc(
      0.9777777778rem +
        (22 - 15.6444444444) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  h6,
.h6 {
    font-size: 1.375rem;
  }
}
@media (min-width: 768px) {
  h6,
.h6 {
    line-height: 110%;
  }
}

p,
.p {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #333747;
  font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875009375rem;
}
@media (max-width: 320px) {
  p,
.p {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  p,
.p {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  p,
.p {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  p,
.p {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  p,
.p {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  p,
.p {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  p,
.p {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  p,
.p {
    font-size: 1rem;
  }
}
p strong,
.p strong {
  font-weight: 600;
}
p.fontColor--boltBlack,
.p.fontColor--boltBlack {
  color: #020a18;
}
p.fontColor--white,
.p.fontColor--white {
  color: #fff;
}
p.fontColor--gray_200,
.p.fontColor--gray_200 {
  color: #333747;
}
p.fontColor--gray_400,
.p.fontColor--gray_400 {
  color: #696d80;
}
p.fontColor--gray_600,
.p.fontColor--gray_600 {
  color: #b6bbcf;
}
p.fontColor--gray_700,
.p.fontColor--gray_700 {
  color: #d6d6e1;
}
p.fontColor--gray_800,
.p.fontColor--gray_800 {
  color: #e9ebf7;
}
p.fontColor--lightningYellow,
.p.fontColor--lightningYellow {
  color: #68d8fc;
}
p.fontColor--lightningYellowDark,
.p.fontColor--lightningYellowDark {
  color: #68d8fc;
}
p.fontColor--blue,
.p.fontColor--blue {
  color: #006dff;
}
p.fontColor--blue--light-secondary,
.p.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
p.fontColor--green,
.p.fontColor--green {
  color: #00c42e;
}
p.fontColor--pink,
.p.fontColor--pink {
  color: #ff76f2;
}
p.fontColor--purple,
.p.fontColor--purple {
  color: #9a4eff;
}

.p--xxs {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #333747;
  font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875009375rem;
  font-size: calc(
      0.5333333333rem +
        (20.48 - 8.5333333333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.625rem;
  font-weight: 400;
}
@media (max-width: 320px) {
  .p--xxs {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--xxs {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--xxs {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--xxs {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  .p--xxs {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  .p--xxs {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--xxs {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--xxs {
    font-size: 1rem;
  }
}
.p--xxs strong {
  font-weight: 600;
}
.p--xxs.fontColor--boltBlack {
  color: #020a18;
}
.p--xxs.fontColor--white {
  color: #fff;
}
.p--xxs.fontColor--gray_200 {
  color: #333747;
}
.p--xxs.fontColor--gray_400 {
  color: #696d80;
}
.p--xxs.fontColor--gray_600 {
  color: #b6bbcf;
}
.p--xxs.fontColor--gray_700 {
  color: #d6d6e1;
}
.p--xxs.fontColor--gray_800 {
  color: #e9ebf7;
}
.p--xxs.fontColor--lightningYellow {
  color: #68d8fc;
}
.p--xxs.fontColor--lightningYellowDark {
  color: #68d8fc;
}
.p--xxs.fontColor--blue {
  color: #006dff;
}
.p--xxs.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
.p--xxs.fontColor--green {
  color: #00c42e;
}
.p--xxs.fontColor--pink {
  color: #ff76f2;
}
.p--xxs.fontColor--purple {
  color: #9a4eff;
}
@media (max-width: 320px) {
  .p--xxs {
    font-size: 0.5333333333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--xxs {
    font-size: 0.625rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--xxs {
    font-size: calc(
      0.625rem +
        (20.48 - 10) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--xxs {
    font-size: 0.625rem;
  }
}
@media (min-width: 768px) {
  .p--xxs {
    font-size: 0.625rem;
  }
}
@media (min-width: 1024px) {
  .p--xxs {
    font-size: calc(
      0.4444444444rem +
        (10 - 7.1111111111) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--xxs {
    font-size: calc(
      0.625rem +
        (10 - 10) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--xxs {
    font-size: 0.625rem;
  }
}
.p--xs {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #333747;
  font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875009375rem;
  font-size: calc(
      0.64rem +
        (24.576 - 10.24) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.75rem;
  font-weight: 400;
}
@media (max-width: 320px) {
  .p--xs {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--xs {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--xs {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--xs {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  .p--xs {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  .p--xs {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--xs {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--xs {
    font-size: 1rem;
  }
}
.p--xs strong {
  font-weight: 600;
}
.p--xs.fontColor--boltBlack {
  color: #020a18;
}
.p--xs.fontColor--white {
  color: #fff;
}
.p--xs.fontColor--gray_200 {
  color: #333747;
}
.p--xs.fontColor--gray_400 {
  color: #696d80;
}
.p--xs.fontColor--gray_600 {
  color: #b6bbcf;
}
.p--xs.fontColor--gray_700 {
  color: #d6d6e1;
}
.p--xs.fontColor--gray_800 {
  color: #e9ebf7;
}
.p--xs.fontColor--lightningYellow {
  color: #68d8fc;
}
.p--xs.fontColor--lightningYellowDark {
  color: #68d8fc;
}
.p--xs.fontColor--blue {
  color: #006dff;
}
.p--xs.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
.p--xs.fontColor--green {
  color: #00c42e;
}
.p--xs.fontColor--pink {
  color: #ff76f2;
}
.p--xs.fontColor--purple {
  color: #9a4eff;
}
@media (max-width: 320px) {
  .p--xs {
    font-size: 0.64rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--xs {
    font-size: 0.75rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--xs {
    font-size: calc(
      0.75rem +
        (24.576 - 12) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--xs {
    font-size: 0.75rem;
  }
}
@media (min-width: 768px) {
  .p--xs {
    font-size: 0.75rem;
  }
}
@media (min-width: 1024px) {
  .p--xs {
    font-size: calc(
      0.5333333333rem +
        (12 - 8.5333333333) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--xs {
    font-size: calc(
      0.75rem +
        (12 - 12) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--xs {
    font-size: 0.75rem;
  }
}
.p--sm {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #333747;
  font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875009375rem;
  font-size: calc(
      0.6737066667rem +
        (25.870336 - 10.7793066667) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.750025rem;
}
@media (max-width: 320px) {
  .p--sm {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--sm {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--sm {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--sm {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  .p--sm {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  .p--sm {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--sm {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--sm {
    font-size: 1rem;
  }
}
.p--sm strong {
  font-weight: 600;
}
.p--sm.fontColor--boltBlack {
  color: #020a18;
}
.p--sm.fontColor--white {
  color: #fff;
}
.p--sm.fontColor--gray_200 {
  color: #333747;
}
.p--sm.fontColor--gray_400 {
  color: #696d80;
}
.p--sm.fontColor--gray_600 {
  color: #b6bbcf;
}
.p--sm.fontColor--gray_700 {
  color: #d6d6e1;
}
.p--sm.fontColor--gray_800 {
  color: #e9ebf7;
}
.p--sm.fontColor--lightningYellow {
  color: #68d8fc;
}
.p--sm.fontColor--lightningYellowDark {
  color: #68d8fc;
}
.p--sm.fontColor--blue {
  color: #006dff;
}
.p--sm.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
.p--sm.fontColor--green {
  color: #00c42e;
}
.p--sm.fontColor--pink {
  color: #ff76f2;
}
.p--sm.fontColor--purple {
  color: #9a4eff;
}
@media (max-width: 320px) {
  .p--sm {
    font-size: 0.6737066667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--sm {
    font-size: 0.750025rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--sm {
    font-size: calc(
      0.750025rem +
        (25.870336 - 12.0004) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--sm {
    font-size: 0.750025rem;
  }
}
@media (min-width: 768px) {
  .p--sm {
    font-size: 0.83125rem;
  }
}
@media (min-width: 1024px) {
  .p--sm {
    font-size: calc(
      0.6222222222rem +
        (14 - 9.9555555556) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--sm {
    font-size: calc(
      0.83125rem +
        (14 - 13.3) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--sm {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .p--sm {
    font-weight: 400;
  }
}
.p--lg {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #333747;
  font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875009375rem;
  font-size: calc(
      0.8533333333rem +
        (32.768 - 13.6533333333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 1rem;
}
@media (max-width: 320px) {
  .p--lg {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--lg {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--lg {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--lg {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  .p--lg {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  .p--lg {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--lg {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--lg {
    font-size: 1rem;
  }
}
.p--lg strong {
  font-weight: 600;
}
.p--lg.fontColor--boltBlack {
  color: #020a18;
}
.p--lg.fontColor--white {
  color: #fff;
}
.p--lg.fontColor--gray_200 {
  color: #333747;
}
.p--lg.fontColor--gray_400 {
  color: #696d80;
}
.p--lg.fontColor--gray_600 {
  color: #b6bbcf;
}
.p--lg.fontColor--gray_700 {
  color: #d6d6e1;
}
.p--lg.fontColor--gray_800 {
  color: #e9ebf7;
}
.p--lg.fontColor--lightningYellow {
  color: #68d8fc;
}
.p--lg.fontColor--lightningYellowDark {
  color: #68d8fc;
}
.p--lg.fontColor--blue {
  color: #006dff;
}
.p--lg.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
.p--lg.fontColor--green {
  color: #00c42e;
}
.p--lg.fontColor--pink {
  color: #ff76f2;
}
.p--lg.fontColor--purple {
  color: #9a4eff;
}
@media (max-width: 320px) {
  .p--lg {
    font-size: 0.8533333333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--lg {
    font-size: 1rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--lg {
    font-size: calc(
      1rem +
        (32.768 - 16) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--lg {
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .p--lg {
    font-size: 1.125rem;
  }
}
@media (min-width: 1024px) {
  .p--lg {
    font-size: calc(
      0.8rem +
        (18 - 12.8) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--lg {
    font-size: calc(
      1.125rem +
        (18 - 18) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--lg {
    font-size: 1.125rem;
  }
}
@media (min-width: 768px) {
  .p--lg {
    line-height: 120%;
  }
}
.p--xl {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #333747;
  font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875009375rem;
  font-size: calc(
      0.96rem +
        (36.864 - 15.36) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 1.125rem;
}
@media (max-width: 320px) {
  .p--xl {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--xl {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--xl {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--xl {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  .p--xl {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  .p--xl {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--xl {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--xl {
    font-size: 1rem;
  }
}
.p--xl strong {
  font-weight: 600;
}
.p--xl.fontColor--boltBlack {
  color: #020a18;
}
.p--xl.fontColor--white {
  color: #fff;
}
.p--xl.fontColor--gray_200 {
  color: #333747;
}
.p--xl.fontColor--gray_400 {
  color: #696d80;
}
.p--xl.fontColor--gray_600 {
  color: #b6bbcf;
}
.p--xl.fontColor--gray_700 {
  color: #d6d6e1;
}
.p--xl.fontColor--gray_800 {
  color: #e9ebf7;
}
.p--xl.fontColor--lightningYellow {
  color: #68d8fc;
}
.p--xl.fontColor--lightningYellowDark {
  color: #68d8fc;
}
.p--xl.fontColor--blue {
  color: #006dff;
}
.p--xl.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
.p--xl.fontColor--green {
  color: #00c42e;
}
.p--xl.fontColor--pink {
  color: #ff76f2;
}
.p--xl.fontColor--purple {
  color: #9a4eff;
}
@media (max-width: 320px) {
  .p--xl {
    font-size: 0.96rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--xl {
    font-size: 1.125rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--xl {
    font-size: calc(
      1.125rem +
        (36.864 - 18) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--xl {
    font-size: 1.125rem;
  }
}
@media (min-width: 768px) {
  .p--xl {
    font-size: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .p--xl {
    font-size: calc(
      0.8888888889rem +
        (20 - 14.2222222222) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--xl {
    font-size: calc(
      1.25rem +
        (20 - 20) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--xl {
    font-size: 1.25rem;
  }
}
@media (min-width: 768px) {
  .p--xl {
    line-height: 120%;
  }
}
.p--xxl {
  font-size: calc(
      1.0666666667rem +
        (40.96 - 17.0666666667) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 1.25rem;
}
@media (max-width: 320px) {
  .p--xxl {
    font-size: 1.0666666667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--xxl {
    font-size: 1.25rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--xxl {
    font-size: calc(
      1.25rem +
        (40.96 - 20) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--xxl {
    font-size: 1.25rem;
  }
}
@media (min-width: 768px) {
  .p--xxl {
    font-size: 1.375rem;
  }
}
@media (min-width: 1024px) {
  .p--xxl {
    font-size: calc(
      0.9777777778rem +
        (22 - 15.6444444444) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--xxl {
    font-size: calc(
      1.375rem +
        (22 - 22) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--xxl {
    font-size: 1.375rem;
  }
}

.screenReaderOnly {
  position: absolute;
  overflow: hidden;
  top: auto;
  left: -10000px;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
}

.resizeTransitionStopper .responsiveNav,
.resizeTransitionStopper .responsiveNav .nav {
  transition: none !important;
}

@media print {
  #__next > *:not(main) {
    display: none;
  }
  html,
body,
#__next {
    height: auto;
    overflow-y: scroll;
  }
  html body {
    position: unset;
    top: unset;
    left: unset;
    bottom: unset;
    right: unset;
  }
  html body > *:not(#__next) {
    display: none;
  }
}
.marginTop {
  margin-top: clamp(
      1px,
      17.6vw,
      135.168px
    ) !important;
}
@media (min-width: 768px) {
  .marginTop {
    margin-top: clamp(
      1px,
      6.9444444444vw,
      100px
    ) !important;
  }
}
.marginTop--none {
  margin-top: 0;
}
.marginTop--xs {
  margin-top: clamp(
      1px,
      8.8vw,
      67.584px
    ) !important;
}
@media (min-width: 768px) {
  .marginTop--xs {
    margin-top: clamp(
      1px,
      3.4722222222vw,
      50px
    ) !important;
  }
}
.marginTop--sm {
  margin-top: clamp(
      1px,
      13.2vw,
      101.376px
    ) !important;
}
@media (min-width: 768px) {
  .marginTop--sm {
    margin-top: clamp(
      1px,
      5.2083333333vw,
      75px
    ) !important;
  }
}
.marginTop--lg {
  margin-top: clamp(
      1px,
      26.4vw,
      202.752px
    ) !important;
}
@media (min-width: 768px) {
  .marginTop--lg {
    margin-top: clamp(
      1px,
      10.4166666667vw,
      150px
    ) !important;
  }
}
.marginTop--xl {
  margin-top: clamp(
      1px,
      35.2vw,
      270.336px
    ) !important;
}
@media (min-width: 768px) {
  .marginTop--xl {
    margin-top: clamp(
      1px,
      13.8888888889vw,
      200px
    ) !important;
  }
}

.marginBottom {
  margin-bottom: clamp(
      1px,
      17.6vw,
      135.168px
    ) !important;
}
@media (min-width: 768px) {
  .marginBottom {
    margin-bottom: clamp(
      1px,
      6.9444444444vw,
      100px
    ) !important;
  }
}
.marginBottom--none {
  margin-bottom: 0;
}
.marginBottom--xs {
  margin-bottom: clamp(
      1px,
      8.8vw,
      67.584px
    ) !important;
}
@media (min-width: 768px) {
  .marginBottom--xs {
    margin-bottom: clamp(
      1px,
      3.4722222222vw,
      50px
    ) !important;
  }
}
.marginBottom--sm {
  margin-bottom: clamp(
      1px,
      13.2vw,
      101.376px
    ) !important;
}
@media (min-width: 768px) {
  .marginBottom--sm {
    margin-bottom: clamp(
      1px,
      5.2083333333vw,
      75px
    ) !important;
  }
}
.marginBottom--lg {
  margin-bottom: clamp(
      1px,
      26.4vw,
      202.752px
    ) !important;
}
@media (min-width: 768px) {
  .marginBottom--lg {
    margin-bottom: clamp(
      1px,
      10.4166666667vw,
      150px
    ) !important;
  }
}
.marginBottom--xl {
  margin-bottom: clamp(
      1px,
      35.2vw,
      270.336px
    ) !important;
}
@media (min-width: 768px) {
  .marginBottom--xl {
    margin-bottom: clamp(
      1px,
      13.8888888889vw,
      200px
    ) !important;
  }
}

*,
*::after,
*::before {
  box-sizing: border-box;
  text-decoration: none;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  -webkit-padding-end: 0;
  padding-inline-end: 0;
  -webkit-padding-before: 0;
  padding-block-start: 0;
  -webkit-padding-after: 0;
  padding-block-end: 0;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
}
*:visited,
*::after:visited,
*::before:visited {
  color: inherit;
}

html,
body {
  min-height: 100%;
  overflow-x: hidden;
  overflow-x: clip;
}

html {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1em;
  font-weight: 400;
}

body {
  margin: 0;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1rem;
}

img {
  max-width: 100%;
}

img,
button {
  user-select: none;
}

img,
video,
figure,
picture,
label,
embed,
ul,
li {
  display: block;
}

img,
video,
figure,
picture,
canvas,
svg {
  height: auto;
  max-width: 100%;
}

fieldset {
  border: none;
  padding: 0;
}

a {
  cursor: pointer;
  transition: all 0.2s ease;
}
a:hover {
  transition: all 0.2s ease;
}

nav ul {
  list-style-type: none;
}

iframe {
  border: none;
  color-scheme: normal;
}

q {
  quotes: "“" "”" "‘" "’";
}
q::before {
  content: open-quote;
}
q::after {
  content: close-quote;
}

figure,
picture {
  overflow: hidden;
  position: relative;
}

pre {
  margin: 0;
}

button {
  appearance: none;
  align-items: unset;
  background-color: transparent;
  margin: unset;
  padding: unset;
  border: none;
  font: unset;
  font-size: inherit;
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
}
button:hover {
  cursor: pointer;
}

html {
  background-color: #fff;
}
html.open .responsiveNav {
  display: block;
}
html.overflow-hidden {
  overflow: hidden;
}

a {
  text-decoration: underline;
  text-decoration-thickness: 0.05em;
  text-underline-offset: 0.25em;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
@media (min-width: 768px) {
  h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    letter-spacing: -0.02em;
  }
}

h1,
.h1 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      2.24rem +
        (86.016 - 35.84) *
        ((100vw - 320px) / (768 - 320))
    );
}
@media (min-width: 768px) {
  h1,
.h1 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  h1,
.h1 {
    font-size: 2.24rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  h1,
.h1 {
    font-size: 2.24rem;
  }
}
@media (min-width: 768px) {
  h1,
.h1 {
    font-size: 3.1111111111rem;
  }
}
@media (min-width: 1024px) {
  h1,
.h1 {
    font-size: calc(
      3.1111111111rem +
        (70 - 49.7777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  h1,
.h1 {
    font-size: 4.375rem;
  }
}

h2,
.h2 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      2.0266666667rem +
        (77.824 - 32.4266666667) *
        ((100vw - 320px) / (768 - 320))
    );
}
@media (min-width: 768px) {
  h2,
.h2 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  h2,
.h2 {
    font-size: 2.0266666667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  h2,
.h2 {
    font-size: 2.0266666667rem;
  }
}
@media (min-width: 768px) {
  h2,
.h2 {
    font-size: 2.8444444444rem;
  }
}
@media (min-width: 1024px) {
  h2,
.h2 {
    font-size: calc(
      2.8444444444rem +
        (64 - 45.5111111111) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  h2,
.h2 {
    font-size: 4rem;
  }
}
@media (min-width: 768px) {
  h2,
.h2 {
    line-height: 110%;
  }
}

h3,
.h3 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      1.7066666667rem +
        (65.536 - 27.3066666667) *
        ((100vw - 320px) / (768 - 320))
    );
}
@media (min-width: 768px) {
  h3,
.h3 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  h3,
.h3 {
    font-size: 1.7066666667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  h3,
.h3 {
    font-size: 1.7066666667rem;
  }
}
@media (min-width: 768px) {
  h3,
.h3 {
    font-size: 2.0444444444rem;
  }
}
@media (min-width: 1024px) {
  h3,
.h3 {
    font-size: calc(
      2.0444444444rem +
        (46 - 32.7111111111) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  h3,
.h3 {
    font-size: 2.875rem;
  }
}
@media (min-width: 768px) {
  h3,
.h3 {
    line-height: 110%;
  }
}

h4,
.h4 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      1.28rem +
        (49.152 - 20.48) *
        ((100vw - 320px) / (768 - 320))
    );
}
@media (min-width: 768px) {
  h4,
.h4 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  h4,
.h4 {
    font-size: 1.28rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  h4,
.h4 {
    font-size: 1.28rem;
  }
}
@media (min-width: 768px) {
  h4,
.h4 {
    font-size: 1.4222222222rem;
  }
}
@media (min-width: 1024px) {
  h4,
.h4 {
    font-size: calc(
      1.4222222222rem +
        (32 - 22.7555555556) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  h4,
.h4 {
    font-size: 2rem;
  }
}
@media (min-width: 768px) {
  h4,
.h4 {
    line-height: 110%;
  }
}

h5,
.h5 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      1.0666666667rem +
        (40.96 - 17.0666666667) *
        ((100vw - 320px) / (768 - 320))
    );
  font-weight: 700;
}
@media (min-width: 768px) {
  h5,
.h5 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  h5,
.h5 {
    font-size: 1.0666666667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  h5,
.h5 {
    font-size: 1.0666666667rem;
  }
}
@media (min-width: 768px) {
  h5,
.h5 {
    font-size: 1.1555555556rem;
  }
}
@media (min-width: 1024px) {
  h5,
.h5 {
    font-size: calc(
      1.1555555556rem +
        (26 - 18.4888888889) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  h5,
.h5 {
    font-size: 1.625rem;
  }
}
@media (min-width: 768px) {
  h5,
.h5 {
    line-height: 110%;
  }
}

h6,
.h6 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      0.9066666667rem +
        (34.816 - 14.5066666667) *
        ((100vw - 320px) / (768 - 320))
    );
  line-height: 105%;
  font-weight: 700;
}
@media (min-width: 768px) {
  h6,
.h6 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  h6,
.h6 {
    font-size: 0.9066666667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  h6,
.h6 {
    font-size: 0.9066666667rem;
  }
}
@media (min-width: 768px) {
  h6,
.h6 {
    font-size: 0.9777777778rem;
  }
}
@media (min-width: 1024px) {
  h6,
.h6 {
    font-size: calc(
      0.9777777778rem +
        (22 - 15.6444444444) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  h6,
.h6 {
    font-size: 1.375rem;
  }
}
@media (min-width: 768px) {
  h6,
.h6 {
    line-height: 110%;
  }
}

p,
.p {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #333747;
  font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875009375rem;
}
@media (max-width: 320px) {
  p,
.p {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  p,
.p {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  p,
.p {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  p,
.p {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  p,
.p {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  p,
.p {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  p,
.p {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  p,
.p {
    font-size: 1rem;
  }
}
p strong,
.p strong {
  font-weight: 600;
}
p.fontColor--boltBlack,
.p.fontColor--boltBlack {
  color: #020a18;
}
p.fontColor--white,
.p.fontColor--white {
  color: #fff;
}
p.fontColor--gray_200,
.p.fontColor--gray_200 {
  color: #333747;
}
p.fontColor--gray_400,
.p.fontColor--gray_400 {
  color: #696d80;
}
p.fontColor--gray_600,
.p.fontColor--gray_600 {
  color: #b6bbcf;
}
p.fontColor--gray_700,
.p.fontColor--gray_700 {
  color: #d6d6e1;
}
p.fontColor--gray_800,
.p.fontColor--gray_800 {
  color: #e9ebf7;
}
p.fontColor--lightningYellow,
.p.fontColor--lightningYellow {
  color: #68d8fc;
}
p.fontColor--lightningYellowDark,
.p.fontColor--lightningYellowDark {
  color: #68d8fc;
}
p.fontColor--blue,
.p.fontColor--blue {
  color: #006dff;
}
p.fontColor--blue--light-secondary,
.p.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
p.fontColor--green,
.p.fontColor--green {
  color: #00c42e;
}
p.fontColor--pink,
.p.fontColor--pink {
  color: #ff76f2;
}
p.fontColor--purple,
.p.fontColor--purple {
  color: #9a4eff;
}

.p--xxs {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #333747;
  font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875009375rem;
  font-size: calc(
      0.5333333333rem +
        (20.48 - 8.5333333333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.625rem;
  font-weight: 400;
}
@media (max-width: 320px) {
  .p--xxs {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--xxs {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--xxs {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--xxs {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  .p--xxs {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  .p--xxs {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--xxs {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--xxs {
    font-size: 1rem;
  }
}
.p--xxs strong {
  font-weight: 600;
}
.p--xxs.fontColor--boltBlack {
  color: #020a18;
}
.p--xxs.fontColor--white {
  color: #fff;
}
.p--xxs.fontColor--gray_200 {
  color: #333747;
}
.p--xxs.fontColor--gray_400 {
  color: #696d80;
}
.p--xxs.fontColor--gray_600 {
  color: #b6bbcf;
}
.p--xxs.fontColor--gray_700 {
  color: #d6d6e1;
}
.p--xxs.fontColor--gray_800 {
  color: #e9ebf7;
}
.p--xxs.fontColor--lightningYellow {
  color: #68d8fc;
}
.p--xxs.fontColor--lightningYellowDark {
  color: #68d8fc;
}
.p--xxs.fontColor--blue {
  color: #006dff;
}
.p--xxs.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
.p--xxs.fontColor--green {
  color: #00c42e;
}
.p--xxs.fontColor--pink {
  color: #ff76f2;
}
.p--xxs.fontColor--purple {
  color: #9a4eff;
}
@media (max-width: 320px) {
  .p--xxs {
    font-size: 0.5333333333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--xxs {
    font-size: 0.625rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--xxs {
    font-size: calc(
      0.625rem +
        (20.48 - 10) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--xxs {
    font-size: 0.625rem;
  }
}
@media (min-width: 768px) {
  .p--xxs {
    font-size: 0.625rem;
  }
}
@media (min-width: 1024px) {
  .p--xxs {
    font-size: calc(
      0.4444444444rem +
        (10 - 7.1111111111) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--xxs {
    font-size: calc(
      0.625rem +
        (10 - 10) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--xxs {
    font-size: 0.625rem;
  }
}
.p--xs {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #333747;
  font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875009375rem;
  font-size: calc(
      0.64rem +
        (24.576 - 10.24) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.75rem;
  font-weight: 400;
}
@media (max-width: 320px) {
  .p--xs {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--xs {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--xs {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--xs {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  .p--xs {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  .p--xs {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--xs {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--xs {
    font-size: 1rem;
  }
}
.p--xs strong {
  font-weight: 600;
}
.p--xs.fontColor--boltBlack {
  color: #020a18;
}
.p--xs.fontColor--white {
  color: #fff;
}
.p--xs.fontColor--gray_200 {
  color: #333747;
}
.p--xs.fontColor--gray_400 {
  color: #696d80;
}
.p--xs.fontColor--gray_600 {
  color: #b6bbcf;
}
.p--xs.fontColor--gray_700 {
  color: #d6d6e1;
}
.p--xs.fontColor--gray_800 {
  color: #e9ebf7;
}
.p--xs.fontColor--lightningYellow {
  color: #68d8fc;
}
.p--xs.fontColor--lightningYellowDark {
  color: #68d8fc;
}
.p--xs.fontColor--blue {
  color: #006dff;
}
.p--xs.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
.p--xs.fontColor--green {
  color: #00c42e;
}
.p--xs.fontColor--pink {
  color: #ff76f2;
}
.p--xs.fontColor--purple {
  color: #9a4eff;
}
@media (max-width: 320px) {
  .p--xs {
    font-size: 0.64rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--xs {
    font-size: 0.75rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--xs {
    font-size: calc(
      0.75rem +
        (24.576 - 12) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--xs {
    font-size: 0.75rem;
  }
}
@media (min-width: 768px) {
  .p--xs {
    font-size: 0.75rem;
  }
}
@media (min-width: 1024px) {
  .p--xs {
    font-size: calc(
      0.5333333333rem +
        (12 - 8.5333333333) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--xs {
    font-size: calc(
      0.75rem +
        (12 - 12) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--xs {
    font-size: 0.75rem;
  }
}
.p--sm {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #333747;
  font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875009375rem;
  font-size: calc(
      0.6737066667rem +
        (25.870336 - 10.7793066667) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.750025rem;
}
@media (max-width: 320px) {
  .p--sm {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--sm {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--sm {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--sm {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  .p--sm {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  .p--sm {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--sm {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--sm {
    font-size: 1rem;
  }
}
.p--sm strong {
  font-weight: 600;
}
.p--sm.fontColor--boltBlack {
  color: #020a18;
}
.p--sm.fontColor--white {
  color: #fff;
}
.p--sm.fontColor--gray_200 {
  color: #333747;
}
.p--sm.fontColor--gray_400 {
  color: #696d80;
}
.p--sm.fontColor--gray_600 {
  color: #b6bbcf;
}
.p--sm.fontColor--gray_700 {
  color: #d6d6e1;
}
.p--sm.fontColor--gray_800 {
  color: #e9ebf7;
}
.p--sm.fontColor--lightningYellow {
  color: #68d8fc;
}
.p--sm.fontColor--lightningYellowDark {
  color: #68d8fc;
}
.p--sm.fontColor--blue {
  color: #006dff;
}
.p--sm.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
.p--sm.fontColor--green {
  color: #00c42e;
}
.p--sm.fontColor--pink {
  color: #ff76f2;
}
.p--sm.fontColor--purple {
  color: #9a4eff;
}
@media (max-width: 320px) {
  .p--sm {
    font-size: 0.6737066667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--sm {
    font-size: 0.750025rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--sm {
    font-size: calc(
      0.750025rem +
        (25.870336 - 12.0004) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--sm {
    font-size: 0.750025rem;
  }
}
@media (min-width: 768px) {
  .p--sm {
    font-size: 0.83125rem;
  }
}
@media (min-width: 1024px) {
  .p--sm {
    font-size: calc(
      0.6222222222rem +
        (14 - 9.9555555556) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--sm {
    font-size: calc(
      0.83125rem +
        (14 - 13.3) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--sm {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .p--sm {
    font-weight: 400;
  }
}
.p--lg {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #333747;
  font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875009375rem;
  font-size: calc(
      0.8533333333rem +
        (32.768 - 13.6533333333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 1rem;
}
@media (max-width: 320px) {
  .p--lg {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--lg {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--lg {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--lg {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  .p--lg {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  .p--lg {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--lg {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--lg {
    font-size: 1rem;
  }
}
.p--lg strong {
  font-weight: 600;
}
.p--lg.fontColor--boltBlack {
  color: #020a18;
}
.p--lg.fontColor--white {
  color: #fff;
}
.p--lg.fontColor--gray_200 {
  color: #333747;
}
.p--lg.fontColor--gray_400 {
  color: #696d80;
}
.p--lg.fontColor--gray_600 {
  color: #b6bbcf;
}
.p--lg.fontColor--gray_700 {
  color: #d6d6e1;
}
.p--lg.fontColor--gray_800 {
  color: #e9ebf7;
}
.p--lg.fontColor--lightningYellow {
  color: #68d8fc;
}
.p--lg.fontColor--lightningYellowDark {
  color: #68d8fc;
}
.p--lg.fontColor--blue {
  color: #006dff;
}
.p--lg.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
.p--lg.fontColor--green {
  color: #00c42e;
}
.p--lg.fontColor--pink {
  color: #ff76f2;
}
.p--lg.fontColor--purple {
  color: #9a4eff;
}
@media (max-width: 320px) {
  .p--lg {
    font-size: 0.8533333333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--lg {
    font-size: 1rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--lg {
    font-size: calc(
      1rem +
        (32.768 - 16) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--lg {
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .p--lg {
    font-size: 1.125rem;
  }
}
@media (min-width: 1024px) {
  .p--lg {
    font-size: calc(
      0.8rem +
        (18 - 12.8) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--lg {
    font-size: calc(
      1.125rem +
        (18 - 18) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--lg {
    font-size: 1.125rem;
  }
}
@media (min-width: 768px) {
  .p--lg {
    line-height: 120%;
  }
}
.p--xl {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #333747;
  font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875009375rem;
  font-size: calc(
      0.96rem +
        (36.864 - 15.36) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 1.125rem;
}
@media (max-width: 320px) {
  .p--xl {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--xl {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--xl {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--xl {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  .p--xl {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  .p--xl {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--xl {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--xl {
    font-size: 1rem;
  }
}
.p--xl strong {
  font-weight: 600;
}
.p--xl.fontColor--boltBlack {
  color: #020a18;
}
.p--xl.fontColor--white {
  color: #fff;
}
.p--xl.fontColor--gray_200 {
  color: #333747;
}
.p--xl.fontColor--gray_400 {
  color: #696d80;
}
.p--xl.fontColor--gray_600 {
  color: #b6bbcf;
}
.p--xl.fontColor--gray_700 {
  color: #d6d6e1;
}
.p--xl.fontColor--gray_800 {
  color: #e9ebf7;
}
.p--xl.fontColor--lightningYellow {
  color: #68d8fc;
}
.p--xl.fontColor--lightningYellowDark {
  color: #68d8fc;
}
.p--xl.fontColor--blue {
  color: #006dff;
}
.p--xl.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
.p--xl.fontColor--green {
  color: #00c42e;
}
.p--xl.fontColor--pink {
  color: #ff76f2;
}
.p--xl.fontColor--purple {
  color: #9a4eff;
}
@media (max-width: 320px) {
  .p--xl {
    font-size: 0.96rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--xl {
    font-size: 1.125rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--xl {
    font-size: calc(
      1.125rem +
        (36.864 - 18) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--xl {
    font-size: 1.125rem;
  }
}
@media (min-width: 768px) {
  .p--xl {
    font-size: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .p--xl {
    font-size: calc(
      0.8888888889rem +
        (20 - 14.2222222222) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--xl {
    font-size: calc(
      1.25rem +
        (20 - 20) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--xl {
    font-size: 1.25rem;
  }
}
@media (min-width: 768px) {
  .p--xl {
    line-height: 120%;
  }
}
.p--xxl {
  font-size: calc(
      1.0666666667rem +
        (40.96 - 17.0666666667) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 1.25rem;
}
@media (max-width: 320px) {
  .p--xxl {
    font-size: 1.0666666667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--xxl {
    font-size: 1.25rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--xxl {
    font-size: calc(
      1.25rem +
        (40.96 - 20) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--xxl {
    font-size: 1.25rem;
  }
}
@media (min-width: 768px) {
  .p--xxl {
    font-size: 1.375rem;
  }
}
@media (min-width: 1024px) {
  .p--xxl {
    font-size: calc(
      0.9777777778rem +
        (22 - 15.6444444444) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--xxl {
    font-size: calc(
      1.375rem +
        (22 - 22) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--xxl {
    font-size: 1.375rem;
  }
}

.screenReaderOnly {
  position: absolute;
  overflow: hidden;
  top: auto;
  left: -10000px;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
}

.resizeTransitionStopper .responsiveNav,
.resizeTransitionStopper .responsiveNav .nav {
  transition: none !important;
}

@media print {
  #__next > *:not(main) {
    display: none;
  }
  html,
body,
#__next {
    height: auto;
    overflow-y: scroll;
  }
  html body {
    position: unset;
    top: unset;
    left: unset;
    bottom: unset;
    right: unset;
  }
  html body > *:not(#__next) {
    display: none;
  }
}
.paddingTop {
  padding-top: clamp(
      1px,
      17.6vw,
      135.168px
    ) !important;
}
@media (min-width: 768px) {
  .paddingTop {
    padding-top: clamp(
      1px,
      6.9444444444vw,
      100px
    ) !important;
  }
}
.paddingTop--none {
  padding-top: 0;
}
.paddingTop--xs {
  padding-top: clamp(
      1px,
      8.8vw,
      67.584px
    ) !important;
}
@media (min-width: 768px) {
  .paddingTop--xs {
    padding-top: clamp(
      1px,
      3.4722222222vw,
      50px
    ) !important;
  }
}
.paddingTop--sm {
  padding-top: clamp(
      1px,
      13.2vw,
      101.376px
    ) !important;
}
@media (min-width: 768px) {
  .paddingTop--sm {
    padding-top: clamp(
      1px,
      5.2083333333vw,
      75px
    ) !important;
  }
}
.paddingTop--lg {
  padding-top: clamp(
      1px,
      26.4vw,
      202.752px
    ) !important;
}
@media (min-width: 768px) {
  .paddingTop--lg {
    padding-top: clamp(
      1px,
      10.4166666667vw,
      150px
    ) !important;
  }
}
.paddingTop--xl {
  padding-top: clamp(
      1px,
      35.2vw,
      270.336px
    ) !important;
}
@media (min-width: 768px) {
  .paddingTop--xl {
    padding-top: clamp(
      1px,
      13.8888888889vw,
      200px
    ) !important;
  }
}

.paddingBottom {
  padding-bottom: clamp(
      1px,
      17.6vw,
      135.168px
    ) !important;
}
@media (min-width: 768px) {
  .paddingBottom {
    padding-bottom: clamp(
      1px,
      6.9444444444vw,
      100px
    ) !important;
  }
}
.paddingBottom--none {
  padding-bottom: 0;
}
.paddingBottom--xs {
  padding-bottom: clamp(
      1px,
      8.8vw,
      67.584px
    ) !important;
}
@media (min-width: 768px) {
  .paddingBottom--xs {
    padding-bottom: clamp(
      1px,
      3.4722222222vw,
      50px
    ) !important;
  }
}
.paddingBottom--sm {
  padding-bottom: clamp(
      1px,
      13.2vw,
      101.376px
    ) !important;
}
@media (min-width: 768px) {
  .paddingBottom--sm {
    padding-bottom: clamp(
      1px,
      5.2083333333vw,
      75px
    ) !important;
  }
}
.paddingBottom--lg {
  padding-bottom: clamp(
      1px,
      26.4vw,
      202.752px
    ) !important;
}
@media (min-width: 768px) {
  .paddingBottom--lg {
    padding-bottom: clamp(
      1px,
      10.4166666667vw,
      150px
    ) !important;
  }
}
.paddingBottom--xl {
  padding-bottom: clamp(
      1px,
      35.2vw,
      270.336px
    ) !important;
}
@media (min-width: 768px) {
  .paddingBottom--xl {
    padding-bottom: clamp(
      1px,
      13.8888888889vw,
      200px
    ) !important;
  }
}

@font-face {
  font-display: swap;
  font-family: agrandir-variable;
  font-weight: 1 999;
  src: url(/fonts/agrandir-variable/agrandir-variable.ttf) format("truetype-variations");
}
@font-face {
  font-family: agrandir-bolt;
  font-display: swap;
  font-weight: 700;
  src: url(/fonts/agrandir-bolt/agrandir-bolt.otf);
  src: url(/fonts/agrandir-bolt/agrandir-bolt.woff2) format("woff2"), url(/fonts/agrandir-bolt/agrandir-bolt.woff) format("woff"), url(/fonts/agrandir-bolt/agrandir-bolt.ttf) format("truetype");
}
.h1 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      2.24rem +
        (86.016 - 35.84) *
        ((100vw - 320px) / (768 - 320))
    );
}
@media (min-width: 768px) {
  .h1 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  .h1 {
    font-size: 2.24rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .h1 {
    font-size: 2.24rem;
  }
}
@media (min-width: 768px) {
  .h1 {
    font-size: 3.1111111111rem;
  }
}
@media (min-width: 1024px) {
  .h1 {
    font-size: calc(
      3.1111111111rem +
        (70 - 49.7777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .h1 {
    font-size: 4.375rem;
  }
}

.h2 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      2.0266666667rem +
        (77.824 - 32.4266666667) *
        ((100vw - 320px) / (768 - 320))
    );
}
@media (min-width: 768px) {
  .h2 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  .h2 {
    font-size: 2.0266666667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .h2 {
    font-size: 2.0266666667rem;
  }
}
@media (min-width: 768px) {
  .h2 {
    font-size: 2.8444444444rem;
  }
}
@media (min-width: 1024px) {
  .h2 {
    font-size: calc(
      2.8444444444rem +
        (64 - 45.5111111111) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .h2 {
    font-size: 4rem;
  }
}
@media (min-width: 768px) {
  .h2 {
    line-height: 110%;
  }
}

.h2--large,
.h2_large {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      2.0266666667rem +
        (77.824 - 32.4266666667) *
        ((100vw - 320px) / (768 - 320))
    );
}
@media (min-width: 768px) {
  .h2--large,
.h2_large {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  .h2--large,
.h2_large {
    font-size: 2.0266666667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .h2--large,
.h2_large {
    font-size: 2.0266666667rem;
  }
}
@media (min-width: 768px) {
  .h2--large,
.h2_large {
    font-size: 3.2888888889rem;
  }
}
@media (min-width: 1024px) {
  .h2--large,
.h2_large {
    font-size: calc(
      3.2888888889rem +
        (74 - 52.6222222222) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .h2--large,
.h2_large {
    font-size: 4.625rem;
  }
}
@media (min-width: 768px) {
  .h2--large,
.h2_large {
    line-height: 110%;
  }
}

.h3 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      1.7066666667rem +
        (65.536 - 27.3066666667) *
        ((100vw - 320px) / (768 - 320))
    );
}
@media (min-width: 768px) {
  .h3 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  .h3 {
    font-size: 1.7066666667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .h3 {
    font-size: 1.7066666667rem;
  }
}
@media (min-width: 768px) {
  .h3 {
    font-size: 2.0444444444rem;
  }
}
@media (min-width: 1024px) {
  .h3 {
    font-size: calc(
      2.0444444444rem +
        (46 - 32.7111111111) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .h3 {
    font-size: 2.875rem;
  }
}
@media (min-width: 768px) {
  .h3 {
    line-height: 110%;
  }
}

.h3--small,
.h3_small {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      1.6rem +
        (61.44 - 25.6) *
        ((100vw - 320px) / (768 - 320))
    );
}
@media (min-width: 768px) {
  .h3--small,
.h3_small {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  .h3--small,
.h3_small {
    font-size: 1.6rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .h3--small,
.h3_small {
    font-size: 1.6rem;
  }
}
@media (min-width: 768px) {
  .h3--small,
.h3_small {
    font-size: 1.9555555556rem;
  }
}
@media (min-width: 1024px) {
  .h3--small,
.h3_small {
    font-size: calc(
      1.9555555556rem +
        (44 - 31.2888888889) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .h3--small,
.h3_small {
    font-size: 2.75rem;
  }
}
@media (min-width: 768px) {
  .h3--small,
.h3_small {
    line-height: 90%;
  }
}

.h4 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      1.28rem +
        (49.152 - 20.48) *
        ((100vw - 320px) / (768 - 320))
    );
}
@media (min-width: 768px) {
  .h4 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  .h4 {
    font-size: 1.28rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .h4 {
    font-size: 1.28rem;
  }
}
@media (min-width: 768px) {
  .h4 {
    font-size: 1.4222222222rem;
  }
}
@media (min-width: 1024px) {
  .h4 {
    font-size: calc(
      1.4222222222rem +
        (32 - 22.7555555556) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .h4 {
    font-size: 2rem;
  }
}
@media (min-width: 768px) {
  .h4 {
    line-height: 110%;
  }
}

.h4--large,
.h4_longform {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      1.4933333333rem +
        (57.344 - 23.8933333333) *
        ((100vw - 320px) / (768 - 320))
    );
}
@media (min-width: 768px) {
  .h4--large,
.h4_longform {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  .h4--large,
.h4_longform {
    font-size: 1.4933333333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .h4--large,
.h4_longform {
    font-size: 1.4933333333rem;
  }
}
@media (min-width: 768px) {
  .h4--large,
.h4_longform {
    font-size: 1.7333333333rem;
  }
}
@media (min-width: 1024px) {
  .h4--large,
.h4_longform {
    font-size: calc(
      1.7333333333rem +
        (39 - 27.7333333333) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .h4--large,
.h4_longform {
    font-size: 2.4375rem;
  }
}
@media (min-width: 768px) {
  .h4--large,
.h4_longform {
    line-height: 110%;
  }
}

.h4--light,
.h4_light {
  font-family: agrandir-variable, agrandir-bolt, sans-serif, -apple-system, BlinkMacSystemFont, Apple Color Emoji, Segoe UI, Segoe UI Emoji, Segoe UI Symbol;
  font-style: normal;
  font-weight: 617;
  line-height: 100%;
  font-variation-settings: "wdth" 75;
  font-family: agrandir-variable, agrandir-bolt, sans-serif, -apple-system, BlinkMacSystemFont, Apple Color Emoji, Segoe UI, Segoe UI Emoji, Segoe UI Symbol;
  font-weight: 469;
  font-size: calc(
      1.28rem +
        (49.152 - 20.48) *
        ((100vw - 320px) / (768 - 320))
    );
}
@media (min-width: 768px) {
  .h4--light,
.h4_light {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  .h4--light,
.h4_light {
    font-size: 1.28rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .h4--light,
.h4_light {
    font-size: 1.28rem;
  }
}
@media (min-width: 768px) {
  .h4--light,
.h4_light {
    font-size: 1.4222222222rem;
  }
}
@media (min-width: 1024px) {
  .h4--light,
.h4_light {
    font-size: calc(
      1.4222222222rem +
        (32 - 22.7555555556) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .h4--light,
.h4_light {
    font-size: 2rem;
  }
}
@media (min-width: 768px) {
  .h4--light,
.h4_light {
    line-height: 110%;
  }
}

.h5 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      1.0666666667rem +
        (40.96 - 17.0666666667) *
        ((100vw - 320px) / (768 - 320))
    );
  font-weight: 700;
}
@media (min-width: 768px) {
  .h5 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  .h5 {
    font-size: 1.0666666667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .h5 {
    font-size: 1.0666666667rem;
  }
}
@media (min-width: 768px) {
  .h5 {
    font-size: 1.1555555556rem;
  }
}
@media (min-width: 1024px) {
  .h5 {
    font-size: calc(
      1.1555555556rem +
        (26 - 18.4888888889) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .h5 {
    font-size: 1.625rem;
  }
}
@media (min-width: 768px) {
  .h5 {
    line-height: 110%;
  }
}

.h6 {
  font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: calc(
      0.9066666667rem +
        (34.816 - 14.5066666667) *
        ((100vw - 320px) / (768 - 320))
    );
  line-height: 105%;
  font-weight: 700;
}
@media (min-width: 768px) {
  .h6 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  .h6 {
    font-size: 0.9066666667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .h6 {
    font-size: 0.9066666667rem;
  }
}
@media (min-width: 768px) {
  .h6 {
    font-size: 0.9777777778rem;
  }
}
@media (min-width: 1024px) {
  .h6 {
    font-size: calc(
      0.9777777778rem +
        (22 - 15.6444444444) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .h6 {
    font-size: 1.375rem;
  }
}
@media (min-width: 768px) {
  .h6 {
    line-height: 110%;
  }
}

.p {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #333747;
  font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875009375rem;
}
@media (max-width: 320px) {
  .p {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  .p {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  .p {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p {
    font-size: 1rem;
  }
}
.p strong {
  font-weight: 600;
}
.p.fontColor--boltBlack {
  color: #020a18;
}
.p.fontColor--white {
  color: #fff;
}
.p.fontColor--gray_200 {
  color: #333747;
}
.p.fontColor--gray_400 {
  color: #696d80;
}
.p.fontColor--gray_600 {
  color: #b6bbcf;
}
.p.fontColor--gray_700 {
  color: #d6d6e1;
}
.p.fontColor--gray_800 {
  color: #e9ebf7;
}
.p.fontColor--lightningYellow {
  color: #68d8fc;
}
.p.fontColor--lightningYellowDark {
  color: #68d8fc;
}
.p.fontColor--blue {
  color: #006dff;
}
.p.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
.p.fontColor--green {
  color: #00c42e;
}
.p.fontColor--pink {
  color: #ff76f2;
}
.p.fontColor--purple {
  color: #9a4eff;
}

.p--lg,
.p_lg {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #333747;
  font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875009375rem;
  font-size: calc(
      0.8533333333rem +
        (32.768 - 13.6533333333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 1rem;
}
@media (max-width: 320px) {
  .p--lg,
.p_lg {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--lg,
.p_lg {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--lg,
.p_lg {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--lg,
.p_lg {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  .p--lg,
.p_lg {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  .p--lg,
.p_lg {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--lg,
.p_lg {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--lg,
.p_lg {
    font-size: 1rem;
  }
}
.p--lg strong,
.p_lg strong {
  font-weight: 600;
}
.p--lg.fontColor--boltBlack,
.p_lg.fontColor--boltBlack {
  color: #020a18;
}
.p--lg.fontColor--white,
.p_lg.fontColor--white {
  color: #fff;
}
.p--lg.fontColor--gray_200,
.p_lg.fontColor--gray_200 {
  color: #333747;
}
.p--lg.fontColor--gray_400,
.p_lg.fontColor--gray_400 {
  color: #696d80;
}
.p--lg.fontColor--gray_600,
.p_lg.fontColor--gray_600 {
  color: #b6bbcf;
}
.p--lg.fontColor--gray_700,
.p_lg.fontColor--gray_700 {
  color: #d6d6e1;
}
.p--lg.fontColor--gray_800,
.p_lg.fontColor--gray_800 {
  color: #e9ebf7;
}
.p--lg.fontColor--lightningYellow,
.p_lg.fontColor--lightningYellow {
  color: #68d8fc;
}
.p--lg.fontColor--lightningYellowDark,
.p_lg.fontColor--lightningYellowDark {
  color: #68d8fc;
}
.p--lg.fontColor--blue,
.p_lg.fontColor--blue {
  color: #006dff;
}
.p--lg.fontColor--blue--light-secondary,
.p_lg.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
.p--lg.fontColor--green,
.p_lg.fontColor--green {
  color: #00c42e;
}
.p--lg.fontColor--pink,
.p_lg.fontColor--pink {
  color: #ff76f2;
}
.p--lg.fontColor--purple,
.p_lg.fontColor--purple {
  color: #9a4eff;
}
@media (max-width: 320px) {
  .p--lg,
.p_lg {
    font-size: 0.8533333333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--lg,
.p_lg {
    font-size: 1rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--lg,
.p_lg {
    font-size: calc(
      1rem +
        (32.768 - 16) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--lg,
.p_lg {
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .p--lg,
.p_lg {
    font-size: 1.125rem;
  }
}
@media (min-width: 1024px) {
  .p--lg,
.p_lg {
    font-size: calc(
      0.8rem +
        (18 - 12.8) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--lg,
.p_lg {
    font-size: calc(
      1.125rem +
        (18 - 18) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--lg,
.p_lg {
    font-size: 1.125rem;
  }
}
@media (min-width: 768px) {
  .p--lg,
.p_lg {
    line-height: 120%;
  }
}

.p--sm,
.p_sm {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #333747;
  font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875009375rem;
  font-size: calc(
      0.6737066667rem +
        (25.870336 - 10.7793066667) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.750025rem;
}
@media (max-width: 320px) {
  .p--sm,
.p_sm {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--sm,
.p_sm {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--sm,
.p_sm {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--sm,
.p_sm {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  .p--sm,
.p_sm {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  .p--sm,
.p_sm {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--sm,
.p_sm {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--sm,
.p_sm {
    font-size: 1rem;
  }
}
.p--sm strong,
.p_sm strong {
  font-weight: 600;
}
.p--sm.fontColor--boltBlack,
.p_sm.fontColor--boltBlack {
  color: #020a18;
}
.p--sm.fontColor--white,
.p_sm.fontColor--white {
  color: #fff;
}
.p--sm.fontColor--gray_200,
.p_sm.fontColor--gray_200 {
  color: #333747;
}
.p--sm.fontColor--gray_400,
.p_sm.fontColor--gray_400 {
  color: #696d80;
}
.p--sm.fontColor--gray_600,
.p_sm.fontColor--gray_600 {
  color: #b6bbcf;
}
.p--sm.fontColor--gray_700,
.p_sm.fontColor--gray_700 {
  color: #d6d6e1;
}
.p--sm.fontColor--gray_800,
.p_sm.fontColor--gray_800 {
  color: #e9ebf7;
}
.p--sm.fontColor--lightningYellow,
.p_sm.fontColor--lightningYellow {
  color: #68d8fc;
}
.p--sm.fontColor--lightningYellowDark,
.p_sm.fontColor--lightningYellowDark {
  color: #68d8fc;
}
.p--sm.fontColor--blue,
.p_sm.fontColor--blue {
  color: #006dff;
}
.p--sm.fontColor--blue--light-secondary,
.p_sm.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
.p--sm.fontColor--green,
.p_sm.fontColor--green {
  color: #00c42e;
}
.p--sm.fontColor--pink,
.p_sm.fontColor--pink {
  color: #ff76f2;
}
.p--sm.fontColor--purple,
.p_sm.fontColor--purple {
  color: #9a4eff;
}
@media (max-width: 320px) {
  .p--sm,
.p_sm {
    font-size: 0.6737066667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--sm,
.p_sm {
    font-size: 0.750025rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--sm,
.p_sm {
    font-size: calc(
      0.750025rem +
        (25.870336 - 12.0004) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--sm,
.p_sm {
    font-size: 0.750025rem;
  }
}
@media (min-width: 768px) {
  .p--sm,
.p_sm {
    font-size: 0.83125rem;
  }
}
@media (min-width: 1024px) {
  .p--sm,
.p_sm {
    font-size: calc(
      0.6222222222rem +
        (14 - 9.9555555556) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--sm,
.p_sm {
    font-size: calc(
      0.83125rem +
        (14 - 13.3) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--sm,
.p_sm {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .p--sm,
.p_sm {
    font-weight: 400;
  }
}

.p--longform,
.p_longform {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #333747;
  font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875009375rem;
  line-height: 160%;
  font-weight: 400;
}
@media (max-width: 320px) {
  .p--longform,
.p_longform {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--longform,
.p_longform {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--longform,
.p_longform {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--longform,
.p_longform {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  .p--longform,
.p_longform {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  .p--longform,
.p_longform {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--longform,
.p_longform {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--longform,
.p_longform {
    font-size: 1rem;
  }
}
.p--longform strong,
.p_longform strong {
  font-weight: 600;
}
.p--longform.fontColor--boltBlack,
.p_longform.fontColor--boltBlack {
  color: #020a18;
}
.p--longform.fontColor--white,
.p_longform.fontColor--white {
  color: #fff;
}
.p--longform.fontColor--gray_200,
.p_longform.fontColor--gray_200 {
  color: #333747;
}
.p--longform.fontColor--gray_400,
.p_longform.fontColor--gray_400 {
  color: #696d80;
}
.p--longform.fontColor--gray_600,
.p_longform.fontColor--gray_600 {
  color: #b6bbcf;
}
.p--longform.fontColor--gray_700,
.p_longform.fontColor--gray_700 {
  color: #d6d6e1;
}
.p--longform.fontColor--gray_800,
.p_longform.fontColor--gray_800 {
  color: #e9ebf7;
}
.p--longform.fontColor--lightningYellow,
.p_longform.fontColor--lightningYellow {
  color: #68d8fc;
}
.p--longform.fontColor--lightningYellowDark,
.p_longform.fontColor--lightningYellowDark {
  color: #68d8fc;
}
.p--longform.fontColor--blue,
.p_longform.fontColor--blue {
  color: #006dff;
}
.p--longform.fontColor--blue--light-secondary,
.p_longform.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
.p--longform.fontColor--green,
.p_longform.fontColor--green {
  color: #00c42e;
}
.p--longform.fontColor--pink,
.p_longform.fontColor--pink {
  color: #ff76f2;
}
.p--longform.fontColor--purple,
.p_longform.fontColor--purple {
  color: #9a4eff;
}
@media (min-width: 768px) {
  .p--longform,
.p_longform {
    line-height: 150%;
  }
}

.p--lg-longform,
.p_lg_longform {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #333747;
  font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875009375rem;
  font-size: calc(
      0.8533333333rem +
        (32.768 - 13.6533333333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 1rem;
  line-height: 160%;
  font-weight: 400;
}
@media (max-width: 320px) {
  .p--lg-longform,
.p_lg_longform {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--lg-longform,
.p_lg_longform {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--lg-longform,
.p_lg_longform {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--lg-longform,
.p_lg_longform {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  .p--lg-longform,
.p_lg_longform {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  .p--lg-longform,
.p_lg_longform {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--lg-longform,
.p_lg_longform {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--lg-longform,
.p_lg_longform {
    font-size: 1rem;
  }
}
.p--lg-longform strong,
.p_lg_longform strong {
  font-weight: 600;
}
.p--lg-longform.fontColor--boltBlack,
.p_lg_longform.fontColor--boltBlack {
  color: #020a18;
}
.p--lg-longform.fontColor--white,
.p_lg_longform.fontColor--white {
  color: #fff;
}
.p--lg-longform.fontColor--gray_200,
.p_lg_longform.fontColor--gray_200 {
  color: #333747;
}
.p--lg-longform.fontColor--gray_400,
.p_lg_longform.fontColor--gray_400 {
  color: #696d80;
}
.p--lg-longform.fontColor--gray_600,
.p_lg_longform.fontColor--gray_600 {
  color: #b6bbcf;
}
.p--lg-longform.fontColor--gray_700,
.p_lg_longform.fontColor--gray_700 {
  color: #d6d6e1;
}
.p--lg-longform.fontColor--gray_800,
.p_lg_longform.fontColor--gray_800 {
  color: #e9ebf7;
}
.p--lg-longform.fontColor--lightningYellow,
.p_lg_longform.fontColor--lightningYellow {
  color: #68d8fc;
}
.p--lg-longform.fontColor--lightningYellowDark,
.p_lg_longform.fontColor--lightningYellowDark {
  color: #68d8fc;
}
.p--lg-longform.fontColor--blue,
.p_lg_longform.fontColor--blue {
  color: #006dff;
}
.p--lg-longform.fontColor--blue--light-secondary,
.p_lg_longform.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
.p--lg-longform.fontColor--green,
.p_lg_longform.fontColor--green {
  color: #00c42e;
}
.p--lg-longform.fontColor--pink,
.p_lg_longform.fontColor--pink {
  color: #ff76f2;
}
.p--lg-longform.fontColor--purple,
.p_lg_longform.fontColor--purple {
  color: #9a4eff;
}
@media (max-width: 320px) {
  .p--lg-longform,
.p_lg_longform {
    font-size: 0.8533333333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--lg-longform,
.p_lg_longform {
    font-size: 1rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--lg-longform,
.p_lg_longform {
    font-size: calc(
      1rem +
        (32.768 - 16) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--lg-longform,
.p_lg_longform {
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .p--lg-longform,
.p_lg_longform {
    font-size: 1.125rem;
  }
}
@media (min-width: 1024px) {
  .p--lg-longform,
.p_lg_longform {
    font-size: calc(
      0.8rem +
        (18 - 12.8) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--lg-longform,
.p_lg_longform {
    font-size: calc(
      1.125rem +
        (18 - 18) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--lg-longform,
.p_lg_longform {
    font-size: 1.125rem;
  }
}
@media (min-width: 768px) {
  .p--lg-longform,
.p_lg_longform {
    line-height: 120%;
  }
}
@media (min-width: 768px) {
  .p--lg-longform,
.p_lg_longform {
    line-height: 150%;
  }
}

.p--xl,
.p_xl {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #333747;
  font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875009375rem;
  font-size: calc(
      0.96rem +
        (36.864 - 15.36) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 1.125rem;
}
@media (max-width: 320px) {
  .p--xl,
.p_xl {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--xl,
.p_xl {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--xl,
.p_xl {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--xl,
.p_xl {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  .p--xl,
.p_xl {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  .p--xl,
.p_xl {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--xl,
.p_xl {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--xl,
.p_xl {
    font-size: 1rem;
  }
}
.p--xl strong,
.p_xl strong {
  font-weight: 600;
}
.p--xl.fontColor--boltBlack,
.p_xl.fontColor--boltBlack {
  color: #020a18;
}
.p--xl.fontColor--white,
.p_xl.fontColor--white {
  color: #fff;
}
.p--xl.fontColor--gray_200,
.p_xl.fontColor--gray_200 {
  color: #333747;
}
.p--xl.fontColor--gray_400,
.p_xl.fontColor--gray_400 {
  color: #696d80;
}
.p--xl.fontColor--gray_600,
.p_xl.fontColor--gray_600 {
  color: #b6bbcf;
}
.p--xl.fontColor--gray_700,
.p_xl.fontColor--gray_700 {
  color: #d6d6e1;
}
.p--xl.fontColor--gray_800,
.p_xl.fontColor--gray_800 {
  color: #e9ebf7;
}
.p--xl.fontColor--lightningYellow,
.p_xl.fontColor--lightningYellow {
  color: #68d8fc;
}
.p--xl.fontColor--lightningYellowDark,
.p_xl.fontColor--lightningYellowDark {
  color: #68d8fc;
}
.p--xl.fontColor--blue,
.p_xl.fontColor--blue {
  color: #006dff;
}
.p--xl.fontColor--blue--light-secondary,
.p_xl.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
.p--xl.fontColor--green,
.p_xl.fontColor--green {
  color: #00c42e;
}
.p--xl.fontColor--pink,
.p_xl.fontColor--pink {
  color: #ff76f2;
}
.p--xl.fontColor--purple,
.p_xl.fontColor--purple {
  color: #9a4eff;
}
@media (max-width: 320px) {
  .p--xl,
.p_xl {
    font-size: 0.96rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--xl,
.p_xl {
    font-size: 1.125rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--xl,
.p_xl {
    font-size: calc(
      1.125rem +
        (36.864 - 18) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--xl,
.p_xl {
    font-size: 1.125rem;
  }
}
@media (min-width: 768px) {
  .p--xl,
.p_xl {
    font-size: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .p--xl,
.p_xl {
    font-size: calc(
      0.8888888889rem +
        (20 - 14.2222222222) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--xl,
.p_xl {
    font-size: calc(
      1.25rem +
        (20 - 20) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--xl,
.p_xl {
    font-size: 1.25rem;
  }
}
@media (min-width: 768px) {
  .p--xl,
.p_xl {
    line-height: 120%;
  }
}

.p--strong,
.p_strong {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #333747;
  font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875009375rem;
  font-size: calc(
      0.7466666667rem +
        (28.672 - 11.9466666667) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.875rem;
  font-weight: 600;
}
@media (max-width: 320px) {
  .p--strong,
.p_strong {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--strong,
.p_strong {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--strong,
.p_strong {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--strong,
.p_strong {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  .p--strong,
.p_strong {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  .p--strong,
.p_strong {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--strong,
.p_strong {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--strong,
.p_strong {
    font-size: 1rem;
  }
}
.p--strong strong,
.p_strong strong {
  font-weight: 600;
}
.p--strong.fontColor--boltBlack,
.p_strong.fontColor--boltBlack {
  color: #020a18;
}
.p--strong.fontColor--white,
.p_strong.fontColor--white {
  color: #fff;
}
.p--strong.fontColor--gray_200,
.p_strong.fontColor--gray_200 {
  color: #333747;
}
.p--strong.fontColor--gray_400,
.p_strong.fontColor--gray_400 {
  color: #696d80;
}
.p--strong.fontColor--gray_600,
.p_strong.fontColor--gray_600 {
  color: #b6bbcf;
}
.p--strong.fontColor--gray_700,
.p_strong.fontColor--gray_700 {
  color: #d6d6e1;
}
.p--strong.fontColor--gray_800,
.p_strong.fontColor--gray_800 {
  color: #e9ebf7;
}
.p--strong.fontColor--lightningYellow,
.p_strong.fontColor--lightningYellow {
  color: #68d8fc;
}
.p--strong.fontColor--lightningYellowDark,
.p_strong.fontColor--lightningYellowDark {
  color: #68d8fc;
}
.p--strong.fontColor--blue,
.p_strong.fontColor--blue {
  color: #006dff;
}
.p--strong.fontColor--blue--light-secondary,
.p_strong.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
.p--strong.fontColor--green,
.p_strong.fontColor--green {
  color: #00c42e;
}
.p--strong.fontColor--pink,
.p_strong.fontColor--pink {
  color: #ff76f2;
}
.p--strong.fontColor--purple,
.p_strong.fontColor--purple {
  color: #9a4eff;
}
@media (max-width: 320px) {
  .p--strong,
.p_strong {
    font-size: 0.7466666667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .p--strong,
.p_strong {
    font-size: 0.875rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .p--strong,
.p_strong {
    font-size: calc(
      0.875rem +
        (28.672 - 14) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .p--strong,
.p_strong {
    font-size: 0.875rem;
  }
}
@media (min-width: 768px) {
  .p--strong,
.p_strong {
    font-size: 1rem;
  }
}
@media (min-width: 1024px) {
  .p--strong,
.p_strong {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .p--strong,
.p_strong {
    font-size: calc(
      1rem +
        (16 - 16) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .p--strong,
.p_strong {
    font-size: 1rem;
  }
}

.overline--xs,
.overline_xs {
  font-size: calc(
      0.5866666667rem +
        (22.528 - 9.3866666667) *
        ((100vw - 320px) / (768 - 320))
    );
  font-size: 0.6875rem;
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  line-height: 130%;
  text-transform: uppercase;
}
@media (max-width: 320px) {
  .overline--xs,
.overline_xs {
    font-size: 0.5866666667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .overline--xs,
.overline_xs {
    font-size: 0.6875rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .overline--xs,
.overline_xs {
    font-size: calc(
      0.6875rem +
        (22.528 - 11) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .overline--xs,
.overline_xs {
    font-size: 0.6875rem;
  }
}
@media (min-width: 768px) {
  .overline--xs,
.overline_xs {
    font-size: 0.75rem;
  }
}
@media (min-width: 1024px) {
  .overline--xs,
.overline_xs {
    font-size: calc(
      0.5333333333rem +
        (12 - 8.5333333333) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .overline--xs,
.overline_xs {
    font-size: calc(
      0.75rem +
        (12 - 12) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .overline--xs,
.overline_xs {
    font-size: 0.75rem;
  }
}

@media (max-width: 767px) {
  .mobile--h1 {
    font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    font-size: calc(
      2.24rem +
        (86.016 - 35.84) *
        ((100vw - 320px) / (768 - 320))
    );
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--h1 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 767px) and (max-width: 320px) {
  .mobile--h1 {
    font-size: 2.24rem;
  }
}
@media (max-width: 767px) and (min-width: 1px) and (max-width: 320px) {
  .mobile--h1 {
    font-size: 2.24rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--h1 {
    font-size: 3.1111111111rem;
  }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .mobile--h1 {
    font-size: calc(
      3.1111111111rem +
        (70 - 49.7777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .mobile--h1 {
    font-size: 4.375rem;
  }
}
@media (max-width: 767px) {
  .mobile--h2 {
    font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    font-size: calc(
      2.0266666667rem +
        (77.824 - 32.4266666667) *
        ((100vw - 320px) / (768 - 320))
    );
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--h2 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 767px) and (max-width: 320px) {
  .mobile--h2 {
    font-size: 2.0266666667rem;
  }
}
@media (max-width: 767px) and (min-width: 1px) and (max-width: 320px) {
  .mobile--h2 {
    font-size: 2.0266666667rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--h2 {
    font-size: 2.8444444444rem;
  }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .mobile--h2 {
    font-size: calc(
      2.8444444444rem +
        (64 - 45.5111111111) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .mobile--h2 {
    font-size: 4rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--h2 {
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .mobile--h2--large, .mobile--h2_large {
    font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    font-size: calc(
      2.0266666667rem +
        (77.824 - 32.4266666667) *
        ((100vw - 320px) / (768 - 320))
    );
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--h2--large, .mobile--h2_large {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 767px) and (max-width: 320px) {
  .mobile--h2--large, .mobile--h2_large {
    font-size: 2.0266666667rem;
  }
}
@media (max-width: 767px) and (min-width: 1px) and (max-width: 320px) {
  .mobile--h2--large, .mobile--h2_large {
    font-size: 2.0266666667rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--h2--large, .mobile--h2_large {
    font-size: 3.2888888889rem;
  }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .mobile--h2--large, .mobile--h2_large {
    font-size: calc(
      3.2888888889rem +
        (74 - 52.6222222222) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .mobile--h2--large, .mobile--h2_large {
    font-size: 4.625rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--h2--large, .mobile--h2_large {
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .mobile--h3 {
    font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    font-size: calc(
      1.7066666667rem +
        (65.536 - 27.3066666667) *
        ((100vw - 320px) / (768 - 320))
    );
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--h3 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 767px) and (max-width: 320px) {
  .mobile--h3 {
    font-size: 1.7066666667rem;
  }
}
@media (max-width: 767px) and (min-width: 1px) and (max-width: 320px) {
  .mobile--h3 {
    font-size: 1.7066666667rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--h3 {
    font-size: 2.0444444444rem;
  }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .mobile--h3 {
    font-size: calc(
      2.0444444444rem +
        (46 - 32.7111111111) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .mobile--h3 {
    font-size: 2.875rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--h3 {
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .mobile--h3--small, .mobile--h3_small {
    font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    font-size: calc(
      1.6rem +
        (61.44 - 25.6) *
        ((100vw - 320px) / (768 - 320))
    );
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--h3--small, .mobile--h3_small {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 767px) and (max-width: 320px) {
  .mobile--h3--small, .mobile--h3_small {
    font-size: 1.6rem;
  }
}
@media (max-width: 767px) and (min-width: 1px) and (max-width: 320px) {
  .mobile--h3--small, .mobile--h3_small {
    font-size: 1.6rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--h3--small, .mobile--h3_small {
    font-size: 1.9555555556rem;
  }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .mobile--h3--small, .mobile--h3_small {
    font-size: calc(
      1.9555555556rem +
        (44 - 31.2888888889) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .mobile--h3--small, .mobile--h3_small {
    font-size: 2.75rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--h3--small, .mobile--h3_small {
    line-height: 90%;
  }
}
@media (max-width: 767px) {
  .mobile--h4 {
    font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    font-size: calc(
      1.28rem +
        (49.152 - 20.48) *
        ((100vw - 320px) / (768 - 320))
    );
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--h4 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 767px) and (max-width: 320px) {
  .mobile--h4 {
    font-size: 1.28rem;
  }
}
@media (max-width: 767px) and (min-width: 1px) and (max-width: 320px) {
  .mobile--h4 {
    font-size: 1.28rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--h4 {
    font-size: 1.4222222222rem;
  }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .mobile--h4 {
    font-size: calc(
      1.4222222222rem +
        (32 - 22.7555555556) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .mobile--h4 {
    font-size: 2rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--h4 {
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .mobile--h4--large, .mobile--h4_longform {
    font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    font-size: calc(
      1.4933333333rem +
        (57.344 - 23.8933333333) *
        ((100vw - 320px) / (768 - 320))
    );
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--h4--large, .mobile--h4_longform {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 767px) and (max-width: 320px) {
  .mobile--h4--large, .mobile--h4_longform {
    font-size: 1.4933333333rem;
  }
}
@media (max-width: 767px) and (min-width: 1px) and (max-width: 320px) {
  .mobile--h4--large, .mobile--h4_longform {
    font-size: 1.4933333333rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--h4--large, .mobile--h4_longform {
    font-size: 1.7333333333rem;
  }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .mobile--h4--large, .mobile--h4_longform {
    font-size: calc(
      1.7333333333rem +
        (39 - 27.7333333333) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .mobile--h4--large, .mobile--h4_longform {
    font-size: 2.4375rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--h4--large, .mobile--h4_longform {
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .mobile--h4--light, .mobile--h4_light {
    font-family: agrandir-variable, agrandir-bolt, sans-serif, -apple-system, BlinkMacSystemFont, Apple Color Emoji, Segoe UI, Segoe UI Emoji, Segoe UI Symbol;
    font-style: normal;
    font-weight: 617;
    line-height: 100%;
    font-variation-settings: "wdth" 75;
    font-family: agrandir-variable, agrandir-bolt, sans-serif, -apple-system, BlinkMacSystemFont, Apple Color Emoji, Segoe UI, Segoe UI Emoji, Segoe UI Symbol;
    font-weight: 469;
    font-size: calc(
      1.28rem +
        (49.152 - 20.48) *
        ((100vw - 320px) / (768 - 320))
    );
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--h4--light, .mobile--h4_light {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 767px) and (max-width: 320px) {
  .mobile--h4--light, .mobile--h4_light {
    font-size: 1.28rem;
  }
}
@media (max-width: 767px) and (min-width: 1px) and (max-width: 320px) {
  .mobile--h4--light, .mobile--h4_light {
    font-size: 1.28rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--h4--light, .mobile--h4_light {
    font-size: 1.4222222222rem;
  }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .mobile--h4--light, .mobile--h4_light {
    font-size: calc(
      1.4222222222rem +
        (32 - 22.7555555556) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .mobile--h4--light, .mobile--h4_light {
    font-size: 2rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--h4--light, .mobile--h4_light {
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .mobile--h5 {
    font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    font-size: calc(
      1.0666666667rem +
        (40.96 - 17.0666666667) *
        ((100vw - 320px) / (768 - 320))
    );
    font-weight: 700;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--h5 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 767px) and (max-width: 320px) {
  .mobile--h5 {
    font-size: 1.0666666667rem;
  }
}
@media (max-width: 767px) and (min-width: 1px) and (max-width: 320px) {
  .mobile--h5 {
    font-size: 1.0666666667rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--h5 {
    font-size: 1.1555555556rem;
  }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .mobile--h5 {
    font-size: calc(
      1.1555555556rem +
        (26 - 18.4888888889) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .mobile--h5 {
    font-size: 1.625rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--h5 {
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .mobile--h6 {
    font-family: "agrandir-bolt", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    font-size: calc(
      0.9066666667rem +
        (34.816 - 14.5066666667) *
        ((100vw - 320px) / (768 - 320))
    );
    line-height: 105%;
    font-weight: 700;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--h6 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 767px) and (max-width: 320px) {
  .mobile--h6 {
    font-size: 0.9066666667rem;
  }
}
@media (max-width: 767px) and (min-width: 1px) and (max-width: 320px) {
  .mobile--h6 {
    font-size: 0.9066666667rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--h6 {
    font-size: 0.9777777778rem;
  }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .mobile--h6 {
    font-size: calc(
      0.9777777778rem +
        (22 - 15.6444444444) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .mobile--h6 {
    font-size: 1.375rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--h6 {
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .mobile--p {
    font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.02em;
    color: #333747;
    font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
    font-size: 0.875009375rem;
  }
}
@media (max-width: 767px) and (max-width: 320px) {
  .mobile--p {
    font-size: 0.7859733333rem;
  }
}
@media (max-width: 767px) and (min-width: 1px) and (max-width: 320px) {
  .mobile--p {
    font-size: 0.875009375rem;
  }
}
@media (max-width: 767px) and (min-width: 376px) and (max-width: 767px) {
  .mobile--p {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (max-width: 767px) and (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .mobile--p {
    font-size: 0.875009375rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--p {
    font-size: 0.95rem;
  }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .mobile--p {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (max-width: 767px) and (min-width: 1024px) and (max-width: 1439px) {
  .mobile--p {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .mobile--p {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .mobile--p strong {
    font-weight: 600;
  }
}
@media (max-width: 767px) {
  .mobile--p.fontColor--boltBlack {
    color: #020a18;
  }
}
@media (max-width: 767px) {
  .mobile--p.fontColor--white {
    color: #fff;
  }
}
@media (max-width: 767px) {
  .mobile--p.fontColor--gray_200 {
    color: #333747;
  }
}
@media (max-width: 767px) {
  .mobile--p.fontColor--gray_400 {
    color: #696d80;
  }
}
@media (max-width: 767px) {
  .mobile--p.fontColor--gray_600 {
    color: #b6bbcf;
  }
}
@media (max-width: 767px) {
  .mobile--p.fontColor--gray_700 {
    color: #d6d6e1;
  }
}
@media (max-width: 767px) {
  .mobile--p.fontColor--gray_800 {
    color: #e9ebf7;
  }
}
@media (max-width: 767px) {
  .mobile--p.fontColor--lightningYellow {
    color: #68d8fc;
  }
}
@media (max-width: 767px) {
  .mobile--p.fontColor--lightningYellowDark {
    color: #68d8fc;
  }
}
@media (max-width: 767px) {
  .mobile--p.fontColor--blue {
    color: #006dff;
  }
}
@media (max-width: 767px) {
  .mobile--p.fontColor--blue--light-secondary {
    color: #d1d8fa;
  }
}
@media (max-width: 767px) {
  .mobile--p.fontColor--green {
    color: #00c42e;
  }
}
@media (max-width: 767px) {
  .mobile--p.fontColor--pink {
    color: #ff76f2;
  }
}
@media (max-width: 767px) {
  .mobile--p.fontColor--purple {
    color: #9a4eff;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg, .mobile--p_lg {
    font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.02em;
    color: #333747;
    font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
    font-size: 0.875009375rem;
    font-size: calc(
      0.8533333333rem +
        (32.768 - 13.6533333333) *
        ((100vw - 320px) / (768 - 320))
    );
    font-size: 1rem;
  }
}
@media (max-width: 767px) and (max-width: 320px) {
  .mobile--p--lg, .mobile--p_lg {
    font-size: 0.7859733333rem;
  }
}
@media (max-width: 767px) and (min-width: 1px) and (max-width: 320px) {
  .mobile--p--lg, .mobile--p_lg {
    font-size: 0.875009375rem;
  }
}
@media (max-width: 767px) and (min-width: 376px) and (max-width: 767px) {
  .mobile--p--lg, .mobile--p_lg {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (max-width: 767px) and (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .mobile--p--lg, .mobile--p_lg {
    font-size: 0.875009375rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--p--lg, .mobile--p_lg {
    font-size: 0.95rem;
  }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .mobile--p--lg, .mobile--p_lg {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (max-width: 767px) and (min-width: 1024px) and (max-width: 1439px) {
  .mobile--p--lg, .mobile--p_lg {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .mobile--p--lg, .mobile--p_lg {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg strong, .mobile--p_lg strong {
    font-weight: 600;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg.fontColor--boltBlack, .mobile--p_lg.fontColor--boltBlack {
    color: #020a18;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg.fontColor--white, .mobile--p_lg.fontColor--white {
    color: #fff;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg.fontColor--gray_200, .mobile--p_lg.fontColor--gray_200 {
    color: #333747;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg.fontColor--gray_400, .mobile--p_lg.fontColor--gray_400 {
    color: #696d80;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg.fontColor--gray_600, .mobile--p_lg.fontColor--gray_600 {
    color: #b6bbcf;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg.fontColor--gray_700, .mobile--p_lg.fontColor--gray_700 {
    color: #d6d6e1;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg.fontColor--gray_800, .mobile--p_lg.fontColor--gray_800 {
    color: #e9ebf7;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg.fontColor--lightningYellow, .mobile--p_lg.fontColor--lightningYellow {
    color: #68d8fc;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg.fontColor--lightningYellowDark, .mobile--p_lg.fontColor--lightningYellowDark {
    color: #68d8fc;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg.fontColor--blue, .mobile--p_lg.fontColor--blue {
    color: #006dff;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg.fontColor--blue--light-secondary, .mobile--p_lg.fontColor--blue--light-secondary {
    color: #d1d8fa;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg.fontColor--green, .mobile--p_lg.fontColor--green {
    color: #00c42e;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg.fontColor--pink, .mobile--p_lg.fontColor--pink {
    color: #ff76f2;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg.fontColor--purple, .mobile--p_lg.fontColor--purple {
    color: #9a4eff;
  }
}
@media (max-width: 767px) and (max-width: 320px) {
  .mobile--p--lg, .mobile--p_lg {
    font-size: 0.8533333333rem;
  }
}
@media (max-width: 767px) and (min-width: 1px) and (max-width: 320px) {
  .mobile--p--lg, .mobile--p_lg {
    font-size: 1rem;
  }
}
@media (max-width: 767px) and (min-width: 376px) and (max-width: 767px) {
  .mobile--p--lg, .mobile--p_lg {
    font-size: calc(
      1rem +
        (32.768 - 16) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (max-width: 767px) and (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .mobile--p--lg, .mobile--p_lg {
    font-size: 1rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--p--lg, .mobile--p_lg {
    font-size: 1.125rem;
  }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .mobile--p--lg, .mobile--p_lg {
    font-size: calc(
      0.8rem +
        (18 - 12.8) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (max-width: 767px) and (min-width: 1024px) and (max-width: 1439px) {
  .mobile--p--lg, .mobile--p_lg {
    font-size: calc(
      1.125rem +
        (18 - 18) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .mobile--p--lg, .mobile--p_lg {
    font-size: 1.125rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--p--lg, .mobile--p_lg {
    line-height: 120%;
  }
}
@media (max-width: 767px) {
  .mobile--p--sm, .mobile--p_sm {
    font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.02em;
    color: #333747;
    font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
    font-size: 0.875009375rem;
    font-size: calc(
      0.6737066667rem +
        (25.870336 - 10.7793066667) *
        ((100vw - 320px) / (768 - 320))
    );
    font-size: 0.750025rem;
  }
}
@media (max-width: 767px) and (max-width: 320px) {
  .mobile--p--sm, .mobile--p_sm {
    font-size: 0.7859733333rem;
  }
}
@media (max-width: 767px) and (min-width: 1px) and (max-width: 320px) {
  .mobile--p--sm, .mobile--p_sm {
    font-size: 0.875009375rem;
  }
}
@media (max-width: 767px) and (min-width: 376px) and (max-width: 767px) {
  .mobile--p--sm, .mobile--p_sm {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (max-width: 767px) and (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .mobile--p--sm, .mobile--p_sm {
    font-size: 0.875009375rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--p--sm, .mobile--p_sm {
    font-size: 0.95rem;
  }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .mobile--p--sm, .mobile--p_sm {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (max-width: 767px) and (min-width: 1024px) and (max-width: 1439px) {
  .mobile--p--sm, .mobile--p_sm {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .mobile--p--sm, .mobile--p_sm {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .mobile--p--sm strong, .mobile--p_sm strong {
    font-weight: 600;
  }
}
@media (max-width: 767px) {
  .mobile--p--sm.fontColor--boltBlack, .mobile--p_sm.fontColor--boltBlack {
    color: #020a18;
  }
}
@media (max-width: 767px) {
  .mobile--p--sm.fontColor--white, .mobile--p_sm.fontColor--white {
    color: #fff;
  }
}
@media (max-width: 767px) {
  .mobile--p--sm.fontColor--gray_200, .mobile--p_sm.fontColor--gray_200 {
    color: #333747;
  }
}
@media (max-width: 767px) {
  .mobile--p--sm.fontColor--gray_400, .mobile--p_sm.fontColor--gray_400 {
    color: #696d80;
  }
}
@media (max-width: 767px) {
  .mobile--p--sm.fontColor--gray_600, .mobile--p_sm.fontColor--gray_600 {
    color: #b6bbcf;
  }
}
@media (max-width: 767px) {
  .mobile--p--sm.fontColor--gray_700, .mobile--p_sm.fontColor--gray_700 {
    color: #d6d6e1;
  }
}
@media (max-width: 767px) {
  .mobile--p--sm.fontColor--gray_800, .mobile--p_sm.fontColor--gray_800 {
    color: #e9ebf7;
  }
}
@media (max-width: 767px) {
  .mobile--p--sm.fontColor--lightningYellow, .mobile--p_sm.fontColor--lightningYellow {
    color: #68d8fc;
  }
}
@media (max-width: 767px) {
  .mobile--p--sm.fontColor--lightningYellowDark, .mobile--p_sm.fontColor--lightningYellowDark {
    color: #68d8fc;
  }
}
@media (max-width: 767px) {
  .mobile--p--sm.fontColor--blue, .mobile--p_sm.fontColor--blue {
    color: #006dff;
  }
}
@media (max-width: 767px) {
  .mobile--p--sm.fontColor--blue--light-secondary, .mobile--p_sm.fontColor--blue--light-secondary {
    color: #d1d8fa;
  }
}
@media (max-width: 767px) {
  .mobile--p--sm.fontColor--green, .mobile--p_sm.fontColor--green {
    color: #00c42e;
  }
}
@media (max-width: 767px) {
  .mobile--p--sm.fontColor--pink, .mobile--p_sm.fontColor--pink {
    color: #ff76f2;
  }
}
@media (max-width: 767px) {
  .mobile--p--sm.fontColor--purple, .mobile--p_sm.fontColor--purple {
    color: #9a4eff;
  }
}
@media (max-width: 767px) and (max-width: 320px) {
  .mobile--p--sm, .mobile--p_sm {
    font-size: 0.6737066667rem;
  }
}
@media (max-width: 767px) and (min-width: 1px) and (max-width: 320px) {
  .mobile--p--sm, .mobile--p_sm {
    font-size: 0.750025rem;
  }
}
@media (max-width: 767px) and (min-width: 376px) and (max-width: 767px) {
  .mobile--p--sm, .mobile--p_sm {
    font-size: calc(
      0.750025rem +
        (25.870336 - 12.0004) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (max-width: 767px) and (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .mobile--p--sm, .mobile--p_sm {
    font-size: 0.750025rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--p--sm, .mobile--p_sm {
    font-size: 0.83125rem;
  }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .mobile--p--sm, .mobile--p_sm {
    font-size: calc(
      0.6222222222rem +
        (14 - 9.9555555556) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (max-width: 767px) and (min-width: 1024px) and (max-width: 1439px) {
  .mobile--p--sm, .mobile--p_sm {
    font-size: calc(
      0.83125rem +
        (14 - 13.3) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .mobile--p--sm, .mobile--p_sm {
    font-size: 0.875rem;
  }
}
@media (max-width: 767px) and (max-width: 768px) {
  .mobile--p--sm, .mobile--p_sm {
    font-weight: 400;
  }
}
@media (max-width: 767px) {
  .mobile--p--longform, .mobile--p_longform {
    font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.02em;
    color: #333747;
    font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
    font-size: 0.875009375rem;
    line-height: 160%;
    font-weight: 400;
  }
}
@media (max-width: 767px) and (max-width: 320px) {
  .mobile--p--longform, .mobile--p_longform {
    font-size: 0.7859733333rem;
  }
}
@media (max-width: 767px) and (min-width: 1px) and (max-width: 320px) {
  .mobile--p--longform, .mobile--p_longform {
    font-size: 0.875009375rem;
  }
}
@media (max-width: 767px) and (min-width: 376px) and (max-width: 767px) {
  .mobile--p--longform, .mobile--p_longform {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (max-width: 767px) and (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .mobile--p--longform, .mobile--p_longform {
    font-size: 0.875009375rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--p--longform, .mobile--p_longform {
    font-size: 0.95rem;
  }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .mobile--p--longform, .mobile--p_longform {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (max-width: 767px) and (min-width: 1024px) and (max-width: 1439px) {
  .mobile--p--longform, .mobile--p_longform {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .mobile--p--longform, .mobile--p_longform {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .mobile--p--longform strong, .mobile--p_longform strong {
    font-weight: 600;
  }
}
@media (max-width: 767px) {
  .mobile--p--longform.fontColor--boltBlack, .mobile--p_longform.fontColor--boltBlack {
    color: #020a18;
  }
}
@media (max-width: 767px) {
  .mobile--p--longform.fontColor--white, .mobile--p_longform.fontColor--white {
    color: #fff;
  }
}
@media (max-width: 767px) {
  .mobile--p--longform.fontColor--gray_200, .mobile--p_longform.fontColor--gray_200 {
    color: #333747;
  }
}
@media (max-width: 767px) {
  .mobile--p--longform.fontColor--gray_400, .mobile--p_longform.fontColor--gray_400 {
    color: #696d80;
  }
}
@media (max-width: 767px) {
  .mobile--p--longform.fontColor--gray_600, .mobile--p_longform.fontColor--gray_600 {
    color: #b6bbcf;
  }
}
@media (max-width: 767px) {
  .mobile--p--longform.fontColor--gray_700, .mobile--p_longform.fontColor--gray_700 {
    color: #d6d6e1;
  }
}
@media (max-width: 767px) {
  .mobile--p--longform.fontColor--gray_800, .mobile--p_longform.fontColor--gray_800 {
    color: #e9ebf7;
  }
}
@media (max-width: 767px) {
  .mobile--p--longform.fontColor--lightningYellow, .mobile--p_longform.fontColor--lightningYellow {
    color: #68d8fc;
  }
}
@media (max-width: 767px) {
  .mobile--p--longform.fontColor--lightningYellowDark, .mobile--p_longform.fontColor--lightningYellowDark {
    color: #68d8fc;
  }
}
@media (max-width: 767px) {
  .mobile--p--longform.fontColor--blue, .mobile--p_longform.fontColor--blue {
    color: #006dff;
  }
}
@media (max-width: 767px) {
  .mobile--p--longform.fontColor--blue--light-secondary, .mobile--p_longform.fontColor--blue--light-secondary {
    color: #d1d8fa;
  }
}
@media (max-width: 767px) {
  .mobile--p--longform.fontColor--green, .mobile--p_longform.fontColor--green {
    color: #00c42e;
  }
}
@media (max-width: 767px) {
  .mobile--p--longform.fontColor--pink, .mobile--p_longform.fontColor--pink {
    color: #ff76f2;
  }
}
@media (max-width: 767px) {
  .mobile--p--longform.fontColor--purple, .mobile--p_longform.fontColor--purple {
    color: #9a4eff;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--p--longform, .mobile--p_longform {
    line-height: 150%;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg-longform, .mobile--p_lg_longform {
    font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.02em;
    color: #333747;
    font-size: calc(
      0.7859733333rem +
        (30.181376 - 12.5755733333) *
        ((100vw - 320px) / (768 - 320))
    );
    font-size: 0.875009375rem;
    font-size: calc(
      0.8533333333rem +
        (32.768 - 13.6533333333) *
        ((100vw - 320px) / (768 - 320))
    );
    font-size: 1rem;
    line-height: 160%;
    font-weight: 400;
  }
}
@media (max-width: 767px) and (max-width: 320px) {
  .mobile--p--lg-longform, .mobile--p_lg_longform {
    font-size: 0.7859733333rem;
  }
}
@media (max-width: 767px) and (min-width: 1px) and (max-width: 320px) {
  .mobile--p--lg-longform, .mobile--p_lg_longform {
    font-size: 0.875009375rem;
  }
}
@media (max-width: 767px) and (min-width: 376px) and (max-width: 767px) {
  .mobile--p--lg-longform, .mobile--p_lg_longform {
    font-size: calc(
      0.875009375rem +
        (30.181376 - 14.00015) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (max-width: 767px) and (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .mobile--p--lg-longform, .mobile--p_lg_longform {
    font-size: 0.875009375rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--p--lg-longform, .mobile--p_lg_longform {
    font-size: 0.95rem;
  }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .mobile--p--lg-longform, .mobile--p_lg_longform {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (max-width: 767px) and (min-width: 1024px) and (max-width: 1439px) {
  .mobile--p--lg-longform, .mobile--p_lg_longform {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .mobile--p--lg-longform, .mobile--p_lg_longform {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg-longform strong, .mobile--p_lg_longform strong {
    font-weight: 600;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg-longform.fontColor--boltBlack, .mobile--p_lg_longform.fontColor--boltBlack {
    color: #020a18;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg-longform.fontColor--white, .mobile--p_lg_longform.fontColor--white {
    color: #fff;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg-longform.fontColor--gray_200, .mobile--p_lg_longform.fontColor--gray_200 {
    color: #333747;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg-longform.fontColor--gray_400, .mobile--p_lg_longform.fontColor--gray_400 {
    color: #696d80;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg-longform.fontColor--gray_600, .mobile--p_lg_longform.fontColor--gray_600 {
    color: #b6bbcf;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg-longform.fontColor--gray_700, .mobile--p_lg_longform.fontColor--gray_700 {
    color: #d6d6e1;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg-longform.fontColor--gray_800, .mobile--p_lg_longform.fontColor--gray_800 {
    color: #e9ebf7;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg-longform.fontColor--lightningYellow, .mobile--p_lg_longform.fontColor--lightningYellow {
    color: #68d8fc;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg-longform.fontColor--lightningYellowDark, .mobile--p_lg_longform.fontColor--lightningYellowDark {
    color: #68d8fc;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg-longform.fontColor--blue, .mobile--p_lg_longform.fontColor--blue {
    color: #006dff;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg-longform.fontColor--blue--light-secondary, .mobile--p_lg_longform.fontColor--blue--light-secondary {
    color: #d1d8fa;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg-longform.fontColor--green, .mobile--p_lg_longform.fontColor--green {
    color: #00c42e;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg-longform.fontColor--pink, .mobile--p_lg_longform.fontColor--pink {
    color: #ff76f2;
  }
}
@media (max-width: 767px) {
  .mobile--p--lg-longform.fontColor--purple, .mobile--p_lg_longform.fontColor--purple {
    color: #9a4eff;
  }
}
@media (max-width: 767px) and (max-width: 320px) {
  .mobile--p--lg-longform, .mobile--p_lg_longform {
    font-size: 0.8533333333rem;
  }
}
@media (max-width: 767px) and (min-width: 1px) and (max-width: 320px) {
  .mobile--p--lg-longform, .mobile--p_lg_longform {
    font-size: 1rem;
  }
}
@media (max-width: 767px) and (min-width: 376px) and (max-width: 767px) {
  .mobile--p--lg-longform, .mobile--p_lg_longform {
    font-size: calc(
      1rem +
        (32.768 - 16) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (max-width: 767px) and (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .mobile--p--lg-longform, .mobile--p_lg_longform {
    font-size: 1rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--p--lg-longform, .mobile--p_lg_longform {
    font-size: 1.125rem;
  }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .mobile--p--lg-longform, .mobile--p_lg_longform {
    font-size: calc(
      0.8rem +
        (18 - 12.8) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (max-width: 767px) and (min-width: 1024px) and (max-width: 1439px) {
  .mobile--p--lg-longform, .mobile--p_lg_longform {
    font-size: calc(
      1.125rem +
        (18 - 18) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .mobile--p--lg-longform, .mobile--p_lg_longform {
    font-size: 1.125rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--p--lg-longform, .mobile--p_lg_longform {
    line-height: 120%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--p--lg-longform, .mobile--p_lg_longform {
    line-height: 150%;
  }
}
@media (max-width: 767px) {
  .mobile--overline--xs, .mobile--overline_xs {
    font-size: calc(
      0.5866666667rem +
        (22.528 - 9.3866666667) *
        ((100vw - 320px) / (768 - 320))
    );
    font-size: 0.6875rem;
    font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 700;
    line-height: 130%;
    text-transform: uppercase;
  }
}
@media (max-width: 767px) and (max-width: 320px) {
  .mobile--overline--xs, .mobile--overline_xs {
    font-size: 0.5866666667rem;
  }
}
@media (max-width: 767px) and (min-width: 1px) and (max-width: 320px) {
  .mobile--overline--xs, .mobile--overline_xs {
    font-size: 0.6875rem;
  }
}
@media (max-width: 767px) and (min-width: 376px) and (max-width: 767px) {
  .mobile--overline--xs, .mobile--overline_xs {
    font-size: calc(
      0.6875rem +
        (22.528 - 11) *
        ((100vw - 375px) / (768 - 375))
    );
  }
}
@media (max-width: 767px) and (min-width: 376px) and (max-width: 767px) and (max-width: 375px) {
  .mobile--overline--xs, .mobile--overline_xs {
    font-size: 0.6875rem;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .mobile--overline--xs, .mobile--overline_xs {
    font-size: 0.75rem;
  }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .mobile--overline--xs, .mobile--overline_xs {
    font-size: calc(
      0.5333333333rem +
        (12 - 8.5333333333) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (max-width: 767px) and (min-width: 1024px) and (max-width: 1439px) {
  .mobile--overline--xs, .mobile--overline_xs {
    font-size: calc(
      0.75rem +
        (12 - 12) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .mobile--overline--xs, .mobile--overline_xs {
    font-size: 0.75rem;
  }
}

.backgroundColor--boltBlack {
  background-color: #020a18 !important;
}

.backgroundColor--deepBlack {
  background-color: #020a18 !important;
}

.backgroundColor--tintBlack {
  background-color: #10103c !important;
}

.backgroundColor--cyan {
  background-color: #68d8fc !important;
}

.backgroundColor--tintedWhite {
  background-color: #f8f6fe !important;
}

.backgroundColor--white {
  background-color: #fff !important;
}

.backgroundColor--gray_100 {
  background-color: #121624 !important;
}

.backgroundColor--gray_200 {
  background-color: #333747 !important;
}

.backgroundColor--gray_300 {
  background-color: #4b4f5e !important;
}

.backgroundColor--gray_400 {
  background-color: #696d80 !important;
}

.backgroundColor--gray_500 {
  background-color: #8b8fa3 !important;
}

.backgroundColor--gray_600 {
  background-color: #b6bbcf !important;
}

.backgroundColor--gray_700 {
  background-color: #d6d6e1 !important;
}

.backgroundColor--gray_800 {
  background-color: #e9ebf7 !important;
}

.backgroundColor--gray_900 {
  background-color: #efeffa !important;
}

.backgroundColor--lightningYellow {
  background-color: #68d8fc !important;
}

.backgroundColor--lightningYellowDark {
  background-color: #006dff !important;
}

.backgroundColor--purpleLight {
  background-color: #b688ff !important;
}

.fontColor--boltBlack {
  color: #020a18 !important;
}
.fontColor--boltBlack p {
  color: #020a18 !important;
}

.fontColor--white {
  color: #fff !important;
}
.fontColor--white p {
  color: #fff !important;
}

.fontColor--gray_100 {
  color: #121624 !important;
}
.fontColor--gray_100 p {
  color: #121624 !important;
}

.fontColor--gray_200 {
  color: #333747 !important;
}
.fontColor--gray_200 p {
  color: #333747 !important;
}

.fontColor--gray_300 {
  color: #4b4f5e !important;
}
.fontColor--gray_300 p {
  color: #4b4f5e !important;
}

.fontColor--gray_400 {
  color: #696d80 !important;
}
.fontColor--gray_400 p {
  color: #696d80 !important;
}

.fontColor--gray_500 {
  color: #8b8fa3 !important;
}
.fontColor--gray_500 p {
  color: #8b8fa3 !important;
}

.fontColor--gray_600 {
  color: #b6bbcf !important;
}
.fontColor--gray_600 p {
  color: #b6bbcf !important;
}

.fontColor--gray_700 {
  color: #d6d6e1 !important;
}
.fontColor--gray_700 p {
  color: #d6d6e1 !important;
}

.fontColor--gray_800 {
  color: #e9ebf7 !important;
}
.fontColor--gray_800 p {
  color: #e9ebf7 !important;
}

.fontColor--gray_900 {
  color: #efeffa !important;
}
.fontColor--gray_900 p {
  color: #efeffa !important;
}

.fontColor--gray--400 {
  color: #696d80 !important;
}
.fontColor--gray--400 p {
  color: #696d80 !important;
}

.fontColor--gray--500 {
  color: #8b8fa3 !important;
}
.fontColor--gray--500 p {
  color: #696d80 !important;
}

.fontColor--lightningYellow {
  color: #68d8fc !important;
}
.fontColor--lightningYellow p {
  color: #68d8fc !important;
}

.fontColor--lightningYellowDark {
  color: #68d8fc !important;
}
.fontColor--lightningYellowDark p {
  color: #68d8fc !important;
}

.fontColor--blue {
  color: #006dff !important;
}
.fontColor--blue p {
  color: #006dff !important;
}

.fontColor--blue_light_secondary {
  color: #d1d8fa !important;
}
.fontColor--blue_light_secondary p {
  color: #d1d8fa !important;
}

.fontColor--green {
  color: #00c42e !important;
}
.fontColor--green p {
  color: #00c42e !important;
}

.fontColor--pink {
  color: #ff76f2 !important;
}
.fontColor--pink p {
  color: #ff76f2 !important;
}

.fontColor--purple {
  color: #9a4eff !important;
}
.fontColor--purple p {
  color: #9a4eff !important;
}

.fontColor--mainBlue {
  color: #133ee3 !important;
}
.fontColor--mainBlue p {
  color: #133ee3 !important;
}

.fontColor--tintedWhite {
  color: #f8f6fe !important;
}
.fontColor--tintedWhite p {
  color: #f8f6fe !important;
}

.fontColor--deepBlack {
  color: #020a18 !important;
}
.fontColor--deepBlack p {
  color: #020a18 !important;
}

.fontColor--tintBlack {
  color: #10103c !important;
}
.fontColor--tintBlack p {
  color: #10103c !important;
}

.fontColor--cyan {
  color: #68d8fc !important;
}
.fontColor--cyan p {
  color: #68d8fc !important;
}

@media (max-width: 767px) {
  .hide-component--mobile {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .hide-component--desktop {
    display: none !important;
  }
}

.before-lightning {
  position: relative;
  z-index: 2;
}