/*!*********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./node_modules/sass-loader/dist/cjs.js!./pages/case-study-detail/index.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/components/PageCover/_index.scss ***!
  \***********************************************************************************************************************************************************/
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
/* stylelint-disable value-keyword-case */
/* stylelint-disable enable-keyword-case */
.pageCover {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transition: 0.5s background-color ease, 0.2s opacity ease, 0.2s visibility ease, 0.2s z-index ease;
}
.pageCover.active {
  visibility: visible;
  opacity: 1;
  z-index: 7;
}
/*!*************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/Grid/Column/_index.scss ***!
  \*************************************************************************************************************************************************************/
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
/* stylelint-disable value-keyword-case */
/* stylelint-disable enable-keyword-case */
.column {
  position: relative;
  width: 100%;
  padding-left: 2.5%;
  padding-right: 2.5%;
}
.column.width-1\/12 {
  width: 8.3333333333%;
}
.column.width-2\/12 {
  width: 16.6666666667%;
}
.column.width-3\/12 {
  width: 25%;
}
.column.width-4\/12 {
  width: 33.3333333333%;
}
.column.width-5\/12 {
  width: 41.6666666667%;
}
.column.width-6\/12 {
  width: 50%;
}
.column.width-7\/12 {
  width: 58.3333333333%;
}
.column.width-8\/12 {
  width: 66.6666666667%;
}
.column.width-9\/12 {
  width: 75%;
}
.column.width-10\/12 {
  width: 83.3333333333%;
}
.column.width-11\/12 {
  width: 91.6666666667%;
}
.column.width-12\/12 {
  width: 100%;
}
.column.extend {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 47.9375rem) {
  .row:not(.noWrap) .column[class*=width-] {
    width: 100%;
  }
}
/*!**********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/Grid/Row/_index.scss ***!
  \**********************************************************************************************************************************************************/
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
/* stylelint-disable value-keyword-case */
/* stylelint-disable enable-keyword-case */
.row {
  display: flex;
  width: 100%;
  margin-left: -5%;
  margin-right: -5%;
  padding-left: 2.5%;
  padding-right: 2.5%;
}
@media (max-width: 47.9375rem) {
  .row:not(.noWrap) {
    flex-direction: column;
  }
}
.row .row {
  margin-left: 0;
  margin-right: 0;
}
.row.align--center {
  align-items: center;
}
.row.align--flex-start {
  align-items: flex-start;
}
.row.align--flex-end {
  align-items: flex-end;
}
.row.extend {
  padding-left: 0;
  padding-right: 0;
}
.row.reverse {
  flex-direction: row-reverse;
}
@media (max-width: 47.9375rem) {
  .row.reverse--onResponsive {
    flex-direction: column-reverse;
  }
}
@media (max-width: 47.9375rem) {
  .row.reverse:not(.noWrap) {
    flex-direction: column;
  }
}
/*!******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/Grid/_index.scss ***!
  \******************************************************************************************************************************************************/
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
/* stylelint-disable value-keyword-case */
/* stylelint-disable enable-keyword-case */
.grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}
.grid.extend {
  max-width: none;
}
.grid.debug .row {
  background: repeating-linear-gradient(-45deg, #eaeae8, #eaeae8 2px, #f5f4f3 2px, #f5f4f3 8px);
}
.grid.debug .column {
  outline: 1px dashed #ff7200;
}
.grid.debug .column::after {
  color: #3d3c38;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  font-size: 0.75rem;
  line-height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.grid.debug .column.width-1\/12::after {
  content: "1/12";
}
.grid.debug .column.width-2\/12::after {
  content: "2/12";
}
.grid.debug .column.width-3\/12::after {
  content: "3/12";
}
.grid.debug .column.width-4\/12::after {
  content: "4/12";
}
.grid.debug .column.width-5\/12::after {
  content: "5/12";
}
.grid.debug .column.width-6\/12::after {
  content: "6/12";
}
.grid.debug .column.width-7\/12::after {
  content: "7/12";
}
.grid.debug .column.width-8\/12::after {
  content: "8/12";
}
.grid.debug .column.width-9\/12::after {
  content: "9/12";
}
.grid.debug .column.width-10\/12::after {
  content: "10/12";
}
.grid.debug .column.width-11\/12::after {
  content: "11/12";
}
.grid.debug .column.width-12\/12::after {
  content: "12/12";
}
.grid.debug .column > * {
  outline: 1px dashed #00b4fa;
}
.grid.reverse .row {
  flex-direction: row-reverse;
}
@media (max-width: 47.9375rem) {
  .grid.reverse .row:not(.noWrap) {
    flex-direction: column;
  }
}
@media (max-width: 47.9375rem) {
  .grid.reverse--onResponsive .row:not(.noWrap) {
    flex-direction: column-reverse;
  }
}
.grid.reverse--alternate .row:nth-child(even) {
  flex-direction: row-reverse;
}
@media (max-width: 47.9375rem) {
  .grid.reverse--alternate .row:nth-child(even):not(.noWrap) {
    flex-direction: column;
  }
}
/*!**************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/Modal/Toggle/_index.scss ***!
  \**************************************************************************************************************************************************************/
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
/* stylelint-disable value-keyword-case */
/* stylelint-disable enable-keyword-case */
.modal__closeButton {
  position: fixed;
  width: 1.25rem;
  height: 1.25rem;
  top: 5%;
  right: 5%;
  z-index: 1;
}
.modal__closeButton::before, .modal__closeButton::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.25rem;
  height: 0.125rem;
  border-radius: 0.125rem;
  background-color: #fff;
}
.modal__closeButton::before {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.modal__closeButton::after {
  transform: translate(-50%, -50%) rotate(45deg);
}
/*!*******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/Modal/_index.scss ***!
  \*******************************************************************************************************************************************************/
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
/* stylelint-disable value-keyword-case */
/* stylelint-disable enable-keyword-case */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(2, 10, 24, 0.65);
  backdrop-filter: blur(64px);
  -webkit-backdrop-filter: blur(64px);
  transition: 0.25s opacity ease;
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  overflow-y: scroll;
  z-index: 11;
}
.modal.hidden {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  z-index: -1;
}
.modal__grid, .modal__innerWrapper, .modal__inner {
  height: 100%;
}
.modal__innerWrapper, .modal__inner {
  width: 100%;
  max-height: 100%;
}
.modal__innerWrapper {
  padding-top: calc(5% + 2.5rem);
  padding-bottom: calc(5% + 2.5rem);
}
.modal__inner {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.modal__inner, .modal__content {
  width: 100%;
}
.modal__content {
  max-height: 100%;
  overflow-y: auto;
}
/*!*******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/Video/_index.scss ***!
  \*******************************************************************************************************************************************************/
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
/* stylelint-disable value-keyword-case */
/* stylelint-disable enable-keyword-case */
.videoContainer {
  display: block;
  position: relative;
  background-color: rgba(2, 10, 24, 0.65);
  padding-top: 56.25%;
}
.videoContainer iframe,
.videoContainer video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/*!*************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/Modal/Video/_index.scss ***!
  \*************************************************************************************************************************************************************/
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
/* stylelint-disable value-keyword-case */
/* stylelint-disable enable-keyword-case */
.modal__video .modal__innerWrapper {
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .modal__video .modal__innerWrapper {
    padding: 0 clamp(
      1px,
      6.9444444444vw,
      100px
    );
  }
}
.modal__video .modal__inner {
  max-width: 1380px;
  margin-left: auto;
  margin-right: auto;
}
/*!**********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/Header/SuperNav/Item/_index.scss ***!
  \**********************************************************************************************************************************************************************/
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
/* stylelint-disable value-keyword-case */
/* stylelint-disable enable-keyword-case */
.header__superNavItem {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  text-align: center;
  font-weight: 500;
}
.header__superNavItem, .header__superNavItem--link {
  color: #020a18;
  transition: 0.2s color ease;
}
.header__superNavItem > a {
  white-space: nowrap;
  font-weight: 600;
}
/*!***************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/Header/SuperNav/Item/Link/_index.scss ***!
  \***************************************************************************************************************************************************************************/
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
/* stylelint-disable value-keyword-case */
/* stylelint-disable enable-keyword-case */
.header__superNavItem:last-child .header__superNavItem--link {
  padding-left: 23px;
}
@media (max-width: 767px) {
  .header__superNavItem:last-child .header__superNavItem--link {
    padding-left: 16px;
  }
}

.header__superNavItem--link {
  width: 100%;
  padding: 10px 15px;
  text-decoration: none;
  font-size: 15px;
  line-height: 100%;
}
@media (max-width: 767px) {
  .header__superNavItem--link {
    font-size: 11px;
    padding: 11px;
  }
}

.header__superNavItem--link.active {
  background-color: #e9ebf7;
}
.header__superNavItem--link.active::after, .header__superNavItem--link.active::before {
  content: " ";
  width: 5px;
  height: 100%;
  top: 0;
  background-color: #e9ebf7;
  position: absolute;
  transform: skewX(355deg);
  -ms-transform: skewX(355deg);
  -webkit-transform: skewX(355deg);
}
.header__superNavItem--link.active::before {
  left: -3px;
}
.header__superNavItem--link.active::after {
  right: -3px;
}
/*!***********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/Header/SuperNav/Items/_index.scss ***!
  \***********************************************************************************************************************************************************************/
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
/* stylelint-disable value-keyword-case */
/* stylelint-disable enable-keyword-case */
.header__superNavItems {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  width: fit-content;
}
/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/Header/SuperNav/_index.scss ***!
  \*****************************************************************************************************************************************************************/
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
/* stylelint-disable value-keyword-case */
/* stylelint-disable enable-keyword-case */
.header__superNav {
  height: 36px;
  width: 100%;
  background-color: #d7d8e3;
  display: inline-flex;
  justify-content: space-between;
}
.header__superNav .header__superNav--wrap {
  width: 100%;
  max-width: 100%;
}
.header__superNav .header__superNav--wrap > .row {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1024px) {
  .header__superNav .header__superNav--wrap > .row {
    max-width: clamp(
      1px,
      90.2777777778vw,
      1300px
    );
    align-items: stretch;
    justify-content: space-between;
  }
}
.header__superNav .header__superNavItem--icon-wrap {
  display: flex;
}
.header__superNav .header__superNavItem--icon-wrap.soundwave {
  transform: translateY(-0.5px);
}
.header__superNav .header__superNavItem--icon-wrap.soundwave svg {
  width: 16px;
}
@media (max-width: 767px) {
  .header__superNav .header__superNavItem--icon-wrap.soundwave svg {
    width: 14px;
  }
}
.header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap {
  position: relative;
}
.header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .header__superNavItem--link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  height: 100%;
  cursor: pointer;
  font-weight: 500;
  padding-inline: 19px;
}
@media (max-width: 767px) {
  .header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .header__superNavItem--link {
    padding-inline: 18px;
    gap: 8px;
    position: relative;
    z-index: 1;
  }
}
.header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap {
  position: absolute;
  padding-inline: 5px;
  right: -5px;
  top: 0;
  height: 100%;
  overflow: clip;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap.is-active {
  pointer-events: auto;
}
.header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNav {
  height: 100%;
  width: 0%;
  opacity: 0;
  transition: width 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  float: left;
}
@media (max-width: 767px) {
  .header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNav {
    position: relative;
    margin-right: 20px;
  }
  .header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNav::after {
    content: "";
    position: absolute;
    top: 0;
    width: 5px;
    height: 100%;
    transform: skewX(-5deg);
    background-color: #68d8fc;
    right: -3px;
  }
}
.header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNav .skew {
  width: 5px;
  height: 100%;
  background-color: #68d8fc;
  transform: skewX(-5deg) translate(-3px);
}
.header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  width: max-content;
  float: left;
  background-color: #68d8fc;
  opacity: 0;
  transform: translateY(5px);
  transition: transform 0.3s, opacity 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition-delay: var(--delayAnimation);
}
.header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem::before, .header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem::after {
  content: "";
  position: absolute;
  top: 0;
  width: 5px;
  height: 100%;
  transform: skewX(-5deg);
  background-color: #68d8fc;
}
.header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem::before {
  left: -3px;
}
.header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem::after {
  right: -3px;
}
.header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem .secondary-divider {
  position: relative;
  height: calc(100% - 7px);
  width: 1px;
  background-color: #000;
  opacity: 0.5;
  z-index: 1;
  transform: skew(-5deg);
  left: -3px;
}
.header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem .secondary-superNavItems__subNavItem--link,
.header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem .secondary-superNavItems__subNav--title {
  white-space: nowrap;
  font-size: 15px;
  font-weight: 500;
  color: #020a18;
  text-decoration: none;
}
@media (max-width: 767px) {
  .header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem .secondary-superNavItems__subNavItem--link,
.header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem .secondary-superNavItems__subNav--title {
    font-size: 9.5px;
  }
}
.header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem .secondary-superNavItems__subNav--title {
  padding-left: 7px;
}
@media (min-width: 768px) {
  .header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem .secondary-superNavItems__subNav--title {
    padding-right: 4px;
    padding-left: 16px;
  }
}
.header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem .secondary-superNavItems__subNavItem--link {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding-left: 12px;
  padding-right: 18px;
}
@media (max-width: 767px) {
  .header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem .secondary-superNavItems__subNavItem--link {
    padding-left: 9px;
    padding-right: 14px;
    gap: 5px;
    z-index: -1;
  }
}
.header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem .secondary-superNavItems__subNavItem--link:hover {
  text-decoration: underline;
}
.header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem .secondary-superNavItems__subNavItem--link:hover .header__superNavItem--icon-wrap::before {
  box-shadow: 0 0 10px 0 #020095, 0 0 9px 0 rgba(2, 0, 149, 0.03), 0 0 8px 0 rgba(2, 0, 149, 0.1), 0 0 6px 0 rgba(2, 0, 149, 0.17), 0 0 3px 0 rgba(2, 0, 149, 0.2);
}
.header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem .secondary-superNavItems__subNavItem--link:hover .header__superNavItem--icon-wrap svg circle {
  fill: #000;
}
.header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem .secondary-superNavItems__subNavItem--link:hover .header__superNavItem--icon-wrap svg path {
  fill: #fff;
}
.header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem .secondary-superNavItems__subNavItem--link:hover .header__superNavItem--icon-wrap.apple_music svg path[fill="#6402FF"] {
  fill: #000;
}
.header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem .secondary-superNavItems__subNavItem--link .header__superNavItem--icon-wrap {
  position: relative;
  align-items: center;
  width: 17px;
}
@media (max-width: 767px) {
  .header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem .secondary-superNavItems__subNavItem--link .header__superNavItem--icon-wrap {
    width: 13px;
  }
}
.header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem .secondary-superNavItems__subNavItem--link .header__superNavItem--icon-wrap svg {
  width: 17px;
}
@media (max-width: 767px) {
  .header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem .secondary-superNavItems__subNavItem--link .header__superNavItem--icon-wrap svg {
    width: 13px;
  }
}
.header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem .secondary-superNavItems__subNavItem--link .header__superNavItem--icon-wrap svg circle {
  fill: #68d8fc;
}
.header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem .secondary-superNavItems__subNavItem--link .header__superNavItem--icon-wrap svg path {
  fill: #000;
}
.header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem .secondary-superNavItems__subNavItem--link .header__superNavItem--icon-wrap svg * {
  transition: fill 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem:last-child {
  padding-right: 5px;
}
@media (max-width: 767px) {
  .header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem:last-child {
    padding-right: 0;
  }
  .header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem:last-child .secondary-superNavItems__subNavItem--link {
    padding-right: 7px;
    padding-left: 7px;
  }
}

html.supernav-open .header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNav {
  width: calc(100% + 5px);
  opacity: 1;
  background-color: #68d8fc;
}
html.supernav-open .header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem {
  transform: translateY(0);
  opacity: 1;
}
html.supernav-open .header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem .secondary-superNavItems__subNavItem--link {
  animation-delay: var(--delayAnimation);
}
html.supernav-open .header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap .secondary-superNavItems__subNavItem .secondary-superNavItems__subNavItem--link::after {
  background-color: #68d8fc;
}
@media (max-width: 767px) {
  html.supernav-open .header__superNavItems:not(.secondary-superNavItems) {
    position: relative;
    z-index: -1;
  }
  html.supernav-open .header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .header__superNavItem--link {
    position: static;
  }
}
@media (min-width: 768px) {
  html.supernav-open .header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap {
    pointer-events: auto;
  }
  html.supernav-open .header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav {
    width: calc(100% + 5px);
    opacity: 1;
    background-color: #68d8fc;
  }
  html.supernav-open .header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNavItem {
    transform: translateY(0);
    opacity: 1;
  }
  html.supernav-open .header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItem--link::after {
    background-color: #68d8fc;
  }
}
html.supernav-open.supernav-close .header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav-animWrap {
  pointer-events: none;
}
html.supernav-open.supernav-close .header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNav {
  width: 0;
  transition-delay: 0.3s;
}
html.supernav-open.supernav-close .header__superNav .secondary-superNavItems .secondary-superNavItems__subNav-wrap .secondary-superNavItems__subNavItem {
  transform: translateY(5px);
  opacity: 0;
  transition: transform 0.2s, opacity 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition-delay: var(--delayAnimationReverse);
}
/*!*********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/NavLogo/_index.scss ***!
  \*********************************************************************************************************************************************************/
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
/* stylelint-disable value-keyword-case */
/* stylelint-disable enable-keyword-case */
.navLogo {
  display: none;
}

.navLogoDesktop {
  display: block;
  max-width: 104px;
  width: 100%;
  position: relative;
  z-index: 10;
}
.navLogoDesktop path {
  fill: #f8f6fe;
}

@media (min-width: 1025px) {
  .navLogo {
    display: block;
  }
  .navLogo.hide,
.navLogoDesktop.hide {
    display: none;
  }
}
/*!*********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/NavLink/_index.scss ***!
  \*********************************************************************************************************************************************************/
.navLink,
.navLink a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
/*!****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/Header/NavLink/_index.scss ***!
  \****************************************************************************************************************************************************************/
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
/* stylelint-disable value-keyword-case */
/* stylelint-disable enable-keyword-case */
.header__navLinkColumn {
  padding-right: 0;
  padding-left: 0;
  height: fit-content;
  opacity: 1;
  transition: opacity 0.2s ease;
}
@media (max-width: 1023px) {
  .header__navLinkColumn {
    width: 100% !important;
  }
}
@media (min-width: 64rem) {
  .header__navLinkColumn.column {
    width: auto;
    padding-left: 0;
    padding-right: clamp(
      1px,
      2.2222222222vw,
      32px
    );
  }
}
.header__navLinkColumn--container .navLogo path {
  fill: #f8f6fe;
  transition: 0.2s fill ease;
}
/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/Header/SubMenu/Link/_index.scss ***!
  \*********************************************************************************************************************************************************************/
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
/* stylelint-disable value-keyword-case */
/* stylelint-disable enable-keyword-case */
.headerSubMenuLink {
  min-width: 100%;
  transition: translate 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}
.headerSubMenuLink__title {
  font-size: 14px;
  display: flex;
  align-items: center;
  line-height: 130%;
  color: #10103c;
  transition: 0.35s color cubic-bezier(0.23, 1, 0.32, 1);
}
.headerSubMenuLink a,
.headerSubMenuLink .modalToggle {
  display: flex;
  align-items: center;
  gap: clamp(
      1px,
      0.4166666667vw,
      6px
    );
  text-decoration: none;
  padding-bottom: 11px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  font-weight: 500;
}
.headerSubMenuLink a svg,
.headerSubMenuLink .modalToggle svg {
  width: 11px;
  opacity: 0;
  transition: opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}
.headerSubMenuLink a svg path,
.headerSubMenuLink .modalToggle svg path {
  stroke: #133ee3;
}
.headerSubMenuLink a:hover span:not(.ShinyPill),
.headerSubMenuLink .modalToggle:hover span:not(.ShinyPill) {
  color: #133ee3;
}
.headerSubMenuLink:not(.title) {
  translate: calc((clamp(
      1px,
      0.4166666667vw,
      6px
    ) + 11px) * -1);
}
.headerSubMenuLink:not(.title):hover {
  translate: 0;
}
.headerSubMenuLink:not(.title):hover svg {
  opacity: 1;
}
.headerSubMenuLink.title {
  position: relative;
}
.headerSubMenuLink.title svg {
  display: none;
}
.headerSubMenuLink.title a,
.headerSubMenuLink.title .no-link {
  padding-bottom: 15px;
  margin-bottom: 27px;
}
.headerSubMenuLink.title::after {
  content: "";
  position: absolute;
  bottom: 26px;
  left: 0;
  width: 32px;
  height: 2px;
  background-color: #133ee3;
  opacity: 0.2;
  transition: opacity 0.2s ease-out;
}
.headerSubMenuLink.title .headerSubMenuLink__title {
  color: #10103c;
  font-weight: 600;
}
.headerSubMenuLink.title:hover::after {
  opacity: 1;
}
.headerSubMenuLink.title:has(.no-link)::after {
  opacity: 1;
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/ShinyPill/_index.scss ***!
  \***********************************************************************************************************************************************************/
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
/* stylelint-disable value-keyword-case */
/* stylelint-disable enable-keyword-case */
.ShinyPill,
.responsiveNav__itemsGroup--header span.responsiveNav__itemsGroup--newPill {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 19px;
  width: 38px;
  font-family: "agrandir-bolt";
  text-transform: uppercase;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0.2px;
  margin-left: 4px;
  background-color: #006cff;
  color: #f8f6fe;
  border-radius: 100px;
  overflow: clip;
}
.ShinyPill .swipes,
.responsiveNav__itemsGroup--header span.responsiveNav__itemsGroup--newPill .swipes {
  position: absolute;
  top: -50%;
  width: 10px;
  height: 200%;
  rotate: 25deg;
  translate: -25vw;
  animation: swipe 2.7s infinite linear;
  filter: blur(2px);
}
@keyframes swipe {
  0% {
    translate: -275px;
  }
  100% {
    translate: 275px;
  }
}
.ShinyPill .swipes .large,
.responsiveNav__itemsGroup--header span.responsiveNav__itemsGroup--newPill .swipes .large {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  background-color: #fff;
  opacity: 0.3;
}
.ShinyPill .swipes .small,
.responsiveNav__itemsGroup--header span.responsiveNav__itemsGroup--newPill .swipes .small {
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50%;
  height: 100%;
  width: 16px;
  background-color: #f8f6fe;
  opacity: 0.3;
}
.ShinyPill.delay .swipes,
.responsiveNav__itemsGroup--header span.responsiveNav__itemsGroup--newPill.delay .swipes {
  animation-delay: 1.35s;
}
/*!****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/Header/SubMenu/_index.scss ***!
  \****************************************************************************************************************************************************************/
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
/* stylelint-disable value-keyword-case */
/* stylelint-disable enable-keyword-case */
.headerSubMenu {
  display: flex;
  position: absolute;
  top: 115%;
  left: calc(clamp(
      1px,
      1.4930555556vw,
      21.5px
    ) * -1);
  flex-flow: row wrap;
  overflow: hidden;
  padding: 35px 12px 24px clamp(
      1px,
      2.4305555556vw,
      35px
    );
  background-color: #fff;
  border-radius: 5px;
  text-align: left;
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.2), 0 13px 20px rgba(0, 0, 0, 0.17);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  width: 260px;
  transition: all 0.2s ease-out;
}

html:not(.hovered) .headerSubMenu {
  transition: all 0.2s ease-out;
}
html:not(.hovered) .headerSubMenu,
html:not(.hovered) .headerSubMenu * {
  visibility: hidden !important;
}
/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/Header/PrimaryNav/Items/_index.scss ***!
  \*************************************************************************************************************************************************************************/
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
/* stylelint-disable value-keyword-case */
/* stylelint-disable enable-keyword-case */
.header__primaryNavItems {
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 1023px) {
  .header__primaryNavItems {
    display: none;
  }
}
/*!*******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/Header/PrimaryNav/_index.scss ***!
  \*******************************************************************************************************************************************************************/
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
/* stylelint-disable value-keyword-case */
/* stylelint-disable enable-keyword-case */
.header__primaryNav {
  display: flex;
  flex: 1;
  position: relative;
  width: auto;
}
@media (max-width: 1023px) {
  .header__primaryNav {
    display: none;
  }
}
/*!********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/Button/_index.scss ***!
  \********************************************************************************************************************************************************/
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
/* stylelint-disable value-keyword-case */
/* stylelint-disable enable-keyword-case */
.Button {
  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;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 80em;
  background-color: #020a18;
  border: 0.125rem solid #020a18;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, fill 0.2s ease, 0.2s transform ease-in-out;
  cursor: pointer;
  overflow: hidden;
  will-change: transform;
  font-weight: 600;
  padding: clamp(
      1px,
      3.4666666667vw,
      26.624px
    ) clamp(
      1px,
      5.8666666667vw,
      45.056px
    );
}
@media (max-width: 320px) {
  .Button {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  .Button {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .Button {
    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) {
  .Button {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  .Button {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  .Button {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .Button {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  .Button {
    font-size: 1rem;
  }
}
.Button strong {
  font-weight: 600;
}
.Button.fontColor--boltBlack {
  color: #020a18;
}
.Button.fontColor--white {
  color: #fff;
}
.Button.fontColor--gray_200 {
  color: #333747;
}
.Button.fontColor--gray_400 {
  color: #696d80;
}
.Button.fontColor--gray_600 {
  color: #b6bbcf;
}
.Button.fontColor--gray_700 {
  color: #d6d6e1;
}
.Button.fontColor--gray_800 {
  color: #e9ebf7;
}
.Button.fontColor--lightningYellow {
  color: #68d8fc;
}
.Button.fontColor--lightningYellowDark {
  color: #68d8fc;
}
.Button.fontColor--blue {
  color: #006dff;
}
.Button.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
.Button.fontColor--green {
  color: #00c42e;
}
.Button.fontColor--pink {
  color: #ff76f2;
}
.Button.fontColor--purple {
  color: #9a4eff;
}
@media (min-width: 768px) {
  .Button {
    padding: clamp(
      1px,
      0.9027777778vw,
      13px
    ) clamp(
      1px,
      1.5277777778vw,
      22px
    );
  }
}
.Button::after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-100%, 0) rotate(10deg);
  transform-origin: top left;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, fill 0.2s ease, 0.2s transform ease-in-out;
  will-change: transform;
  z-index: -1;
  border-radius: 80em;
  background-color: #68d8fc;
}
.Button > * {
  position: relative;
  z-index: 1;
}
.Button,
.Button .Button__inner {
  color: #f8f6fe;
}
.Button:hover {
  background-color: #68d8fc;
  border-color: #68d8fc;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, fill 0.2s ease, 0.2s transform ease-in-out;
  transform: scale(1.07);
  will-change: transform;
}
.Button:hover::after {
  transform: translate(0, 0);
  z-index: 0;
  background-color: #68d8fc;
}
.Button:hover,
.Button:hover .Button__inner {
  color: #020a18;
}
.Button:hover::before, .Button:hover::after {
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, fill 0.2s ease, 0.2s transform ease-in-out;
}
.Button.size--large {
  padding: clamp(
      1px,
      5.3333333333vw,
      40.96px
    ) clamp(
      1px,
      8.5333333333vw,
      65.536px
    );
}
@media (min-width: 768px) {
  .Button.size--large {
    padding: clamp(
      1px,
      1.3888888889vw,
      20px
    ) clamp(
      1px,
      2.2222222222vw,
      32px
    );
  }
}
.Button.size--large .Button__inner {
  line-height: 100%;
}
.Button.theme--default2white:hover {
  background-color: #fff;
  border-color: #fff;
}
.Button.theme--default2white:hover::after {
  background-color: #fff;
}
.Button.theme--default2white:hover,
.Button.theme--default2white:hover .Button__inner {
  color: #020a18;
}
.Button.theme--lightningYellow {
  background-color: #68d8fc;
  border-color: #68d8fc;
}
.Button.theme--lightningYellow,
.Button.theme--lightningYellow .Button__inner {
  color: #020a18;
}
.Button.theme--lightningYellow::after {
  background-color: #020a18;
}
.Button.theme--lightningYellow:hover {
  background-color: #020a18;
  border-color: #020a18;
}
.Button.theme--lightningYellow:hover::after {
  background-color: #020a18;
}
.Button.theme--lightningYellow:hover,
.Button.theme--lightningYellow:hover .Button__inner {
  color: #68d8fc;
}
.Button.theme--purpleLight {
  background-color: #b688ff;
  border-color: #b688ff;
}
.Button.theme--purpleLight,
.Button.theme--purpleLight .Button__inner {
  color: #020a18;
}
.Button.theme--purpleLight::after {
  background-color: #c5bfff;
}
.Button.theme--purpleLight:hover {
  background-color: #c5bfff;
  border-color: #c5bfff;
}
.Button.theme--purpleLight:hover::after {
  background-color: #c5bfff;
}
.Button.theme--purpleLight:hover,
.Button.theme--purpleLight:hover .Button__inner {
  color: #020a18;
}
.Button.theme--purpleLight2Pink {
  background-color: #b688ff;
  border-color: #b688ff;
}
.Button.theme--purpleLight2Pink,
.Button.theme--purpleLight2Pink .Button__inner {
  color: #020a18;
}
.Button.theme--purpleLight2Pink::after {
  background-color: #ff76f2;
}
.Button.theme--purpleLight2Pink:hover {
  background-color: #ff76f2;
  border-color: #ff76f2;
}
.Button.theme--purpleLight2Pink:hover::after {
  background-color: #ff76f2;
}
.Button.theme--purpleLight2Pink:hover,
.Button.theme--purpleLight2Pink:hover .Button__inner {
  color: #020a18;
}
.Button.theme--purpleLight2Black {
  background-color: #b688ff;
  border-color: #b688ff;
}
.Button.theme--purpleLight2Black,
.Button.theme--purpleLight2Black .Button__inner {
  color: #020a18;
}
.Button.theme--purpleLight2Black .Button__chevron svg path {
  stroke: #020a18;
}
.Button.theme--purpleLight2Black::after {
  background-color: #f8f6fe;
}
.Button.theme--purpleLight2Black:hover {
  background-color: #68d8fc;
  border-color: #68d8fc;
}
.Button.theme--purpleLight2Black:hover::after {
  background-color: #68d8fc;
}
.Button.theme--purpleLight2Black:hover,
.Button.theme--purpleLight2Black:hover .Button__inner {
  color: #020a18;
}
.Button.theme--lightningYellow2white {
  background-color: #68d8fc;
  border-color: #68d8fc;
}
.Button.theme--lightningYellow2white,
.Button.theme--lightningYellow2white .Button__inner {
  color: #020a18;
}
.Button.theme--lightningYellow2white::after {
  background-color: #fff;
}
.Button.theme--lightningYellow2white:hover {
  background-color: #fff;
  border-color: #fff;
}
.Button.theme--lightningYellow2white:hover::after {
  background-color: #fff;
}
.Button.theme--lightningYellow2white:hover,
.Button.theme--lightningYellow2white:hover .Button__inner {
  color: #020a18;
}
.Button.theme--cyan {
  background-color: #68d8fc;
  border-color: #68d8fc;
}
.Button.theme--cyan,
.Button.theme--cyan .Button__inner {
  color: #020a18;
}
.Button.theme--cyan::after {
  background-color: #f8f6fe;
}
.Button.theme--cyan:hover {
  background-color: #f8f6fe;
  border-color: #f8f6fe;
}
.Button.theme--cyan:hover::after {
  background-color: #f8f6fe;
}
.Button.theme--cyan:hover,
.Button.theme--cyan:hover .Button__inner {
  color: #020a18;
}
.Button.theme--mainBlue {
  background-color: #133ee3;
  border-color: #133ee3;
}
.Button.theme--mainBlue,
.Button.theme--mainBlue .Button__inner {
  color: #f8f6fe;
}
.Button.theme--mainBlue::after {
  background-color: #68d8fc;
}
.Button.theme--mainBlue:hover {
  background-color: #68d8fc;
  border-color: #68d8fc;
}
.Button.theme--mainBlue:hover::after {
  background-color: #68d8fc;
}
.Button.theme--mainBlue:hover,
.Button.theme--mainBlue:hover .Button__inner {
  color: #020a18;
}
.Button.theme--mainBlueOutline {
  background-color: #fff;
  border-color: #133ee3;
}
.Button.theme--mainBlueOutline,
.Button.theme--mainBlueOutline .Button__inner {
  color: #020a18;
}
.Button.theme--mainBlueOutline::after {
  background-color: #133ee3;
}
.Button.theme--mainBlueOutline:hover {
  background-color: #133ee3;
  border-color: #133ee3;
}
.Button.theme--mainBlueOutline:hover::after {
  background-color: #133ee3;
}
.Button.theme--mainBlueOutline:hover,
.Button.theme--mainBlueOutline:hover .Button__inner {
  color: #f8f6fe;
}
.Button.theme--white {
  background-color: #f8f6fe;
  border-color: #f8f6fe;
}
.Button.theme--white,
.Button.theme--white .Button__inner {
  color: #020a18;
}
.Button.theme--white::after {
  background-color: #f8f6fe;
}
.Button.theme--white:hover {
  border-color: #68d8fc;
}
.Button.theme--white:hover::after {
  background-color: #68d8fc;
}
.Button.theme--white:hover,
.Button.theme--white:hover .Button__inner {
  color: #020a18;
}
.Button.theme--boltBlack {
  background-color: #020a18;
  border-color: #020a18;
}
.Button.theme--boltBlack,
.Button.theme--boltBlack .Button__inner {
  color: #f8f6fe;
}
.Button.theme--boltBlack::after {
  background-color: #f8f6fe;
}
.Button.theme--boltBlack:hover {
  background-color: #68d8fc;
  border-color: #68d8fc;
}
.Button.theme--boltBlack:hover::after {
  background-color: #68d8fc;
}
.Button.theme--boltBlack:hover,
.Button.theme--boltBlack:hover .Button__inner {
  color: #020a18;
}
.Button.theme--deepBlack {
  background-color: #020a18;
  border-color: #020a18;
}
.Button.theme--deepBlack,
.Button.theme--deepBlack .Button__inner {
  color: #f8f6fe;
}
.Button.theme--deepBlack::after {
  background-color: #f8f6fe;
}
.Button.theme--deepBlack:hover {
  background-color: #68d8fc;
  border-color: #68d8fc;
}
.Button.theme--deepBlack:hover::after {
  background-color: #68d8fc;
}
.Button.theme--deepBlack:hover,
.Button.theme--deepBlack:hover .Button__inner {
  color: #020a18;
}
.Button.theme--mainBlueOutline .Button__chevron svg path, .Button.theme--cyan .Button__chevron svg path, .Button.theme--lightningYellow2white .Button__chevron svg path, .Button.theme--purpleLight .Button__chevron svg path, .Button.theme--lightningYellow .Button__chevron svg path {
  stroke: #020a18;
}
.Button.theme--lightningYellow.buttonType--icon_box_chevron:hover .Button__chevron svg path {
  stroke: #68d8fc;
}
.Button.buttonType--icon_button {
  display: flex;
  min-height: clamp(
      1px,
      4.1666666667vw,
      60px
    );
  padding: clamp(
      1px,
      0.6944444444vw,
      10px
    ) clamp(
      1px,
      1.6666666667vw,
      24px
    );
}
@media (max-width: 767px) {
  .Button.buttonType--icon_button {
    min-height: clamp(
      1px,
      16vw,
      122.88px
    );
    padding: clamp(
      1px,
      2.6666666667vw,
      20.48px
    ) clamp(
      1px,
      6.4vw,
      49.152px
    );
  }
}
.Button.buttonType--icon_button .Button__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: clamp(
      1px,
      1.9444444444vw,
      28px
    );
  margin-right: clamp(
      1px,
      0.8333333333vw,
      12px
    );
}
@media (max-width: 767px) {
  .Button.buttonType--icon_button .Button__icon {
    min-width: clamp(
      1px,
      7.4666666667vw,
      57.344px
    );
    margin-right: clamp(
      1px,
      3.2vw,
      24.576px
    );
  }
}
.Button.buttonType--icon_button .Button__icon img {
  max-height: clamp(
      1px,
      2.5vw,
      36px
    );
}
@media (max-width: 767px) {
  .Button.buttonType--icon_button .Button__icon img {
    max-height: clamp(
      1px,
      9.6vw,
      73.728px
    );
  }
}
.Button.buttonType--icon_button .Button__inner {
  font-size: clamp(12px, 1.111vw, 16px);
}
@media (max-width: 767px) {
  .Button.buttonType--icon_button .Button__inner {
    font-size: clamp(
      1px,
      4.2666666667vw,
      32.768px
    );
  }
}
.Button.buttonType--icon_box_chevron {
  display: flex;
  border-radius: 9px;
  height: clamp(
      1px,
      6.9444444444vw,
      100px
    );
  padding-inline: clamp(
      1px,
      1.9444444444vw,
      28px
    );
}
@media (max-width: 767px) {
  .Button.buttonType--icon_box_chevron {
    height: clamp(
      1px,
      26.6666666667vw,
      204.8px
    );
    padding-inline: clamp(
      1px,
      7.4666666667vw,
      57.344px
    );
  }
}
.Button.buttonType--icon_box_chevron .Button__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: clamp(
      1px,
      1.9444444444vw,
      28px
    );
  min-width: clamp(
      1px,
      4.0277777778vw,
      58px
    );
}
@media (max-width: 767px) {
  .Button.buttonType--icon_box_chevron .Button__icon {
    margin-right: clamp(
      1px,
      7.4666666667vw,
      57.344px
    );
    min-width: clamp(
      1px,
      15.4666666667vw,
      118.784px
    );
  }
}
.Button.buttonType--icon_box_chevron .Button__icon img {
  max-height: clamp(
      1px,
      4.0277777778vw,
      58px
    );
}
@media (max-width: 767px) {
  .Button.buttonType--icon_box_chevron .Button__icon img {
    max-height: clamp(
      1px,
      15.4666666667vw,
      118.784px
    );
  }
}
.Button.buttonType--icon_box_chevron .Button__inner {
  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%;
  line-height: 110%;
  font-size: clamp(12px, 1.389vw, 20px);
  width: clamp(
      1px,
      7.2222222222vw,
      104px
    );
  min-width: 72px;
  text-align: left;
}
@media (min-width: 768px) {
  .Button.buttonType--icon_box_chevron .Button__inner {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 767px) {
  .Button.buttonType--icon_box_chevron .Button__inner {
    font-size: clamp(
      1px,
      5.3333333333vw,
      40.96px
    );
    width: clamp(
      1px,
      27.7333333333vw,
      212.992px
    );
  }
}
.Button.buttonType--icon_box_chevron .Button__chevron svg {
  margin-left: clamp(
      1px,
      1.9444444444vw,
      28px
    );
}
@media (max-width: 767px) {
  .Button.buttonType--icon_box_chevron .Button__chevron svg {
    margin-left: clamp(
      1px,
      7.4666666667vw,
      57.344px
    );
  }
}
.Button.buttonType--icon_box_chevron .Button__chevron svg path {
  stroke: #f8f6fe;
  transition: stroke 0.2s ease;
}
.Button.buttonType--icon_box_chevron:hover .Button__chevron svg path {
  stroke: #020a18;
}
.Button[disabled], .Button[disabled]:hover {
  background-color: #d6d6e1;
  border-color: #d6d6e1;
  transform: none;
  cursor: not-allowed;
}
.Button[disabled],
.Button[disabled] .Button__inner, .Button[disabled]:hover,
.Button[disabled]:hover .Button__inner {
  color: #8b8fa3;
}
.Button[disabled]::after, .Button[disabled]:hover::after {
  content: unset;
}
/*!**************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/Header/SecondaryNav/Item/_index.scss ***!
  \**************************************************************************************************************************************************************************/
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
/* stylelint-disable value-keyword-case */
/* stylelint-disable enable-keyword-case */
.header__secondaryNavItem.buttonContainer {
  justify-content: flex-end;
  padding-left: clamp(
      1px,
      1.25vw,
      18px
    );
  display: flex;
  flex-flow: column;
  padding-bottom: 3px;
  max-height: 50px;
  white-space: nowrap;
}
/*!***************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/Header/SecondaryNav/Items/_index.scss ***!
  \***************************************************************************************************************************************************************************/
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
/* stylelint-disable value-keyword-case */
/* stylelint-disable enable-keyword-case */
.header__secondaryNavItems {
  display: flex;
  align-items: center;
}
@media (max-width: 1023px) {
  .header__secondaryNavItems {
    display: none;
  }
}
/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/Header/SecondaryNav/_index.scss ***!
  \*********************************************************************************************************************************************************************/
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
/* stylelint-disable value-keyword-case */
/* stylelint-disable enable-keyword-case */
.header__secondaryNav {
  display: flex;
  justify-content: flex-end;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 1180px) {
  .header__secondaryNav {
    font-size: 0.875rem;
  }
}
@media (max-width: 1023px) {
  .header__secondaryNav {
    display: none;
  }
}
/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/HamburgerButton/_index.scss ***!
  \*****************************************************************************************************************************************************************/
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
/* stylelint-disable value-keyword-case */
/* stylelint-disable enable-keyword-case */
.hamburgerButton {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 1.3125rem !important;
}
.hamburgerButton * {
  position: relative;
  visibility: visible;
  background-color: #f8f6fe;
  height: 3px;
  border-radius: 0;
  width: 100%;
  opacity: 1;
  top: 0;
  transition: 0.3s background-color ease, 0.3s opacity ease, 0.3s top ease, 0.3s transform ease, 0.3s visibility ease;
}
.hamburgerButton *:not(:last-child) {
  margin-bottom: 0.3rem;
}
.hamburgerButton__column {
  padding-right: 0;
}
@media (min-width: 64.0625rem) {
  .hamburgerButton__column {
    display: none !important;
  }
}

html.open .hamburgerButton *:nth-child(1) {
  top: 0.5rem;
  transform: rotate(45deg);
}
html.open .hamburgerButton *:nth-child(2) {
  opacity: 0;
  visibility: hidden;
}
html.open .hamburgerButton *:nth-child(3) {
  top: -0.4375rem;
  transform: rotate(-45deg);
}
/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/Header/HamburgerButton/_index.scss ***!
  \************************************************************************************************************************************************************************/
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
/* stylelint-disable value-keyword-case */
/* stylelint-disable enable-keyword-case */
.hamburgerButton__column {
  display: flex;
  align-items: start;
  justify-content: flex-end;
  margin-top: -10px;
}
@media (min-width: 1024px) {
  .hamburgerButton__column {
    display: none !important;
  }
}

.hamburgerButton__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  background-color: transparent;
  border-radius: 50%;
  transition: background-color 0.2s ease;
}
/*!********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/Header/_index.scss ***!
  \********************************************************************************************************************************************************/
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
/* stylelint-disable value-keyword-case */
/* stylelint-disable enable-keyword-case */
html main {
  margin-top: -72px;
  padding-top: 72px;
}
@media (min-width: 1024px) {
  html main {
    margin-top: -144px;
    padding-top: 144px;
  }
}
html .header {
  position: relative;
  width: 100%;
  z-index: 11;
  background-color: transparent;
}
html .header::before {
  content: "";
  position: absolute;
  top: 36px;
  left: 0;
  right: 0;
  height: 100vh;
  background-color: #120339;
  opacity: 0;
  z-index: -1;
  transition: opacity 0.2s ease;
  pointer-events: none;
}
html .header .header__nav {
  height: 72px;
}
@media (min-width: 1024px) {
  html .header .header__nav {
    height: 108px;
  }
}
html .header .header__nav .header__nav--wrap {
  padding-top: 11px;
  max-width: clamp(
      1px,
      88.8888888889vw,
      1280px
    );
}
@media (max-width: 767px) {
  html .header .header__nav .header__nav--wrap {
    max-width: clamp(
      1px,
      92vw,
      706.56px
    );
  }
}
html .header .header__nav .header__nav--wrap > .row {
  align-items: center;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 64rem) {
  html .header .header__nav .header__nav--wrap > .row {
    align-items: start;
    justify-content: space-between;
  }
}
html .header__NavItem--link, html .header__NavItem > span {
  width: 100%;
  text-decoration: none;
  font-size: 16px;
  color: #f8f6fe;
  transition: 0.2s color ease;
}
html .header__NavItem:not(.buttonContainer) {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: center;
  font-weight: 500;
  white-space: nowrap;
  padding: 22px clamp(
      1px,
      0.9375vw,
      13.5px
    );
  opacity: 1;
  transition: opacity 0.2s ease-out;
}
html .header__NavItem:not(.buttonContainer).hasSubMenu:hover .headerSubMenu {
  top: 100%;
  visibility: visible;
  z-index: 9;
  opacity: 1;
}
html .header__NavItem:not(.buttonContainer):not(.hasSubMenu)::after {
  content: "";
  position: absolute;
  bottom: 16px;
  left: 50%;
  width: calc(100% - clamp(
      1px,
      1.875vw,
      27px
    ));
  height: 1px;
  background-color: #f8f6fe;
  transform: translateX(-50%) scaleX(0);
  transition: all 0.2s ease-out;
}
html .header__NavItem:not(.buttonContainer):not(.hasSubMenu):hover::after {
  transform: translateX(-50%) scaleX(1);
}

html.hovered .header::before {
  opacity: 0.7;
}
html.hovered .header .header__NavItem:not(:hover, .buttonContainer) {
  opacity: 0.5;
}
html.hovered .header__NavItem.hasSubMenu:hover .headerSubMenu {
  top: 100%;
  visibility: visible;
  z-index: 9;
  opacity: 1;
}

html.open .header::before {
  opacity: 0.7;
}
@media (min-width: 768px) and (max-width: 1023px) {
  html.open .header::before {
    top: 36px;
  }
}

html.stickyNav {
  padding-top: 108px;
}
@media (min-width: 1025px) {
  html.stickyNav {
    padding-top: 144px;
  }
}
@media (min-width: 1024px) {
  html.stickyNav main {
    margin-top: -108px;
    padding-top: 108px;
  }
}
html.stickyNav header.stickyNav {
  position: fixed;
  height: 108px;
  top: -36px;
}
@media (min-width: 1025px) {
  html.stickyNav header.stickyNav {
    margin-top: -36px;
    height: 108px;
    top: 0;
  }
}
html.stickyNav header.stickyNav .header__nav {
  height: 72px;
}
@media (min-width: 1025px) {
  html.stickyNav header.stickyNav .header__nav {
    display: flex;
    align-items: center;
    height: 80px;
    box-shadow: 0 30px 20px -30px rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1024px) {
  html.stickyNav header.stickyNav .header__nav {
    background-color: #020a18;
  }
}
html.stickyNav header.stickyNav .header__nav.transition {
  transition: background-color 0.66s ease;
}
html.stickyNav header.stickyNav .header__nav .header__nav--wrap {
  padding-top: 20px;
}
@media (min-width: 1025px) {
  html.stickyNav header.stickyNav .header__nav .header__nav--wrap {
    padding-top: 0;
  }
}
@media (max-width: 1023px) {
  html.stickyNav header.stickyNav .header__navLinkColumn {
    opacity: 0;
  }
}
html.stickyNav header.stickyNav .hamburgerButton__container {
  background-color: #020a18;
}
html.stickyNav header.stickyNav .hamburgerButton * {
  background-color: #d6d6e1;
}

html.noHeader {
  padding-top: 0;
}
html.noHeader main {
  padding-top: 0;
  margin-top: 0;
}
html.noHeader .header {
  display: none;
}
/*!*********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/Divider/_index.scss ***!
  \*********************************************************************************************************************************************************/
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
/* stylelint-disable value-keyword-case */
/* stylelint-disable enable-keyword-case */
.Divider {
  display: block;
  width: 100%;
  position: relative;
  pointer-events: none;
}
.Divider::after {
  content: "";
  width: 100%;
  height: 10px;
  position: absolute;
  bottom: -1px;
  z-index: 0;
}
.Divider::before {
  content: "";
  width: 100%;
  height: 10px;
  position: absolute;
  top: -1px;
  z-index: 0;
}
.Divider.-top-tintedWhite::before {
  background-color: #f8f6fe;
}
.Divider.-top-boltBlack::before {
  background-color: #020a18;
}
.Divider.-top-tintBlack::before {
  background-color: #10103c;
}
.Divider.-top-white::before {
  background-color: #fff;
}
.Divider.-top-cyan::before {
  background-color: #68d8fc;
}
.Divider.-bottom-tintedWhite::after {
  background-color: #f8f6fe;
}
.Divider.-bottom-boltBlack::after {
  background-color: #020a18;
}
.Divider.-bottom-tintBlack::after {
  background-color: #10103c;
}
.Divider.-bottom-white::after {
  background-color: #fff;
}
.Divider.-bottom-gray_700::after {
  background-color: #d6d6e1;
}
.Divider.-bottom-cyan::after {
  background-color: #68d8fc;
}
.Divider.allow-box-shadow {
  z-index: -1;
}
.Divider img {
  z-index: 1;
  display: block;
  width: 100%;
  position: relative;
  pointer-events: none;
  user-select: none;
}
@media (max-width: 767px) {
  .Divider img.desktop {
    display: none;
  }
}
@media (min-width: 768px) {
  .Divider img.mobile {
    display: none;
  }
}
@media (max-width: 1023px) {
  .Divider img:not(.isComponentChild) {
    width: 104%;
    max-width: 104%;
    left: -2%;
  }
}
/*!*************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./node_modules/sass-loader/dist/cjs.js!./pages/case-study-detail/index.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;
}

html.case-study main {
  position: relative;
  padding: 0;
  z-index: 2;
  background-color: #f8f6fe;
}
html.case-study .case-study__pageBg {
  height: clamp(
      1px,
      118.4vw,
      909.312px
    );
}
@media (min-width: 768px) {
  html.case-study .case-study__pageBg {
    height: clamp(
      1px,
      62.2916666667vw,
      897px
    );
  }
}
html.case-study .case-study__topContent {
  z-index: 1;
}
html.case-study .case-study__topContent p {
  display: flex;
  justify-content: center;
  padding-bottom: clamp(
      1px,
      3.1944444444vw,
      46px
    );
  color: #68d8fc;
}
html.case-study .case-study__topContent figure {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  html.case-study .case-study__topContent figure img.boltxbrand-logo {
    height: clamp(
      1px,
      11.1111111111vw,
      160px
    );
  }
}
html.case-study .case-study__pageBgWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  width: auto;
  height: clamp(
      1px,
      132.8vw,
      1019.904px
    );
  position: relative;
  background-color: #020a18;
}
@media (min-width: 768px) {
  html.case-study .case-study__pageBgWrap {
    height: clamp(
      1px,
      67.3611111111vw,
      970px
    );
  }
}
html.case-study .case-study__topContentImage {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
html.case-study .case-study__dividerClass img {
  max-height: 81px !important;
}
html.case-study .case-study__mainContent {
  background: linear-gradient(180deg, #d6d6e1 0%, #f8f6fe 71.74%);
  position: relative;
  z-index: 2;
}
html.case-study .case-study__mainContent .caseStudy__left {
  height: clamp(
      1px,
      36.25vw,
      522px
    );
}
html.case-study .case-study__mainContent .caseStudy__left--bg {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  width: auto;
  height: clamp(
      1px,
      36.25vw,
      522px
    );
  position: relative;
  background-color: #000;
  border-radius: 10px 0 0 10px;
}
html.case-study .case-study__mainContent .caseStudy__left--bg .image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.25;
}
html.case-study .case-study__mainContent .caseStudy__left .divider {
  height: clamp(
      1px,
      36.3194444444vw,
      523px
    );
  position: absolute;
  right: -3%;
  top: 0;
  z-index: 1;
}
html.case-study .case-study__mainContent .caseStudy__left .content {
  z-index: 1;
}
html.case-study .case-study__mainContent .caseStudy__left .content p {
  display: flex;
  justify-content: center;
  padding-bottom: clamp(
      1px,
      3.1944444444vw,
      46px
    );
  color: #68d8fc;
}
html.case-study .case-study__mainContent .caseStudy__left .content figure {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
html.case-study .case-study__mainContentWrap {
  margin: 0;
  padding-left: 0 2.5%;
}
@media (min-width: 768px) {
  html.case-study .case-study__mainContentWrap {
    margin: 0 auto;
    padding: 0;
  }
}
html.case-study .case-study__mainContentWrap h2 {
  text-align: center;
  max-width: clamp(
      1px,
      69.4444444444vw,
      1000px
    );
  padding-top: clamp(
      1px,
      17.6vw,
      135.168px
    );
  padding-bottom: clamp(
      1px,
      14.6666666667vw,
      112.64px
    );
  margin-left: auto;
  margin-right: auto;
  text-wrap: balance;
}
@media (min-width: 768px) {
  html.case-study .case-study__mainContentWrap h2 {
    padding-top: clamp(
      1px,
      7.6388888889vw,
      110px
    );
    padding-bottom: clamp(
      1px,
      5.4166666667vw,
      78px
    );
  }
}
html.case-study .case-study__stats {
  justify-content: left;
  margin: 0 2.5%;
  padding: 0 2.5%;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  html.case-study .case-study__stats {
    justify-content: center;
    margin: 0 auto;
    padding: 0;
  }
}
html.case-study .case-study__stats .stat-column {
  border-radius: 9.6761px;
  width: clamp(
      1px,
      43.2vw,
      331.776px
    );
  padding-top: clamp(
      1px,
      14.9333333333vw,
      114.688px
    );
  padding-left: clamp(
      1px,
      4vw,
      30.72px
    );
  padding-right: clamp(
      1px,
      4vw,
      30.72px
    );
  padding-bottom: clamp(
      1px,
      4vw,
      30.72px
    );
  margin-right: clamp(
      1px,
      3.4666666667vw,
      26.624px
    );
  margin-bottom: clamp(
      1px,
      3.4666666667vw,
      26.624px
    );
}
@media (min-width: 768px) {
  html.case-study .case-study__stats .stat-column {
    width: clamp(
      1px,
      19.375vw,
      279px
    );
    min-height: clamp(
      1px,
      22.7083333333vw,
      327px
    );
    padding-top: clamp(
      1px,
      6.1111111111vw,
      88px
    );
    padding-left: clamp(
      1px,
      1.8055555556vw,
      26px
    );
    padding-right: clamp(
      1px,
      1.8055555556vw,
      26px
    );
    padding-bottom: clamp(
      1px,
      1.8055555556vw,
      26px
    );
    margin-right: clamp(
      1px,
      1.5277777778vw,
      22px
    );
    margin-bottom: 0;
  }
}
html.case-study .case-study__stats .stat-column img {
  display: none;
}
html.case-study .case-study__stats .stat-column.mainBlue {
  padding-top: clamp(
      1px,
      5.3333333333vw,
      40.96px
    );
  background-color: #133ee3;
}
html.case-study .case-study__stats .stat-column.mainBlue span {
  color: #f8f7ff;
}
html.case-study .case-study__stats .stat-column.mainBlue p {
  color: #d6d6e1;
}
html.case-study .case-study__stats .stat-column.mainBlue img.bolt-icon {
  display: block;
  width: clamp(
      1px,
      5.3333333333vw,
      40.96px
    );
  padding-bottom: clamp(
      1px,
      3.2vw,
      24.576px
    );
}
@media (min-width: 768px) {
  html.case-study .case-study__stats .stat-column.mainBlue {
    padding-top: clamp(
      1px,
      2.2916666667vw,
      33px
    );
  }
  html.case-study .case-study__stats .stat-column.mainBlue img.bolt-icon {
    width: clamp(
      1px,
      1.875vw,
      27px
    );
    padding-bottom: clamp(
      1px,
      1.4583333333vw,
      21px
    );
  }
}
html.case-study .case-study__stats .stat-column.ghostWhite {
  background-color: #f8f7ff;
}
html.case-study .case-study__stats .stat-column .stat-metric .stat-metric-text {
  font-weight: 400;
}
@media (min-width: 768px) {
  html.case-study .case-study__stats .stat-column .stat-metric .stat-metric-text {
    font-weight: 500;
  }
}
html.case-study .case-study__stats .stat-column:nth-child(3), html.case-study .case-study__stats .stat-column:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  html.case-study .case-study__stats .stat-column:last-of-type {
    margin-right: 0;
  }
}
html.case-study .case-study__contentGrid {
  margin: 0 2.5%;
  padding: 0 2.5%;
}
@media (min-width: 768px) {
  html.case-study .case-study__contentGrid {
    margin: 0 auto;
    max-width: clamp(
      1px,
      73.4722222222vw,
      1058px
    );
  }
}
@media (min-width: 768px) {
  html.case-study .case-study__contentRow {
    display: grid;
    grid-template-columns: clamp(
      1px,
      52.9166666667vw,
      762px
    ) clamp(
      1px,
      20.8333333333vw,
      300px
    );
    grid-template-rows: 1fr;
    grid-column-gap: 0;
    grid-row-gap: 0;
  }
}
html.case-study .case-study__contentColumn {
  padding-right: clamp(
      1px,
      4.0277777778vw,
      58px
    );
}
html.case-study .case-study__contentColumn .Wysiwyg 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;
  line-height: 160%;
  font-weight: 400;
  padding-bottom: clamp(
      1px,
      6.4vw,
      49.152px
    );
}
@media (max-width: 320px) {
  html.case-study .case-study__contentColumn .Wysiwyg p {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  html.case-study .case-study__contentColumn .Wysiwyg p {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  html.case-study .case-study__contentColumn .Wysiwyg 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) {
  html.case-study .case-study__contentColumn .Wysiwyg p {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  html.case-study .case-study__contentColumn .Wysiwyg p {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  html.case-study .case-study__contentColumn .Wysiwyg p {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  html.case-study .case-study__contentColumn .Wysiwyg p {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  html.case-study .case-study__contentColumn .Wysiwyg p {
    font-size: 1rem;
  }
}
html.case-study .case-study__contentColumn .Wysiwyg p strong {
  font-weight: 600;
}
html.case-study .case-study__contentColumn .Wysiwyg p.fontColor--boltBlack {
  color: #020a18;
}
html.case-study .case-study__contentColumn .Wysiwyg p.fontColor--white {
  color: #fff;
}
html.case-study .case-study__contentColumn .Wysiwyg p.fontColor--gray_200 {
  color: #333747;
}
html.case-study .case-study__contentColumn .Wysiwyg p.fontColor--gray_400 {
  color: #696d80;
}
html.case-study .case-study__contentColumn .Wysiwyg p.fontColor--gray_600 {
  color: #b6bbcf;
}
html.case-study .case-study__contentColumn .Wysiwyg p.fontColor--gray_700 {
  color: #d6d6e1;
}
html.case-study .case-study__contentColumn .Wysiwyg p.fontColor--gray_800 {
  color: #e9ebf7;
}
html.case-study .case-study__contentColumn .Wysiwyg p.fontColor--lightningYellow {
  color: #68d8fc;
}
html.case-study .case-study__contentColumn .Wysiwyg p.fontColor--lightningYellowDark {
  color: #68d8fc;
}
html.case-study .case-study__contentColumn .Wysiwyg p.fontColor--blue {
  color: #006dff;
}
html.case-study .case-study__contentColumn .Wysiwyg p.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
html.case-study .case-study__contentColumn .Wysiwyg p.fontColor--green {
  color: #00c42e;
}
html.case-study .case-study__contentColumn .Wysiwyg p.fontColor--pink {
  color: #ff76f2;
}
html.case-study .case-study__contentColumn .Wysiwyg p.fontColor--purple {
  color: #9a4eff;
}
@media (min-width: 768px) {
  html.case-study .case-study__contentColumn .Wysiwyg p {
    line-height: 150%;
  }
}
@media (min-width: 768px) {
  html.case-study .case-study__contentColumn .Wysiwyg p {
    padding-bottom: clamp(
      1px,
      1.6666666667vw,
      24px
    );
  }
}
html.case-study .case-study__contentColumn .Wysiwyg p img {
  padding: clamp(
      1px,
      15.4666666667vw,
      118.784px
    ) 0;
}
@media (min-width: 768px) {
  html.case-study .case-study__contentColumn .Wysiwyg p img {
    padding: clamp(
      1px,
      4.0277777778vw,
      58px
    ) 0;
  }
}
html.case-study .case-study__contentColumn .Wysiwyg p a {
  color: #020a18;
  font-weight: 600;
}
html.case-study .case-study__contentColumn .Wysiwyg p a:hover {
  color: #133ee3;
}
html.case-study .case-study__contentColumn .Wysiwyg 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.0666666667rem +
        (40.96 - 17.0666666667) *
        ((100vw - 320px) / (768 - 320))
    );
  font-weight: 700;
}
@media (min-width: 768px) {
  html.case-study .case-study__contentColumn .Wysiwyg h3 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  html.case-study .case-study__contentColumn .Wysiwyg h3 {
    font-size: 1.0666666667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  html.case-study .case-study__contentColumn .Wysiwyg h3 {
    font-size: 1.0666666667rem;
  }
}
@media (min-width: 768px) {
  html.case-study .case-study__contentColumn .Wysiwyg h3 {
    font-size: 1.1555555556rem;
  }
}
@media (min-width: 1024px) {
  html.case-study .case-study__contentColumn .Wysiwyg h3 {
    font-size: calc(
      1.1555555556rem +
        (26 - 18.4888888889) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  html.case-study .case-study__contentColumn .Wysiwyg h3 {
    font-size: 1.625rem;
  }
}
@media (min-width: 768px) {
  html.case-study .case-study__contentColumn .Wysiwyg h3 {
    line-height: 110%;
  }
}
html.case-study .case-study__contentColumn .Wysiwyg 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(
      0.9066666667rem +
        (34.816 - 14.5066666667) *
        ((100vw - 320px) / (768 - 320))
    );
  line-height: 105%;
  font-weight: 700;
}
@media (min-width: 768px) {
  html.case-study .case-study__contentColumn .Wysiwyg h4 {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  html.case-study .case-study__contentColumn .Wysiwyg h4 {
    font-size: 0.9066666667rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  html.case-study .case-study__contentColumn .Wysiwyg h4 {
    font-size: 0.9066666667rem;
  }
}
@media (min-width: 768px) {
  html.case-study .case-study__contentColumn .Wysiwyg h4 {
    font-size: 0.9777777778rem;
  }
}
@media (min-width: 1024px) {
  html.case-study .case-study__contentColumn .Wysiwyg h4 {
    font-size: calc(
      0.9777777778rem +
        (22 - 15.6444444444) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  html.case-study .case-study__contentColumn .Wysiwyg h4 {
    font-size: 1.375rem;
  }
}
@media (min-width: 768px) {
  html.case-study .case-study__contentColumn .Wysiwyg h4 {
    line-height: 110%;
  }
}
html.case-study .case-study__contentColumn .Wysiwyg ul {
  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;
  margin-left: clamp(
      1px,
      4vw,
      30.72px
    );
  line-height: 150%;
  color: #333747;
  font-weight: 400;
}
@media (max-width: 320px) {
  html.case-study .case-study__contentColumn .Wysiwyg ul {
    font-size: 0.7859733333rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  html.case-study .case-study__contentColumn .Wysiwyg ul {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  html.case-study .case-study__contentColumn .Wysiwyg ul {
    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) {
  html.case-study .case-study__contentColumn .Wysiwyg ul {
    font-size: 0.875009375rem;
  }
}
@media (min-width: 768px) {
  html.case-study .case-study__contentColumn .Wysiwyg ul {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  html.case-study .case-study__contentColumn .Wysiwyg ul {
    font-size: calc(
      0.7111111111rem +
        (16 - 11.3777777778) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  html.case-study .case-study__contentColumn .Wysiwyg ul {
    font-size: calc(
      0.95rem +
        (16 - 15.2) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  html.case-study .case-study__contentColumn .Wysiwyg ul {
    font-size: 1rem;
  }
}
html.case-study .case-study__contentColumn .Wysiwyg ul strong {
  font-weight: 600;
}
html.case-study .case-study__contentColumn .Wysiwyg ul.fontColor--boltBlack {
  color: #020a18;
}
html.case-study .case-study__contentColumn .Wysiwyg ul.fontColor--white {
  color: #fff;
}
html.case-study .case-study__contentColumn .Wysiwyg ul.fontColor--gray_200 {
  color: #333747;
}
html.case-study .case-study__contentColumn .Wysiwyg ul.fontColor--gray_400 {
  color: #696d80;
}
html.case-study .case-study__contentColumn .Wysiwyg ul.fontColor--gray_600 {
  color: #b6bbcf;
}
html.case-study .case-study__contentColumn .Wysiwyg ul.fontColor--gray_700 {
  color: #d6d6e1;
}
html.case-study .case-study__contentColumn .Wysiwyg ul.fontColor--gray_800 {
  color: #e9ebf7;
}
html.case-study .case-study__contentColumn .Wysiwyg ul.fontColor--lightningYellow {
  color: #68d8fc;
}
html.case-study .case-study__contentColumn .Wysiwyg ul.fontColor--lightningYellowDark {
  color: #68d8fc;
}
html.case-study .case-study__contentColumn .Wysiwyg ul.fontColor--blue {
  color: #006dff;
}
html.case-study .case-study__contentColumn .Wysiwyg ul.fontColor--blue--light-secondary {
  color: #d1d8fa;
}
html.case-study .case-study__contentColumn .Wysiwyg ul.fontColor--green {
  color: #00c42e;
}
html.case-study .case-study__contentColumn .Wysiwyg ul.fontColor--pink {
  color: #ff76f2;
}
html.case-study .case-study__contentColumn .Wysiwyg ul.fontColor--purple {
  color: #9a4eff;
}
@media (min-width: 768px) {
  html.case-study .case-study__contentColumn .Wysiwyg ul {
    line-height: 150%;
  }
}
@media (min-width: 768px) {
  html.case-study .case-study__contentColumn .Wysiwyg ul {
    margin-left: 15px;
  }
}
html.case-study .case-study__contentColumn .Wysiwyg ul li {
  margin-bottom: clamp(
      1px,
      0.6944444444vw,
      10px
    );
  position: relative;
  display: list-item;
  list-style-position: outside;
}
@media (max-width: 768px) {
  html.case-study .case-study__contentColumn .Wysiwyg ul li {
    margin-bottom: clamp(
      1px,
      5.3333333333vw,
      40.96px
    );
  }
}
html.case-study .case-study__contentColumn .QuoteSingle {
  background-color: transparent;
}
html.case-study .case-study__contentColumn .QuoteSingle .grid {
  margin: 0;
  max-width: 100%;
  width: 100%;
}
html.case-study .case-study__contentColumn .QuoteSingle .grid .column div {
  text-align: left;
}
html.case-study .case-study__contentColumn .QuoteSingle .grid .column div .QuoteSingle__quoteSVG {
  max-width: clamp(
      1px,
      18.1333333333vw,
      139.264px
    );
}
@media (min-width: 768px) {
  html.case-study .case-study__contentColumn .QuoteSingle .grid .column div .QuoteSingle__quoteSVG {
    max-width: clamp(
      1px,
      7.0833333333vw,
      102px
    );
  }
}
html.case-study .case-study__contentColumn .QuoteSingle .grid .column div picture {
  display: none;
}
html.case-study .case-study__contentColumn .QuoteSingle .grid .column div * {
  color: #020a18;
}
html.case-study .case-study__contentColumn .QuoteSingle .QuoteSingle__cite br {
  display: block;
}
html.case-study .case-study__sideColumn {
  text-align: center;
  padding-top: clamp(
      1px,
      14.6666666667vw,
      112.64px
    );
  padding-bottom: clamp(
      1px,
      14.6666666667vw,
      112.64px
    );
  display: block;
  border-top: 1px solid #8b8fa3;
  border-bottom: 1px solid #8b8fa3;
}
@media (min-width: 768px) {
  html.case-study .case-study__sideColumn {
    padding-top: 0;
    padding-bottom: 0;
    border: none;
  }
}
html.case-study .case-study__sideColumnWrap {
  text-align: center;
}
@media (min-width: 768px) {
  html.case-study .case-study__sideColumnWrap {
    display: block;
    padding-left: clamp(
      1px,
      5.5555555556vw,
      80px
    );
    border-left: 1px solid #8b8fa3;
    text-align: left;
  }
}
html.case-study .case-study__sideColumnWrap h5 {
  margin-bottom: clamp(
      1px,
      13.8666666667vw,
      106.496px
    );
}
@media (min-width: 768px) {
  html.case-study .case-study__sideColumnWrap h5 {
    margin-bottom: clamp(
      1px,
      3.2638888889vw,
      47px
    );
  }
}
html.case-study .case-study__sideColumnWrap .stack .stack-items {
  padding-bottom: clamp(
      1px,
      8.8vw,
      67.584px
    );
}
@media (min-width: 768px) {
  html.case-study .case-study__sideColumnWrap .stack .stack-items {
    padding-bottom: clamp(
      1px,
      2.7777777778vw,
      40px
    );
  }
}
html.case-study .case-study__sideColumnWrap .ctas div {
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}
html.case-study .case-study__sideColumnWrap .ctas div .Button__inner {
  white-space: nowrap;
}
@media (min-width: 768px) {
  html.case-study .case-study__sideColumnWrap .ctas div {
    justify-content: left;
  }
}
html.case-study .case-study__sideColumnWrap .ctas div a.theme--lightningYellow {
  background-color: #020a18;
  border-color: #020a18;
}
html.case-study .case-study__sideColumnWrap .ctas div a.theme--lightningYellow .Button__inner {
  color: #f8f6fe;
}
html.case-study .case-study__sideColumnWrap .ctas div a.theme--lightningYellow::after {
  background-color: #f8f6fe;
}
html.case-study .case-study__sideColumnWrap .ctas div a.theme--lightningYellow:hover {
  background-color: #68d8fc;
  border-color: #68d8fc;
}
html.case-study .case-study__sideColumnWrap .ctas div a.theme--lightningYellow:hover::after {
  background-color: #68d8fc;
}
html.case-study .case-study__sideColumnWrap .ctas div a.theme--lightningYellow:hover,
html.case-study .case-study__sideColumnWrap .ctas div a.theme--lightningYellow:hover .Button__inner {
  color: #020a18;
}
html.case-study .case-study__sideColumnWrap .ctas div a.theme--null {
  background-color: #133ee3;
  border-color: #133ee3;
}
html.case-study .case-study__sideColumnWrap .ctas div a.theme--null::after {
  background-color: #f8f6fe;
}
html.case-study .case-study__sideColumnWrap .ctas div a.theme--null:hover {
  background-color: #68d8fc;
  border-color: #68d8fc;
}
html.case-study .case-study__sideColumnWrap .ctas div a.theme--null:hover::after {
  background-color: #68d8fc;
}
html.case-study .case-study__sideColumnWrap .ctas div a.theme--null:hover,
html.case-study .case-study__sideColumnWrap .ctas div a.theme--null:hover .Button__inner {
  color: #020a18;
}
html.case-study.stickyNav .case-study__pageBg {
  height: clamp(
      1px,
      110.4vw,
      847.872px
    );
}
@media (min-width: 1024px) {
  html.case-study.stickyNav .case-study__pageBg {
    height: clamp(
      1px,
      59.8611111111vw,
      862px
    );
  }
}
@media (min-width: 1024px) {
  html.case-study.stickyNav .case-study__topContent {
    margin-top: -64px;
  }
}
@media (min-width: 1024px) {
  html.case-study.stickyNav .case-study__topContentImage {
    object-position: center -36px;
  }
}
html.case-study.forever21 .case-study__contentColumn .QuoteSingle .grid .column div {
  display: flex;
  flex-direction: column;
}
html.case-study.forever21 .case-study__contentColumn .QuoteSingle .grid .column div p:nth-of-type(2) {
  display: block;
}
@media (min-width: 768px) {
  html.case-study.forever21 .case-study__contentColumn .QuoteSingle .grid .column div p:nth-of-type(2) {
    max-width: clamp(
      1px,
      27.7777777778vw,
      400px
    );
    margin-left: auto;
  }
}
html.case-study.forever21 .case-study__contentColumn .QuoteSingle .grid .column div p:nth-of-type(2) span.citeName {
  font-weight: bold;
  color: #020a18;
}
html.case-study.forever21 .forever21wysiwygUL ul {
  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))
    );
  margin-left: 35px;
}
@media (min-width: 768px) {
  html.case-study.forever21 .forever21wysiwygUL ul {
    letter-spacing: -0.02em;
  }
}
@media (max-width: 320px) {
  html.case-study.forever21 .forever21wysiwygUL ul {
    font-size: 1.28rem;
  }
}
@media (min-width: 1px) and (max-width: 320px) {
  html.case-study.forever21 .forever21wysiwygUL ul {
    font-size: 1.28rem;
  }
}
@media (min-width: 768px) {
  html.case-study.forever21 .forever21wysiwygUL ul {
    font-size: 1.4222222222rem;
  }
}
@media (min-width: 1024px) {
  html.case-study.forever21 .forever21wysiwygUL ul {
    font-size: calc(
      1.4222222222rem +
        (32 - 22.7555555556) *
        ((100vw - 1024px) / (1440 - 1024))
    );
  }
}
@media (min-width: 1440px) {
  html.case-study.forever21 .forever21wysiwygUL ul {
    font-size: 2rem;
  }
}
@media (min-width: 768px) {
  html.case-study.forever21 .forever21wysiwygUL ul {
    line-height: 110%;
  }
}
html.case-study.forever21 .forever21wysiwygUL ul li {
  margin-bottom: 20px;
}