/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/styles/base.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap);
/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/pages/HomePage/styles.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__home-page--U9FCN {
  padding: 30px;
  background: #FBFDFF;
  position: relative;
}
@media (max-width: 600px) {
  .styles__home-page--U9FCN {
    padding: 20px;
  }
}
.styles__home-page--U9FCN .styles__info-wrapper--e0RYZ {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr minmax(250px, 40%);
  margin: 20px 0;
}
@media (max-width: 768px) {
  .styles__home-page--U9FCN .styles__info-wrapper--e0RYZ {
    grid-template-columns: 100%;
  }
}
.styles__home-page--U9FCN h1 {
  font-size: 30px;
  font-weight: 600;
  line-height: 38px;
  color: var(--color-primary-600);
}
.styles__home-page--U9FCN h3 {
  font-size: 16px;
  line-height: 24px;
  color: var(--color-gray-400);
}
.styles__home-page--U9FCN .styles__inline-cta--r3Hom {
  border-radius: var(--border-radius-section);
  margin: 1em 0;
  padding: 0.5em 1em;
  background-color: var(--color-secondary-g);
  text-align: center;
}
.styles__home-page--U9FCN .styles__credit-notice--ndYMC {
  color: var(--color-primary-b);
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;
  display: inline-block;
  margin-top: 1em;
}
.styles__home-page--U9FCN .styles__button-row--Pb_Q5 {
  margin-top: 0.5em;
}
.styles__home-page--U9FCN .styles__button-row--Pb_Q5 a {
  margin: 0.5em;
}
.styles__home-page--U9FCN .styles__paid-amount--z_1FE {
  text-align: center;
  margin: 1em 0;
}
.styles__home-page--U9FCN .styles__payment-method-prompt--hQh_6 {
  text-align: center;
}
.styles__home-page--U9FCN .styles__view-payment-plans--OMBrK {
  margin-top: 1em;
  text-align: center;
}
.styles__home-page--U9FCN .styles__separator--R6Xlj {
  border-bottom: 1px solid var(--color-gray-25);
  padding-bottom: 10px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/pages/LoginPage/styles.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__login-page--hMotZ {
  height: 100%;
}
.styles__login-page--hMotZ .styles__login-form--aCu2x h1, .styles__login-page--hMotZ .styles__login-form--aCu2x p {
  text-align: center;
}
.styles__login-page--hMotZ .styles__login-form--aCu2x .styles__login-input--ZCJKQ label {
  color: var(--color-gray-500);
}
.styles__login-page--hMotZ .styles__login-form--aCu2x .styles__login-button--WXAlA {
  background: var(--color-button-primary);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border: 1px solid var(--color-button-primary);
  margin: 24px 0;
  font-weight: 600;
  font-size: 16px;
  padding: 12px 18px;
}
.styles__login-page--hMotZ .styles__error--D8LXs {
  color: var(--color-error-400);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/LanguageSelect/styles.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__language-dropdown--oaaHU {
  color: var(--color-button-primary) !important;
  border-radius: 6px;
  display: block !important;
  padding: 0 !important;
}
@media (max-width: 600px) {
  .styles__language-dropdown--oaaHU {
    background-color: var(--color-primary-25) !important;
    padding: 8px 12px !important;
  }
}
.styles__language-dropdown--oaaHU label a {
  color: var(--color-button-primary);
  font-weight: bold;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/Button/styles.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__button-base--Koq8Y {
  font-family: inherit;
  display: inline-block;
  position: relative;
  border-radius: 1em;
  padding: 0.5em 1em;
  color: var(--color-bg);
  background: var(--color-secondary-a);
  border-color: var(--color-secondary-a);
  font-weight: bold;
  cursor: pointer;
}
.styles__button-base--Koq8Y:not(.styles__button-outline--ZzGtZ) {
  box-shadow: 0 0.125rem 0.0625rem var(--color-shadow);
}
.styles__button-base--Koq8Y, .styles__button-base--Koq8Y:hover {
  text-decoration: none;
}
.styles__button-base--Koq8Y:not(:disabled):hover {
  opacity: 0.85;
}
.styles__button-base--Koq8Y:not(:disabled):active {
  top: 0.0625rem;
  box-shadow: none;
}
.styles__button-base--Koq8Y:disabled {
  cursor: default;
  background: var(--color-disabled);
  border-color: var(--color-disabled);
}

.styles__transparent--WKJ6V {
  background: none;
  border: none;
  box-shadow: none !important;
  text-shadow: none !important;
}

.styles__button-small--HthBf {
  font-size: 0.875em;
}

.styles__button-large--bgsLT {
  font-size: 1.5em;
}

.styles__button-full--DFFlQ {
  display: block;
  width: 100%;
}

.styles__button-error--Qvh88 {
  background: var(--color-secondary-f);
  border-color: var(--color-secondary-f);
}

.styles__button-alternate--C_AUs {
  background: var(--color-secondary-c);
  border-color: var(--color-secondary-c);
}

.styles__button-outline--ZzGtZ {
  background: transparent;
  border-width: 0.125em;
  border-style: solid;
}
.styles__button-outline--ZzGtZ.styles__button-base--Koq8Y {
  color: var(--color-secondary-a);
}
.styles__button-outline--ZzGtZ.styles__button-error--Qvh88 {
  color: var(--color-secondary-f);
}
.styles__button-outline--ZzGtZ.styles__button-alternate--C_AUs {
  color: var(--color-secondary-c);
}
.styles__button-outline--ZzGtZ:disabled {
  color: var(--color-disabled);
}

.styles__button-loading--ssYL4 {
  cursor: default;
}

.styles__button-secondary--fv2s6 {
  border: 1px solid var(--color-gray-200);
  border-radius: 10px;
  box-shadow: none !important;
  background: white;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-gray-500);
}

.styles__button-primary--waLa7 {
  position: relative;
  background: var(--color-button-primary);
  line-height: 24px;
  font-size: 16px;
  box-shadow: none !important;
  border-radius: 10px;
  z-index: 1;
  border: none;
}
.styles__button-primary--waLa7.styles__button-loading-background--dvtAb:disabled {
  background: var(--color-button-primary);
}
.styles__button-primary--waLa7.styles__button-loading-background--dvtAb::before {
  background: var(--color-primary-600);
}

.styles__button-border-animated--H_UKp {
  z-index: 1;
  position: relative;
  /* Animated gradient border styling */
  /* Inner background to create border-only effect */
  /* Ensure the button content appears on top of the pseudo-elements */
}
.styles__button-border-animated--H_UKp::before {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  z-index: -1;
  border-radius: 14px; /* 10px + 4px for the border */
  background: linear-gradient(90deg, var(--color-primary-300), var(--color-primary-500), var(--color-primary-700), var(--color-primary-400));
  background-size: 400% 400%;
  animation: styles__gradient-animation--ylLlV 4s linear infinite;
}
.styles__button-border-animated--H_UKp::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--color-button-primary);
  border-radius: 10px;
  z-index: -1;
}
.styles__button-border-animated--H_UKp > * {
  position: relative;
  z-index: 2;
}

.styles__button-disclosure--O89Hb {
  border-radius: 0.25em;
  font-size: 16px;
  padding: 12px 18px;
  background: var(--color-secondary-400);
  border-color: var(--color-secondary-400);
  font-weight: 600;
  box-shadow: none !important;
}

.styles__button-loading-background--dvtAb {
  cursor: default;
  position: relative;
  overflow: hidden;
  z-index: 1;
  /* Ensure button content stays above the loading animation */
}
.styles__button-loading-background--dvtAb:disabled {
  background: var(--color-primary-200);
}
.styles__button-loading-background--dvtAb::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  animation: styles__loading-slide--vyhfj 1s forwards;
  z-index: -1;
}
.styles__button-loading-background--dvtAb > * {
  position: relative;
  z-index: 2;
}

/* Animation keyframes for the loading background */
@keyframes styles__loading-slide--vyhfj {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
/* Animation keyframes for the moving gradient border */
@keyframes styles__gradient-animation--ylLlV {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 200% 0%;
  }
  100% {
    background-position: 0% 0%;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/Spinner/styles.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

/*
  these identifiers need to be global for the keyframes to be found
*/
.spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.spinner::before {
  display: inline-block;
  content: " ";
  width: 3em;
  height: 3em;
  border: 0.375em solid black;
  border-radius: 50%;
  border-color: rgba(var(--color-glow), 0.85);
  border-bottom-color: rgba(var(--color-glow), 0.25);
  margin: auto;
  animation: 1.375s linear infinite spin, 1s linear infinite pulse;
}
.spinner--small::before {
  width: 1.5em;
  height: 1.5em;
  border-width: 0.125em;
}
.spinner--large::before {
  width: 6em;
  height: 6em;
  border-width: 0.5em;
}
.spinner--alternate::before {
  border-color: rgba(var(--color-bg), 0.85);
  border-bottom-color: rgba(var(--color-bg), 0.25);
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/SidePanels/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__wrapper--FQNvt {
  display: grid;
  grid-template-columns: 55% 45%;
  height: 100%;
  max-height: 100vh;
  background: #f2f8ff;
}
@media (max-width: 768px) {
  .styles__wrapper--FQNvt {
    display: block;
  }
}
.styles__wrapper--FQNvt .styles__left-panel--bVgYe {
  padding: 80px;
  white-space: pre-wrap;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .styles__wrapper--FQNvt .styles__left-panel--bVgYe {
    padding: 50px;
  }
}
@media (max-width: 768px) {
  .styles__wrapper--FQNvt .styles__left-panel--bVgYe {
    display: none;
  }
}
.styles__wrapper--FQNvt .styles__left-panel--bVgYe h1 {
  color: var(--color-primary-600);
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 50px;
  line-height: 44px;
}
.styles__wrapper--FQNvt .styles__left-panel--bVgYe .styles__logo--cWg1j {
  margin-bottom: 20px;
}
.styles__wrapper--FQNvt .styles__left-panel--bVgYe .styles__left-panel-img-class--cRMjB {
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  margin: auto 0;
}
@media (max-width: 1024px) {
  .styles__wrapper--FQNvt .styles__left-panel--bVgYe .styles__left-panel-img-class--cRMjB {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .styles__wrapper--FQNvt .styles__left-panel--bVgYe .styles__left-panel-img-class--cRMjB {
    display: none;
  }
}
.styles__wrapper--FQNvt .styles__right-panel--leQ1a {
  background: white;
  padding: 80px 126px;
  margin: 0 auto;
  border-radius: 24px 0 0 24px;
}
@media (max-width: 1024px) {
  .styles__wrapper--FQNvt .styles__right-panel--leQ1a {
    padding: 50px;
  }
}
@media (max-width: 768px) {
  .styles__wrapper--FQNvt .styles__right-panel--leQ1a {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 600px) {
  .styles__wrapper--FQNvt .styles__right-panel--leQ1a {
    padding: 20px;
  }
}
.styles__wrapper--FQNvt .styles__right-panel--leQ1a .styles__logo-wrapper--vnfwR {
  display: block;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .styles__wrapper--FQNvt .styles__right-panel--leQ1a .styles__logo-wrapper--vnfwR {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.styles__wrapper--FQNvt .styles__right-panel--leQ1a .styles__logo-wrapper--vnfwR .styles__link--QVJZ0 {
  display: block;
}
@media (min-width: 769px) {
  .styles__wrapper--FQNvt .styles__right-panel--leQ1a .styles__logo-wrapper--vnfwR .styles__link--QVJZ0 {
    display: none;
  }
}
.styles__wrapper--FQNvt .styles__right-panel--leQ1a .styles__logo-wrapper--vnfwR .styles__logo--cWg1j {
  display: block;
}
@media (min-width: 769px) {
  .styles__wrapper--FQNvt .styles__right-panel--leQ1a .styles__logo-wrapper--vnfwR .styles__logo--cWg1j {
    display: none;
  }
}
@media (max-width: 600px) {
  .styles__wrapper--FQNvt .styles__right-panel--leQ1a .styles__logo-wrapper--vnfwR .styles__logo--cWg1j {
    display: none;
  }
}
@media (max-width: 768px) {
  .styles__wrapper--FQNvt .styles__right-panel--leQ1a .styles__logo-wrapper--vnfwR .styles__logo--cWg1j {
    margin-bottom: 0;
  }
}
.styles__wrapper--FQNvt .styles__right-panel--leQ1a .styles__logo--cWg1j {
  width: 200px;
  margin-bottom: 20px;
}
.styles__wrapper--FQNvt .styles__right-panel--leQ1a .styles__logo-small--fx5uJ {
  display: none;
}
@media (max-width: 600px) {
  .styles__wrapper--FQNvt .styles__right-panel--leQ1a .styles__logo-small--fx5uJ {
    display: block;
  }
}
.styles__wrapper--FQNvt .styles__right-panel--leQ1a h2 {
  color: var(--color-primary-600);
  font-size: 42px;
  font-weight: 600;
  line-height: 60px;
}
@media (max-width: 600px) {
  .styles__wrapper--FQNvt .styles__right-panel--leQ1a h2 {
    font-size: 36px;
    line-height: 38px;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/pages/SelectAccountPage/styles.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

p {
  color: var(--color-gray-400);
}

.styles__account-box--PkFtk {
  box-shadow: none !important;
  text-shadow: none !important;
  background: white !important;
  border: 1px solid #F0F0F5 !important;
  width: 100%;
  border-radius: 12px;
  padding: 12px;
  margin: 10px 0;
  text-align: left;
}
.styles__account-box--PkFtk .styles__secondary-text--vWdTI {
  color: var(--color-gray-400);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.styles__account-box--PkFtk .styles__secondary-text--vWdTI.styles__small--A0zdN {
  font-size: 12px;
  line-height: 18px;
}
.styles__account-box--PkFtk .styles__secondary-text--vWdTI.styles__extra-info--bPQs7 {
  margin-top: 10px;
}
.styles__account-box--PkFtk .styles__title--B1nPm {
  color: var(--color-gray-500);
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.styles__continue-button--Ay7JO {
  margin-top: 15px;
}

.styles__selected--p0NGL {
  border: 2px solid #0563C7 !important;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725) !important;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/pages/AccountErrorPage/styles.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
.styles__account-suppressed--V21sZ {
  text-align: center;
}
.styles__account-suppressed--V21sZ button {
  margin: 2rem auto;
}
.styles__account-suppressed--V21sZ a {
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;
}
.styles__account-suppressed--V21sZ > a {
  font-size: 1.25em;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/pages/DocumentsPage/styles.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__documents-page-style--N0zQd {
  padding: 30px;
}

.styles__documents-list-item--OkU16 {
  display: flex;
  align-items: center;
}
.styles__documents-list-item--OkU16 p {
  margin: 0 0 0.5em 0;
}
.styles__documents-list-item--OkU16 div {
  flex-grow: 1;
}
.styles__documents-list-item--OkU16 a {
  flex-grow: 0;
  margin-left: 1em;
}
.styles__documents-list-item--OkU16 a img {
  width: 1.25em;
  margin-right: 0.5em;
}
@media (max-width: 768px) {
  .styles__documents-list-item--OkU16 {
    flex-wrap: wrap;
  }
  .styles__documents-list-item--OkU16 > * {
    flex-grow: 0;
    flex-basis: 100%;
  }
  .styles__documents-list-item--OkU16 a {
    text-align: center;
  }
}

.styles__documents-empty--uiZaQ {
  text-align: center;
}
.styles__documents-empty--uiZaQ h2 {
  margin: 1em auto;
}
.styles__documents-empty--uiZaQ img {
  width: 75%;
  max-width: 75vh;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/EmptyPage/styles.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/
.styles__emptyPage--QriG7 {
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.styles__emptyPage--QriG7 h4 {
  font-weight: 900;
}
.styles__emptyPage--QriG7 span {
  text-transform: lowercase;
}
.styles__emptyPage--QriG7 img {
  width: 75%;
  max-width: 75vh;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/pages/PaymentHistoryPage/styles.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles__payment-history-page--yEHJx {
  padding: 30px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/pages/DisclosuresPage/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__disclosures--S27Np {
  background: var(--color-login-background);
  padding-bottom: 28px;
}
@media (max-width: 768px) {
  .styles__disclosures--S27Np {
    padding-bottom: 0;
  }
}
.styles__disclosures--S27Np .styles__disclosures-content--rAH6H {
  padding: 40px;
  position: relative;
}
@media (max-width: 768px) {
  .styles__disclosures--S27Np .styles__disclosures-content--rAH6H {
    padding: 0;
  }
}
.styles__disclosures--S27Np .styles__disclosures-content--rAH6H .styles__card--JqpC8 {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  background: var(--color-bg);
  border-radius: 12px;
}
@media (max-width: 768px) {
  .styles__disclosures--S27Np .styles__disclosures-content--rAH6H .styles__card--JqpC8 {
    border-radius: 0;
  }
}
.styles__disclosures--S27Np .styles__disclosures-content--rAH6H .styles__card--JqpC8 .styles__card-header--S4dsK {
  background: var(--color-primary-700);
  height: 56px;
  border-radius: 12px 12px 0 0;
}
@media (max-width: 768px) {
  .styles__disclosures--S27Np .styles__disclosures-content--rAH6H .styles__card--JqpC8 .styles__card-header--S4dsK {
    display: none;
    border-radius: 0;
  }
}
.styles__disclosures--S27Np .styles__disclosures-content--rAH6H .styles__card--JqpC8 .styles__card-body--JATY4 {
  border-radius: 0 0 12px 12px;
  padding: 40px 102px 60px 102px;
}
@media (max-width: 768px) {
  .styles__disclosures--S27Np .styles__disclosures-content--rAH6H .styles__card--JqpC8 .styles__card-body--JATY4 {
    padding: 40px 72px 60px 72px;
    border-radius: 0;
  }
}
@media (max-width: 600px) {
  .styles__disclosures--S27Np .styles__disclosures-content--rAH6H .styles__card--JqpC8 .styles__card-body--JATY4 {
    padding: 32px 24px 60px 24px;
  }
}
.styles__disclosures--S27Np .styles__disclosures-content--rAH6H .styles__card--JqpC8 .styles__card-body--JATY4 h1 {
  font-size: 1.875rem;
  color: var(--color-primary-600);
  margin-bottom: 0;
}
.styles__disclosures--S27Np .styles__disclosures-content--rAH6H .styles__card--JqpC8 .styles__card-body--JATY4 .styles__disclosures-list--fFGm4 {
  display: flex;
  flex-direction: column;
  margin-bottom: 3rem;
  gap: 0;
}
.styles__disclosures--S27Np .styles__disclosures-content--rAH6H .styles__card--JqpC8 .styles__card-body--JATY4 .styles__disclosures-list--fFGm4 h3 {
  font-weight: bold;
  color: var(--color-primary-600);
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .styles__disclosures--S27Np .styles__disclosures-content--rAH6H .styles__card--JqpC8 .styles__card-body--JATY4 .styles__disclosures-list--fFGm4 h3 {
    font-size: 1.25rem;
  }
}
@media (max-width: 600px) {
  .styles__disclosures--S27Np .styles__disclosures-content--rAH6H .styles__card--JqpC8 .styles__card-body--JATY4 .styles__disclosures-list--fFGm4 h3 {
    font-size: 1.125rem;
  }
}
.styles__disclosures--S27Np .styles__disclosures-content--rAH6H .styles__card--JqpC8 .styles__card-body--JATY4 .styles__disclosures-list--fFGm4 p {
  color: var(--color-gray-600);
}
.styles__disclosures--S27Np .styles__disclosures-content--rAH6H .styles__card--JqpC8 .styles__card-body--JATY4 .styles__disclosures-list--fFGm4 .styles__description--Rtbds {
  color: var(--color-gray-400);
  font-size: 0.875rem;
}
.styles__disclosures--S27Np .styles__disclosures-content--rAH6H .styles__card--JqpC8 .styles__card-body--JATY4 .styles__button-container--hiRkk {
  margin-top: 1rem;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1rem 0 2rem;
  background: var(--color-white);
}
.styles__disclosures--S27Np .styles__disclosures-content--rAH6H .styles__card--JqpC8 .styles__card-body--JATY4 .styles__button-container--hiRkk::before {
  content: "";
  position: absolute;
  top: -3rem;
  left: 0;
  right: 0;
  height: 3rem;
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/pages/PaymentPlanPage/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

main {
  background-color: #fbfdff;
}

.styles__progress-bar--U0OA4 {
  width: calc(100% - 80px);
  height: 8px;
  position: absolute;
  top: 0;
  left: 40px;
}
@media (max-width: 600px) {
  .styles__progress-bar--U0OA4 {
    position: relative;
    left: 0;
    width: 100%;
    margin: 20px 0;
  }
}

.styles__progress-bar--U0OA4::-webkit-progress-bar {
  background-color: var(--color-gray-25);
  border-radius: 10px;
}

.styles__progress-bar--U0OA4::-webkit-progress-value {
  background-color: var(--color-primary-500);
  border-radius: 10px;
}

.styles__wrapper--o5rvM {
  padding: 40px;
  position: relative;
  height: auto;
  background: #fbfdff;
}
@media (max-width: 768px) {
  .styles__wrapper--o5rvM {
    padding: 15px 20px;
  }
}
.styles__wrapper--o5rvM .styles__title--vpJmT h1 {
  color: var(--color-primary-600);
  font-size: 30px;
  line-height: 38px;
  font-weight: 600;
}
.styles__wrapper--o5rvM .styles__title--vpJmT p {
  color: var(--color-gray-400);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 50px;
  white-space: pre-wrap;
}

.styles__payment-plans-empty--r5l08 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-flow: column;
  -moz-column-gap: 20px;
       column-gap: 20px;
  margin-bottom: 50px;
}
.styles__payment-plans-empty--r5l08.styles__web-option--p8zs0 {
  min-height: 310px;
  align-items: center;
}
@media (min-width: 1200px) {
  .styles__payment-plans-empty--r5l08.styles__web-option--p8zs0 a.styles__repayment-option--NuU43 {
    height: 280px;
    transition: height 0.3s ease;
  }
  .styles__payment-plans-empty--r5l08.styles__web-option--p8zs0 a.styles__repayment-option--NuU43:hover {
    height: 310px;
  }
}
.styles__payment-plans-empty--r5l08:hover .styles__repayment-option--NuU43 {
  opacity: 70%;
}
@media (max-width: 768px) {
  .styles__payment-plans-empty--r5l08 {
    grid-template-columns: auto;
    grid-auto-flow: row;
    gap: 20px;
  }
  .styles__payment-plans-empty--r5l08 .styles__repayment-option--NuU43 {
    margin: auto;
    width: 350px;
  }
}
@media (max-width: 600px) {
  .styles__payment-plans-empty--r5l08 {
    display: block;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .styles__payment-plans-empty--r5l08 .styles__repayment-option--NuU43 {
    width: 100%;
  }
}
.styles__payment-plans-empty--r5l08 .styles__repayment-option--NuU43 {
  border: 1px solid var(--color-gray-25);
  background: white;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  cursor: pointer;
}
.styles__payment-plans-empty--r5l08 .styles__repayment-option--NuU43:hover {
  opacity: 100%;
  border: 2px solid var(--color-primary-500);
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.0784313725);
  text-decoration: none;
}
.styles__payment-plans-empty--r5l08 .styles__repayment-option--NuU43:active, .styles__payment-plans-empty--r5l08 .styles__repayment-option--NuU43:focus {
  border: 2px solid var(--color-primary-500);
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.0784313725);
}
.styles__payment-plans-empty--r5l08 .styles__repayment-option--NuU43 h4 {
  margin: 0;
  color: var(--color-primary-600);
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
}
.styles__payment-plans-empty--r5l08 .styles__repayment-option--NuU43 p {
  color: var(--color-gray-400);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  white-space: break-spaces;
}
.styles__payment-plans-empty--r5l08 .styles__repayment-option--NuU43 img {
  max-width: 130px;
}

.styles__with-payment-plan--BwELK .styles__next-payments--Kb1Ze {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.styles__with-payment-plan--BwELK .styles__next-payments--Kb1Ze > div {
  text-align: center;
  margin: 0.5em 0.5em;
  padding: 0em 0.5em;
  background: var(--color-secondary-g);
  border-radius: 0.5em;
}
.styles__with-payment-plan--BwELK .styles__next-payments--Kb1Ze > div p {
  margin: 0.5rem 0;
}
.styles__with-payment-plan--BwELK .styles__next-payments--Kb1Ze > div p:first-child {
  font-size: 1.5em;
  line-height: 1;
  font-weight: bold;
}

.styles__payment-stepper--Qbw7w {
  font-size: 18px;
  line-height: 28px;
  color: var(--color-gray-400);
}
.styles__payment-stepper--Qbw7w .styles__stepper--dcWKU {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}
@media (max-width: 600px) {
  .styles__payment-stepper--Qbw7w .styles__stepper--dcWKU {
    display: none;
  }
}
.styles__payment-stepper--Qbw7w .styles__stepper--dcWKU h5 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: var(--color-gray-400);
}
.styles__payment-stepper--Qbw7w .styles__stepper--dcWKU h5.styles__current-step--NlYq_ {
  color: var(--color-primary-600);
}
.styles__payment-stepper--Qbw7w .styles__title--vpJmT {
  font-size: 30px;
  line-height: 38px;
  font-weight: 600;
  color: var(--color-primary-600);
  margin-bottom: 20px;
}
.styles__payment-stepper--Qbw7w .styles__two-grid--z09DU {
  display: grid;
  gap: 20px;
  grid-template-columns: 40% 1fr;
}
@media (max-width: 600px) {
  .styles__payment-stepper--Qbw7w .styles__two-grid--z09DU {
    display: flex;
    flex-direction: column-reverse;
  }
}
.styles__payment-stepper--Qbw7w .styles__flex-box--Vfj8I {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.styles__payment-stepper--Qbw7w .styles__dropdown-box--vqM7m {
  border: 1px solid var(--color-gray-25);
  border-radius: 12px;
  background: white;
  padding: 16px;
}
.styles__payment-stepper--Qbw7w .styles__dropdown-box--vqM7m p {
  font-size: 16px;
  line-height: 24px;
  color: var(--color-gray-400);
  font-weight: 600;
  margin: 0;
  margin-bottom: 10px;
}
.styles__payment-stepper--Qbw7w .styles__dropdown-box--vqM7m button,
.styles__payment-stepper--Qbw7w .styles__dropdown-box--vqM7m .styles__day-of-week-dropdown--sqkpc {
  width: 100%;
  justify-content: space-between;
}
.styles__payment-stepper--Qbw7w .styles__dropdown-box--vqM7m .styles__number-input-wrapper--m7Qgg {
  position: relative;
  display: inline-block;
  width: 100%;
}
.styles__payment-stepper--Qbw7w .styles__dropdown-box--vqM7m .styles__number-input-wrapper--m7Qgg span {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  line-height: 20px;
  color: var(--color-gray-500);
}
.styles__payment-stepper--Qbw7w .styles__dropdown-box--vqM7m .styles__number-input-wrapper--m7Qgg .styles__number-input--6LrZw {
  width: 100%;
  color: var(--color-gray-500);
  font-size: 14px;
  line-height: 20px;
}
.styles__payment-stepper--Qbw7w .styles__dropdown-box--vqM7m .styles__number-input-wrapper--m7Qgg .styles__number-input--6LrZw.styles__padded--b9Ue2 {
  padding-left: 20px;
}
.styles__payment-stepper--Qbw7w .styles__dropdown-box--vqM7m .styles__number-input-wrapper--m7Qgg .styles__number-input--6LrZw ::-moz-placeholder {
  color: var(--color-gray-100);
}
.styles__payment-stepper--Qbw7w .styles__dropdown-box--vqM7m .styles__number-input-wrapper--m7Qgg .styles__number-input--6LrZw ::placeholder {
  color: var(--color-gray-100);
}
.styles__payment-stepper--Qbw7w .styles__payment-button--wi94c {
  display: flex;
  background: white;
  border: 1px solid var(--color-gray-25);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922) !important;
  align-items: center;
  height: 50px;
}
.styles__payment-stepper--Qbw7w .styles__payment-button--wi94c.styles__selected--_z3eR {
  border: 2.5px solid var(--color-primary-600);
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);
}
.styles__payment-stepper--Qbw7w .styles__payment-button--wi94c p {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: var(--color-primary-600);
}

.styles__pane-row--yXWWD {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0;
}
.styles__pane-row--yXWWD h2 {
  font-size: 30px;
  line-height: 38px;
  font-weight: 600;
  color: var(--color-primary-600);
}
.styles__pane-row--yXWWD button {
  padding: 0;
  height: 15px;
  width: 15px;
}

.styles__payment-info-table--AycNO {
  border: 1px solid var(--color-gray-25);
  border-radius: 12px;
  padding: 16px;
  background: white;
  margin-top: 20px;
}
.styles__payment-info-table--AycNO table {
  margin: 0;
}

.styles__add-payment-method--m7CUW {
  text-align: center;
}

.styles__success-title--PIvx_ {
  text-align: center;
}
.styles__success-title--PIvx_ h2 {
  margin: 20px 0;
}

.styles__success-image--WQcHX {
  height: 180px;
}

.styles__buttons-wrapper--X8C49 {
  margin: 40px 0;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 20px;
  flex-direction: row;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--color-gray-25);
}
@media (max-width: 600px) {
  .styles__buttons-wrapper--X8C49 {
    flex-direction: column;
  }
}
.styles__buttons-wrapper--X8C49 button {
  width: 300px;
  border-radius: 10px;
  padding: 8px 12px;
  border: 1px solid var(--color-gray-200);
  justify-content: center !important;
  margin: 0 !important;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: var(--color-gray-500);
  display: flex;
  align-items: center;
}
@media (max-width: 600px) {
  .styles__buttons-wrapper--X8C49 button {
    width: 100%;
  }
}
.styles__buttons-wrapper--X8C49 button img {
  width: 20px !important;
  margin-right: 10px !important;
}
.styles__buttons-wrapper--X8C49 a {
  color: var(--color-primary-500);
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.styles__legal--f1RFO p,
.styles__legal--f1RFO a {
  color: var(--color-gray-300);
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}
.styles__legal--f1RFO a {
  font-weight: 600;
  text-decoration: underline;
}

.styles__repayment-wrapper--vj866 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  margin: 25px 0;
}
.styles__repayment-wrapper--vj866:hover .styles__select-repayment--jyIRs {
  opacity: 70%;
}
@media (max-width: 600px) {
  .styles__repayment-wrapper--vj866 {
    display: block;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 20px;
  }
}
.styles__repayment-wrapper--vj866 .styles__select-repayment--jyIRs {
  background: white;
  border: 1px solid var(--color-gray-25);
  text-align: left;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border-radius: 12px;
  padding: 15px;
}
.styles__repayment-wrapper--vj866 .styles__select-repayment--jyIRs:hover, .styles__repayment-wrapper--vj866 .styles__select-repayment--jyIRs.styles__selected--_z3eR {
  opacity: 100%;
  border: 2.5px solid var(--color-primary-500);
  transform: scale(1, 1.03);
}
.styles__repayment-wrapper--vj866 .styles__select-repayment--jyIRs.styles__blurred--l3tiL {
  opacity: 70%;
}
.styles__repayment-wrapper--vj866 .styles__select-repayment--jyIRs span {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-gray-500);
}
.styles__repayment-wrapper--vj866 .styles__select-repayment--jyIRs h3 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  color: var(--color-primary-600);
  text-transform: capitalize;
}
.styles__repayment-wrapper--vj866 .styles__select-repayment--jyIRs p {
  font-size: 14px;
  line-height: 20px;
  color: var(--color-gray-400);
  margin: 0;
  margin-top: 20px;
  font-weight: 400;
}

.styles__options-wrapper--Tm7Rt {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (max-width: 600px) {
  .styles__options-wrapper--Tm7Rt {
    grid-template-columns: 1fr;
  }
}
.styles__options-wrapper--Tm7Rt .styles__repayment-option--NuU43 {
  display: grid;
  grid-template-columns: 65% 35%;
  background: white;
  border: 1px solid var(--color-gray-25);
  border-radius: 8px;
  align-items: center;
  padding: 15px;
}
.styles__options-wrapper--Tm7Rt .styles__repayment-option--NuU43 .styles__payments-tag--jUTd7 {
  background: var(--color-primary-25);
  color: var(--color-primary-500);
  font-size: 12px;
  line-height: 18px;
  border-radius: 10px;
  padding: 2px 8px;
}
.styles__options-wrapper--Tm7Rt .styles__repayment-option--NuU43 .styles__currency-row--HUe5Y {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  margin-top: 5px;
}
.styles__options-wrapper--Tm7Rt .styles__repayment-option--NuU43 h3 {
  font-size: 24px;
  line-height: 32px;
  color: var(--color-primary-600);
  font-weight: 600;
}
.styles__options-wrapper--Tm7Rt .styles__repayment-option--NuU43 span {
  font-size: 14px;
  line-height: 20px;
  color: var(--color-gray-500);
  margin-left: 5px;
}
.styles__options-wrapper--Tm7Rt .styles__repayment-option--NuU43 button {
  font-size: 14px;
  line-height: 20px;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  margin-right: 0;
}

.styles__selected-option-title--NHsF9 {
  color: var(--color-gray-400);
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  margin: 30px 0;
}

.styles__selected-option-subtitle--rYsJ3 {
  color: var(--color-gray-500);
  font-size: 14px;
  line-height: 20px;
  margin: 30px 0;
}

.styles__confirm-button--IDVaZ {
  padding-top: 15px;
}
.styles__confirm-button--IDVaZ button {
  min-width: 200px;
}
@media (max-width: 600px) {
  .styles__confirm-button--IDVaZ {
    display: none;
  }
}
.styles__confirm-button--IDVaZ.styles__only-mobile--WShOg {
  display: none;
}
@media (max-width: 600px) {
  .styles__confirm-button--IDVaZ.styles__only-mobile--WShOg {
    display: block;
    margin: 20px 0;
  }
}

.styles__amount-to-pay-row--Hdats {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--color-gray-25);
}
.styles__amount-to-pay-row--Hdats span {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-gray-400);
}
.styles__amount-to-pay-row--Hdats strong {
  font-size: 20px;
  line-height: 30px;
  color: var(--color-primary-500);
}

.styles__percentage-row--WJXnX {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
}
.styles__percentage-row--WJXnX span,
.styles__percentage-row--WJXnX label {
  font-size: 14px;
  line-height: 20px;
  color: var(--color-gray-500);
}
.styles__percentage-row--WJXnX input:where([type=radio]) {
  width: 16px;
  height: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border-radius: 50%;
  border: 1px solid var(--color-gray-200);
}
.styles__percentage-row--WJXnX input:where([type=radio]):where(:checked) {
  border: 5px solid var(--color-primary-600);
  outline: none;
}

.styles__percentage-message--gQl2V {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-gray-400);
  margin-top: 10px;
}
.styles__percentage-message--gQl2V strong {
  font-size: 14px;
  line-height: 20px;
  color: var(--color-primary-500);
  font-weight: 600;
}

.styles__choose-halfline--nlaQW {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 15px 0;
}
.styles__choose-halfline--nlaQW .styles__line--Rt989 {
  height: 1px;
  width: 45%;
  background: var(--color-gray-50);
}
.styles__choose-halfline--nlaQW .styles__or--b9j3h {
  color: var(--color-gray-300);
  font-size: 12px;
  line-height: 18px;
}

@media (max-width: 768px) {
  .styles__side-pannel--UjCb8 {
    width: 50% !important;
  }
}
@media (max-width: 600px) {
  .styles__side-pannel--UjCb8 {
    width: 100% !important;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/CreditDisclosure/styles.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__credit-disclosure--g8j0o {
  padding: 24px;
  border-radius: 12px;
  margin: 20px 0;
  display: flex;
  align-items: center;
  color: var(--color-gray-500);
}
@media (max-width: 600px) {
  .styles__credit-disclosure--g8j0o {
    flex-direction: column;
  }
}

.styles__credit-disclosure-text--sLISO {
  font-size: 14px;
  color: var(--color-primary-600);
  line-height: 1.5;
  text-wrap-style: balance;
  width: -moz-fit-content;
  width: fit-content;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/DatepickerDropdown/styles.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__custom-dropdown--b2E2m {
  position: relative;
}
.styles__custom-dropdown--b2E2m .styles__dropdown-date--QUruh {
  padding: 8px 10px 8px 10px;
  border: 1px solid var(--color-gray-25);
  border-radius: 10px;
  color: var(--color-gray-500);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.styles__custom-dropdown--b2E2m table {
  border-collapse: separate;
  border-spacing: 5px;
  position: absolute;
  background: white;
  padding: 10px 20px;
  margin-top: 5px;
  border: 1px solid var(--color-gray-25);
  border-radius: 12px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  z-index: 2;
}
@media (max-width: 600px) {
  .styles__custom-dropdown--b2E2m table {
    padding: 10px;
  }
  .styles__custom-dropdown--b2E2m table th,
  .styles__custom-dropdown--b2E2m table td {
    font-size: 12px !important;
  }
}
@media (max-width: 1024px) {
  .styles__custom-dropdown--b2E2m table {
    right: 0;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/Datepicker/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__datepicker--hcUup tr th {
  color: var(--color-primary-600);
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.styles__datepicker--hcUup tr th.styles__big-title--AiaGp {
  font-size: 20px;
  line-height: 30px;
}
.styles__datepicker--hcUup th, .styles__datepicker--hcUup td {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  min-width: 2.5em;
  min-height: 2.5em;
  max-width: 2.5em;
  max-height: 2.5em;
  overflow: visible;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: var(--color-gray-600);
  font-weight: 400;
}
.styles__datepicker--hcUup button, .styles__datepicker--hcUup td {
  cursor: pointer;
}
.styles__datepicker--hcUup .styles__selected--NMVff {
  background: #12BA6C;
  border-radius: 70px;
  color: white;
  font-weight: 600;
}
.styles__datepicker--hcUup .styles__disabled--Wkoou {
  color: var(--color-gray-300);
  cursor: default;
}
.styles__datepicker--hcUup button {
  background: transparent;
  position: relative;
}
.styles__datepicker--hcUup button:active {
  top: 0.05rem;
}
.styles__datepicker--hcUup .styles__month-arrow--jhPht {
  vertical-align: bottom;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/ResumedPaymentSummary/styles.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__separator--GCize {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-gray-25);
}

.styles__resumed-payment--eEWN9 {
  text-align: left;
  text-shadow: none;
  margin-top: 10px;
}
.styles__resumed-payment--eEWN9 h4,
.styles__resumed-payment--eEWN9 h5 {
  font-weight: 400;
  font-size: 10px;
  line-height: 16px;
  color: var(--color-gray-500);
}
.styles__resumed-payment--eEWN9 h5 {
  margin-top: 10px;
}
.styles__resumed-payment--eEWN9 h2 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-primary-600);
}
.styles__resumed-payment--eEWN9 h2 span {
  font-size: 10px;
}
.styles__resumed-payment--eEWN9 .styles__information-row--V5GVu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.styles__resumed-payment--eEWN9 .styles__information-row--V5GVu img {
  margin-right: 5px;
}
.styles__resumed-payment--eEWN9 .styles__with-tooltip--tUz3l {
  background: var(--color-gray-700);
  color: white;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  white-space: pre-wrap;
  padding: 12px;
  border-radius: 12px;
  z-index: 999999;
}
@media (max-width: 600px) {
  .styles__resumed-payment--eEWN9 .styles__with-tooltip--tUz3l {
    max-width: 250px;
    white-space: normal;
  }
}
.styles__resumed-payment--eEWN9 .styles__tooltip-print--psynq {
  font-size: 10px;
  line-height: 16px;
  font-weight: 400;
  color: var(--color-gray-400);
}
.styles__resumed-payment--eEWN9 .styles__number-payments--NG5wj {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-gray-300);
}
.styles__resumed-payment--eEWN9 .styles__promo-code-calculated-amounts--NFctn {
  position: relative;
  display: flex;
  justify-content: flex-start;
  gap: 0.5rem;
  font-weight: 400;
}
.styles__resumed-payment--eEWN9 .styles__promo-code-calculated-amounts--NFctn .styles__old-amount--NNmtP {
  font-size: 12px;
  color: var(--color-gray-300);
  text-decoration: line-through;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/SettlementDetailBox/styles.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__detail-box--e9Oew {
  border-radius: 12px;
  overflow: hidden;
  padding: 16px;
  border: 1px solid var(--color-gray-25);
  height: -moz-fit-content;
  height: fit-content;
}
.styles__detail-box--e9Oew .styles__wrapper--UKvxG {
  padding-bottom: 10px;
}
.styles__detail-box--e9Oew h2 {
  color: var(--color-primary-600);
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  flex-direction: row;
}
.styles__detail-box--e9Oew .styles__confirm-info--_y0kK {
  margin-top: 10px;
}
.styles__detail-box--e9Oew .styles__confirm-info--_y0kK h5 {
  color: var(--color-gray-400);
  font-size: 12px;
  line-height: 18px;
}
.styles__detail-box--e9Oew .styles__confirm-info--_y0kK h5.styles__align-right--rzP36 {
  text-align: right;
}
.styles__detail-box--e9Oew .styles__confirm-info--_y0kK .styles__number-payments--iCS79 {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-gray-300);
}
.styles__detail-box--e9Oew .styles__confirm-info--_y0kK span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  line-height: 18px;
}
.styles__detail-box--e9Oew .styles__confirm-info--_y0kK span strong {
  font-size: 20px;
  line-height: 30px;
  margin-left: 5px;
}
.styles__detail-box--e9Oew .styles__align-column--nxpFk {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  gap: 10px;
}
.styles__detail-box--e9Oew .styles__plan-discount-ribbon--A9Fx9 {
  position: absolute;
  top: -5px;
  right: -60px;
  width: 150px;
  padding: 8px 0;
  background: var(--color-secondary-700);
  color: white;
  text-align: center;
  font-size: 10px;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transform: rotate(45deg);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  z-index: 10;
}
.styles__detail-box--e9Oew .styles__info-column--xdhaI {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.styles__detail-box--e9Oew .styles__discount-amount--xwBG7 {
  color: var(--color-secondary-700) !important;
  font-weight: 600;
  font-size: 0.9rem;
}
.styles__detail-box--e9Oew .styles__top-separator--HvRp9 {
  border-top: 1px solid var(--color-gray-25);
  padding-top: 10px;
  margin-top: 10px;
}
.styles__detail-box--e9Oew .styles__separator--ZTOGW {
  border-bottom: 1px solid var(--color-gray-25);
  padding-bottom: 10px;
}
.styles__detail-box--e9Oew .styles__greyed--YnjKN {
  color: var(--color-gray-300) !important;
}
.styles__detail-box--e9Oew .styles__greyed--YnjKN strong {
  font-size: 16px;
  line-height: 24px;
}
.styles__detail-box--e9Oew .styles__info-row--aNV_r {
  display: flex;
  margin-top: 10px;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.styles__detail-box--e9Oew .styles__info-row--aNV_r.styles__discount-ribbon-row--yoNv9 {
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: 15px;
}
.styles__detail-box--e9Oew .styles__info-row--aNV_r .styles__big-number--B7evN {
  font-size: 1.3rem;
  line-height: 1.5rem;
  font-weight: 600;
}
.styles__detail-box--e9Oew .styles__info-row--aNV_r h5 {
  color: var(--color-gray-400);
  font-size: 12px;
  line-height: 18px;
}
.styles__detail-box--e9Oew .styles__info-row--aNV_r h5.styles__align-right--rzP36 {
  text-align: right;
}
.styles__detail-box--e9Oew .styles__info-row--aNV_r h2 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-primary-600);
}
.styles__detail-box--e9Oew .styles__info-row--aNV_r h2 span {
  font-size: 10px;
}
.styles__detail-box--e9Oew .styles__info-row--aNV_r .styles__plan-type-tag--rIyAl {
  padding: 2px 8px;
  border-radius: 10px;
  color: var(--color-primary-500);
  background: var(--color-primary-25);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  width: -moz-fit-content;
  width: fit-content;
}
.styles__detail-box--e9Oew .styles__info-row--aNV_r .styles__strikethrough--acHGE {
  text-decoration: line-through;
}
.styles__detail-box--e9Oew .styles__info-row--aNV_r .styles__balance--noZir {
  display: flex;
  gap: 3px;
  justify-content: flex-start;
  color: var(--color-primary-500);
  align-items: center;
  font-weight: 600;
}
.styles__detail-box--e9Oew .styles__info-row--aNV_r .styles__balance--noZir.styles__currentBalance--BpjkM {
  text-decoration: line-through;
}
.styles__detail-box--e9Oew .styles__info-row--aNV_r .styles__balance--noZir.styles__greyed--YnjKN {
  color: var(--color-gray-400);
}
.styles__detail-box--e9Oew .styles__info-row--aNV_r .styles__balance--noZir.styles__greyed--YnjKN strong {
  font-size: 16px;
  line-height: 24px;
}
.styles__detail-box--e9Oew .styles__info-row--aNV_r .styles__balance--noZir span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  line-height: 18px;
}
.styles__detail-box--e9Oew .styles__info-row--aNV_r .styles__balance--noZir span strong {
  font-size: 20px;
  line-height: 30px;
  margin-left: 5px;
}
.styles__detail-box--e9Oew .styles__info-row--aNV_r.styles__mobile-display--Pld7p {
  display: none;
}
@media (max-width: 600px) {
  .styles__detail-box--e9Oew .styles__info-row--aNV_r.styles__mobile-display--Pld7p {
    display: flex;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/Notice/styles.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__notice--mfzwx {
  display: flex;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-gray-300);
  font-weight: 400;
  gap: 5px;
  margin-top: 10px;
}
.styles__notice--mfzwx img {
  align-self: baseline;
  margin-top: 3px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/PromoCode/PromoCodeRow/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__promo-code-row--VWVaU {
  position: relative;
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  gap: 6px;
}
.styles__promo-code-row--VWVaU.styles__promo-code-row-inverse--y0JOS {
  flex-direction: row-reverse;
}
.styles__promo-code-row--VWVaU .styles__discount-amount--qmLFj {
  font-size: 10px;
  color: var(--color-secondary-700);
}
.styles__promo-code-row--VWVaU .styles__discount-code--G62JI {
  font-size: 10px;
  color: var(--color-gray-400);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/SettlementDetailBox/SplitValuesBox/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles__split-values-box--X3J8S {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/PlanDetailBox/styles.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__detail-box--n4q7d {
  border-radius: 12px;
  padding: 16px;
  border: 1px solid var(--color-gray-25);
  height: -moz-fit-content;
  height: fit-content;
  background: white;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
}
.styles__detail-box--n4q7d .styles__top-separator--OfUbG {
  border-top: 1px solid var(--color-gray-25);
  padding-top: 10px;
  margin-top: 10px;
}
.styles__detail-box--n4q7d .styles__savings--S8o2t {
  font-weight: 400 !important;
  font-size: 14px;
  color: var(--color-gray-400);
}
.styles__detail-box--n4q7d .styles__discount-amount--s6dHb {
  font-weight: 400;
  font-size: 16px;
  color: var(--color-secondary-700);
}
.styles__detail-box--n4q7d .styles__total-scheduled-payments--psCQW h5 {
  color: var(--color-gray-400);
  font-weight: 600;
}
.styles__detail-box--n4q7d .styles__total-scheduled-payments--psCQW .styles__final-amount--aMI9r {
  font-weight: 600;
  font-size: 18px;
  color: var(--color-primary-500);
}
.styles__detail-box--n4q7d .styles__total-scheduled-payments--psCQW .styles__old-amount--tTdvl {
  font-size: 14px;
  color: var(--color-gray-300);
  text-decoration: line-through;
  margin-right: 10px;
}
.styles__detail-box--n4q7d .styles__wrapper--ec0bI {
  padding-bottom: 10px;
}
.styles__detail-box--n4q7d .styles__wrapper--ec0bI h2 {
  color: var(--color-primary-600);
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
}
.styles__detail-box--n4q7d .styles__wrapper--ec0bI .styles__info-row--bTjnY {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.styles__detail-box--n4q7d .styles__wrapper--ec0bI .styles__info-row--bTjnY p {
  color: var(--color-gray-400);
  font-size: 12px;
  line-height: 18px;
}
.styles__detail-box--n4q7d .styles__wrapper--ec0bI .styles__info-row--bTjnY.styles__mobile-display--Q1TUy {
  display: none;
}
@media (max-width: 600px) {
  .styles__detail-box--n4q7d .styles__wrapper--ec0bI .styles__info-row--bTjnY.styles__mobile-display--Q1TUy {
    display: flex;
  }
}
@media (max-width: 600px) {
  .styles__detail-box--n4q7d .styles__wrapper--ec0bI .styles__info-row--bTjnY.styles__web-display--E2aYZ {
    display: none;
  }
}
.styles__detail-box--n4q7d .styles__wrapper--ec0bI .styles__info-row--bTjnY.styles__first-payment-row--QuiJA {
  padding-top: 8px;
  padding-bottom: 8px;
}
.styles__detail-box--n4q7d .styles__wrapper--ec0bI .styles__info-row--bTjnY.styles__balance-row--PnwO3 {
  padding-top: 8px;
}
.styles__detail-box--n4q7d .styles__wrapper--ec0bI .styles__info-row--bTjnY.styles__last-payment-row--hVmlN {
  padding-bottom: 8px;
}
.styles__detail-box--n4q7d .styles__wrapper--ec0bI .styles__info-row--bTjnY .styles__balances-column--_LJ_Z {
  color: var(--color-gray-500);
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  line-height: 18px;
}
.styles__detail-box--n4q7d .styles__wrapper--ec0bI .styles__info-row--bTjnY .styles__balances-column--_LJ_Z.styles__standard-payment-amount-column--cB5pe {
  color: var(--color-primary-500);
}
.styles__detail-box--n4q7d .styles__wrapper--ec0bI .styles__info-row--bTjnY .styles__balances-column--_LJ_Z.styles__standard-payment-amount-column--cB5pe strong {
  font-size: 18px;
  line-height: 28px;
}
.styles__detail-box--n4q7d .styles__wrapper--ec0bI .styles__info-row--bTjnY .styles__balances-column--_LJ_Z strong {
  font-size: 16px;
  line-height: 24px;
  margin-left: 5px;
}
.styles__detail-box--n4q7d .styles__wrapper--ec0bI .styles__info-row--bTjnY .styles__right-column--vYQ45 {
  text-align: right;
  margin-left: 8px;
}
.styles__detail-box--n4q7d .styles__wrapper--ec0bI .styles__info-row--bTjnY h5 {
  color: var(--color-gray-400);
  font-size: 12px;
  line-height: 18px;
}
.styles__detail-box--n4q7d .styles__wrapper--ec0bI .styles__info-row--bTjnY h5.styles__align-right--df34u {
  text-align: right;
}
.styles__detail-box--n4q7d .styles__wrapper--ec0bI .styles__info-row--bTjnY p {
  margin: 0;
}
.styles__detail-box--n4q7d .styles__wrapper--ec0bI .styles__info-row--bTjnY .styles__plan-type-tag--lsGAs {
  position: absolute;
  right: 0;
  padding: 2px 8px;
  border-radius: 10px;
  color: var(--color-primary-500);
  background: var(--color-primary-25);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  width: -moz-fit-content;
  width: fit-content;
}
.styles__detail-box--n4q7d .styles__wrapper--ec0bI .styles__info-row--bTjnY .styles__balance--Nnc7v {
  color: var(--color-primary-500);
  font-weight: 600;
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.styles__detail-box--n4q7d .styles__wrapper--ec0bI .styles__info-row--bTjnY .styles__balance--Nnc7v span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  line-height: 18px;
}
.styles__detail-box--n4q7d .styles__wrapper--ec0bI .styles__info-row--bTjnY .styles__balance--Nnc7v span strong {
  font-size: 20px;
  line-height: 30px;
  margin-left: 5px;
}
.styles__detail-box--n4q7d .styles__wrapper--ec0bI .styles__separator--unXkN {
  border-bottom: 1px solid var(--color-gray-25);
  padding-bottom: 10px;
}
.styles__detail-box--n4q7d .styles__promo-code-container--W2IGy {
  position: relative;
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  margin-top: 10px;
}
.styles__detail-box--n4q7d .styles__promo-code-container--W2IGy .styles__discount-amount--s6dHb {
  font-size: 10px;
  color: var(--color-secondary-700);
}
.styles__detail-box--n4q7d .styles__promo-code-container--W2IGy .styles__discount-code--PzHFX {
  font-size: 10px;
  color: var(--color-gray-400);
}
.styles__detail-box--n4q7d .styles__payment-list--MN11t li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  list-style-type: none;
}
.styles__detail-box--n4q7d .styles__promo-code-calculated-amounts--l9mYn {
  position: relative;
  display: flex;
  justify-content: flex-start;
  gap: 0.5rem;
  font-weight: 400;
}
.styles__detail-box--n4q7d .styles__promo-code-calculated-amounts--l9mYn .styles__old-amount--tTdvl {
  font-size: 12px;
  color: var(--color-gray-300);
  text-decoration: line-through;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/Accordion/styles.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__accordion--sSgT0 {
  border-radius: 4px;
}
.styles__accordion--sSgT0 .styles__accordion-header--J5u7B {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-primary-600);
  cursor: pointer;
}
.styles__accordion--sSgT0 .styles__accordion-header--J5u7B .styles__arrow--yt8av {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles__accordion--sSgT0 .styles__accordion-header--J5u7B .styles__arrow--yt8av svg {
  transition: transform 0.3s ease;
}
.styles__accordion--sSgT0 .styles__accordion-header--J5u7B .styles__arrow-open--pszMJ svg {
  transition: transform 0.3s ease;
  transform: rotateX(180deg);
}
.styles__accordion--sSgT0 .styles__accordion-content--XmzEm {
  padding: 10px 0 0;
  color: var(--color-gray-400);
  font-size: 12px;
  line-height: 18px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/PromoCode/styles.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__promoCode-display-container--Bqhf5 {
  display: flex;
  padding-top: 1rem;
}
.styles__promoCode-display-container--Bqhf5 .styles__promoCode-header--omgaA {
  font-size: 10px;
  color: var(--color-primary-500);
  font-weight: 600;
}
.styles__promoCode-display-container--Bqhf5 > img {
  margin-left: 0.5rem;
  cursor: pointer;
}

.styles__promoCode-interaction-box--KBXI1 {
  display: flex;
  justify-content: flex-start;
  padding-top: 1rem;
  gap: 0.5rem;
}
.styles__promoCode-interaction-box--KBXI1 .styles__input-wrapper--yyeMA {
  position: relative;
}
.styles__promoCode-interaction-box--KBXI1 .styles__input-wrapper--yyeMA input {
  border: 1px solid var(--color-gray-100);
  width: 152px;
  height: 30px;
  font-weight: 400;
  border-radius: 8px;
  padding: 0.75rem 1rem;
  font-size: 12px;
  color: var(--color-gray-500);
  outline: none;
  transition: border 0.2s ease;
  font-family: "Poppins", sans-serif;
}
.styles__promoCode-interaction-box--KBXI1 .styles__input-wrapper--yyeMA input::-moz-placeholder {
  color: var(--color-gray-300);
}
.styles__promoCode-interaction-box--KBXI1 .styles__input-wrapper--yyeMA input::placeholder {
  color: var(--color-gray-300);
}
.styles__promoCode-interaction-box--KBXI1 .styles__input-wrapper--yyeMA input:focus {
  border-color: var(--color-primary-300);
}
.styles__promoCode-interaction-box--KBXI1 .styles__input-wrapper--yyeMA input:disabled {
  background-color: var(--color-gray-25);
  color: var(--color-gray-400);
}
.styles__promoCode-interaction-box--KBXI1 .styles__input-wrapper--yyeMA .styles__error-icon--Ofcoz {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  pointer-events: none;
}
.styles__promoCode-interaction-box--KBXI1 .styles__input-wrapper--yyeMA .styles__promoCode-error-input--If_GU {
  border-color: var(--color-error-400);
}
.styles__promoCode-interaction-box--KBXI1 > button {
  background-color: var(--color-primary-500);
  color: white;
  border: 1px solid var(--color-primary-500);
  border-radius: 10px;
  height: 30px;
  padding: 8px 10px;
  font-size: 12px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
  transition: background-color 0.2s ease;
}
.styles__promoCode-interaction-box--KBXI1 > button:hover {
  background-color: var(--color-primary-600);
}
.styles__promoCode-interaction-box--KBXI1 > button:disabled {
  background-color: var(--color-gray-50);
  color: var(--color-gray-400);
  border: none;
  cursor: not-allowed;
}

.styles__promoCode-interaction-message--pOxuw {
  display: flex;
}
.styles__promoCode-interaction-message--pOxuw > span {
  font-size: 12px;
  margin-top: 1rem;
}

.styles__promoCode-interaction-message-error--JX0GN > span {
  color: var(--color-error);
}

.styles__promoCode-interaction-message-success--yPQaN {
  display: flex;
  flex-direction: column;
  margin-top: 0.5rem;
  gap: 0.5rem;
}
.styles__promoCode-interaction-message-success--yPQaN > div {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.styles__promoCode-interaction-message-success--yPQaN > div > span {
  margin-top: 0;
  font-size: 12px;
  font-family: "Poppins", sans-serif;
  color: var(--color-gray-400);
}
.styles__promoCode-interaction-message-success--yPQaN .styles__promo-code-disclosure--ULDY6 {
  font-size: 10px;
  line-height: normal;
  color: var(--color-gray-300);
}

.styles__promo-code-input--_ltm8 {
  text-transform: uppercase;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/Pill/styles.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__pill--dloeo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-white);
  background-color: var(--color-secondary-700);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/PaymentMethodIframes/styles.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

iframe {
  width: 100%;
}
@media (max-width: 600px) {
  iframe {
    max-height: 1220px;
  }
}

.styles__disclosure--W89Ju {
  color: black;
  font-size: 12px;
  line-height: 18px;
  padding-bottom: 50px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/Stepper/styles.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
.styles__step-container--tJrZc > [data-step-index] {
  display: none;
}
.styles__step-container--tJrZc > [data-step-index][data-active-step] {
  display: initial;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/pages/PaymentPartialPage/styles.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__partial-payment-page--yR9cA {
  padding: 30px;
}

.styles__partial-payment--QlKJz h3 {
  margin: 0.5em 0;
}
.styles__partial-payment--QlKJz fieldset {
  justify-content: center;
  font-size: 1.25em;
}
.styles__partial-payment--QlKJz .styles__error-message--Rv2p7 {
  text-align: center;
  color: red;
}

.styles__exact-amount--VYF0F {
  display: flex;
  justify-content: center;
  margin: 1em 0;
}
.styles__exact-amount--VYF0F > * {
  margin: 0 0.5em;
}
.styles__exact-amount--VYF0F input,
.styles__exact-amount--VYF0F button {
  font-size: 1.25em;
}
@media (max-width: 768px) {
  .styles__exact-amount--VYF0F {
    flex-direction: column;
  }
  .styles__exact-amount--VYF0F > * {
    margin: 0.5em 0;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/pages/PaymentPlanCreatePage/styles.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__create-plan-page--N1sJ7 {
  padding: 30px;
}

.styles__option-list--KFDiZ a {
  background: var(--color-bg);
  border-radius: var(--border-radius-section);
  box-shadow: 0 0.125em 0.25em var(--color-shadow);
  margin: 1em 0;
  padding: 1.5rem;
  display: block;
  cursor: pointer;
  color: var(--color-fg);
  display: flex;
  align-items: center;
  margin: 1em 0.5em 0 0.5em;
}
.styles__option-list--KFDiZ a:hover {
  background: var(--color-secondary-g);
}
@media (max-width: 1200px) {
  .styles__option-list--KFDiZ a {
    margin: 1em 0 0 0;
  }
}
.styles__option-list--KFDiZ li {
  list-style-type: none;
}

.styles__selected-frequency--BNkj4 {
  border: 0.125rem solid var(--color-secondary-c);
}

.styles__frequency-option-list--GYoEj {
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
}
.styles__frequency-option-list--GYoEj > * {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}
@media (max-width: 1200px) {
  .styles__frequency-option-list--GYoEj > * {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (max-width: 1200px) {
  .styles__frequency-option-list--GYoEj {
    max-width: 30rem;
  }
}
.styles__frequency-option-list--GYoEj img {
  margin-right: 1em;
  flex: 0 0 3.25em;
}
.styles__frequency-option-list--GYoEj a {
  font-size: 1.25em;
  font-weight: bold;
}

.styles__repayment-option-list--ZXSyq {
  display: flex;
  flex-wrap: wrap;
}
.styles__repayment-option-list--ZXSyq > * {
  flex-basis: 50%;
  max-width: 50%;
}
@media (max-width: 1024px) {
  .styles__repayment-option-list--ZXSyq > * {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.styles__repayment-option-list--ZXSyq a {
  justify-content: space-between;
  position: relative;
  margin: 1em 0.5em 0 0.5em;
}
@media (max-width: 1024px) {
  .styles__repayment-option-list--ZXSyq a {
    margin: 1em 0 0 0;
  }
}

.styles__repayment-subheading--UkBqS {
  text-align: center;
  margin-top: 1em;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/pages/PaymentPlanSetupPage/styles.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__payment-plan-page--pzyMV {
  padding: 30px;
}
.styles__payment-plan-page--pzyMV .styles__without-gap--tQ46K {
  gap: 0;
}
@media (max-width: 600px) {
  .styles__payment-plan-page--pzyMV .styles__custom-datepicker--JXuxf {
    padding: 10px;
  }
  .styles__payment-plan-page--pzyMV .styles__custom-datepicker--JXuxf th, .styles__payment-plan-page--pzyMV .styles__custom-datepicker--JXuxf td {
    font-size: 12px;
  }
}

.styles__payment-date--FC5Bs {
  text-align: center;
}
.styles__payment-date--FC5Bs table {
  margin: 1em auto 0 auto;
}
.styles__payment-date--FC5Bs h3 {
  margin-top: 0;
}
.styles__payment-date--FC5Bs .styles__day-dropdown--z142k {
  text-align: center;
  max-width: 100%;
  margin-top: 1em;
}

.styles__payment-method-form--EntZQ div[data-tab-group] section {
  display: flex;
  justify-content: center;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/Header/styles.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__header--yASSA {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  border-bottom: 1px solid #eaecf0;
  height: 80px;
  background: white;
}
.styles__header--yASSA div {
  background: none;
}
.styles__header--yASSA .styles__menu--KQcgr {
  display: none;
}
.styles__header--yASSA .styles__logo--TTKKm {
  width: 245px;
}
.styles__header--yASSA button {
  display: none;
}
.styles__header--yASSA .styles__mobile-logo--VAPsY {
  display: none;
}
@media (max-width: 768px) {
  .styles__header--yASSA .styles__logo--TTKKm {
    display: none;
  }
  .styles__header--yASSA .styles__link--V3fGC {
    display: none;
  }
  .styles__header--yASSA .styles__tablet-logo--a4LRr {
    display: block;
  }
  .styles__header--yASSA .styles__tabletLink--I0PE_ {
    display: block;
  }
  .styles__header--yASSA .styles__menu--KQcgr {
    display: block;
  }
  .styles__header--yASSA .styles__toggled--wfpHa {
    display: block;
  }
  .styles__header--yASSA button {
    display: block;
    background: none;
    box-shadow: none !important;
    border: none;
  }
}
@media (max-width: 600px) {
  .styles__header--yASSA .styles__tablet-logo--a4LRr {
    display: none;
  }
  .styles__header--yASSA .styles__tabletLink--I0PE_ {
    display: none;
  }
  .styles__header--yASSA .styles__mobile-logo--VAPsY {
    display: block;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/pages/PaymentPlanOfferLandingPage/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__no-scroll--tgocR {
  overflow: hidden;
  display: none;
}

.styles__pplp--LCfij {
  background: #f1f8ff;
  padding: 30px 0;
}
@media (max-width: 768px) {
  .styles__pplp--LCfij {
    padding: 0;
  }
}
.styles__pplp--LCfij .styles__plan-tag--x5Lmd {
  padding: 4px 10px 4px 12px;
  border-radius: 10px;
  color: var(--color-primary-500);
  background: var(--color-primary-25);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 15px;
}
.styles__pplp--LCfij .styles__payment-date-picker--gc3gO {
  border: 1px solid var(--color-gray-25);
  border-radius: 12px;
  padding: 16px;
  margin: 30px 0;
  display: grid;
  grid-template-columns: 1fr min-content;
}
@media (max-width: 600px) {
  .styles__pplp--LCfij .styles__payment-date-picker--gc3gO {
    display: flex;
    flex-direction: column-reverse;
  }
  .styles__pplp--LCfij .styles__payment-date-picker--gc3gO .styles__right-info--DTA2P {
    border-bottom: 1px solid var(--color-gray-25);
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.styles__pplp--LCfij .styles__payment-date-picker--gc3gO.styles__reversed--KJgjb {
  grid-template-columns: auto auto;
}
@media (max-width: 600px) {
  .styles__pplp--LCfij .styles__payment-date-picker--gc3gO.styles__reversed--KJgjb {
    flex-direction: column;
  }
}
.styles__pplp--LCfij .styles__payment-date-picker--gc3gO.styles__reversed--KJgjb .styles__left-info--w60ew {
  border-right: none;
  margin: 0;
  margin-left: 10px;
  display: grid;
  grid-template-columns: auto auto auto;
  align-items: center;
  gap: 5px;
}
.styles__pplp--LCfij .styles__payment-date-picker--gc3gO.styles__reversed--KJgjb .styles__left-info--w60ew.styles__without-input--jACsy {
  margin-left: 20px;
  grid-template-columns: auto minmax(auto, 200px);
}
@media (max-width: 600px) {
  .styles__pplp--LCfij .styles__payment-date-picker--gc3gO.styles__reversed--KJgjb .styles__left-info--w60ew.styles__without-input--jACsy {
    margin-left: 0;
    grid-template-columns: auto;
  }
}
@media (max-width: 600px) {
  .styles__pplp--LCfij .styles__payment-date-picker--gc3gO.styles__reversed--KJgjb .styles__left-info--w60ew {
    grid-template-columns: auto;
    margin-left: 0;
    gap: 20px;
  }
}
.styles__pplp--LCfij .styles__payment-date-picker--gc3gO.styles__reversed--KJgjb .styles__left-info--w60ew input {
  width: 65px;
  padding: 8px 12px;
  border: 1px solid var(--color-gray-25);
}
@media (max-width: 600px) {
  .styles__pplp--LCfij .styles__payment-date-picker--gc3gO.styles__reversed--KJgjb .styles__left-info--w60ew input {
    width: 100%;
  }
}
.styles__pplp--LCfij .styles__payment-date-picker--gc3gO.styles__reversed--KJgjb .styles__left-info--w60ew input.styles__error--kU3_0 {
  border: 1px solid var(--color-error-400);
}
.styles__pplp--LCfij .styles__payment-date-picker--gc3gO.styles__reversed--KJgjb .styles__left-info--w60ew .styles__amount-error--TfkxZ {
  grid-column: 1/4;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: var(--color-error-400);
}
@media (max-width: 600px) {
  .styles__pplp--LCfij .styles__payment-date-picker--gc3gO.styles__reversed--KJgjb .styles__left-info--w60ew .styles__amount-error--TfkxZ {
    grid-column: auto;
  }
}
.styles__pplp--LCfij .styles__payment-date-picker--gc3gO.styles__reversed--KJgjb .styles__right-info--DTA2P {
  border-right: 1px solid var(--color-gray-25);
  padding-right: 10px;
}
@media (max-width: 600px) {
  .styles__pplp--LCfij .styles__payment-date-picker--gc3gO.styles__reversed--KJgjb .styles__right-info--DTA2P {
    border-right: none;
    padding-right: 0;
    margin-bottom: 20px;
  }
}
.styles__pplp--LCfij .styles__payment-date-picker--gc3gO .styles__left-info--w60ew {
  border-right: 1px solid var(--color-gray-25);
  margin-right: 20px;
}
.styles__pplp--LCfij .styles__payment-date-picker--gc3gO .styles__left-info--w60ew p {
  margin-bottom: 10px;
}
@media (max-width: 600px) {
  .styles__pplp--LCfij .styles__payment-date-picker--gc3gO .styles__left-info--w60ew {
    border-right: none;
    margin-right: 0;
  }
  .styles__pplp--LCfij .styles__payment-date-picker--gc3gO .styles__left-info--w60ew button {
    width: 100%;
    justify-content: space-between;
  }
}
.styles__pplp--LCfij .styles__payment-date-picker--gc3gO .styles__right-info--DTA2P {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}
.styles__pplp--LCfij .styles__payment-date-picker--gc3gO .styles__right-info--DTA2P h3 {
  color: var(--color-gray-400);
  font-size: 10px;
  line-height: 16px;
  font-weight: 400;
}
.styles__pplp--LCfij .styles__payment-date-picker--gc3gO .styles__right-info--DTA2P h1 {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  color: var(--color-primary-500);
}
.styles__pplp--LCfij .styles__payment-date-picker--gc3gO .styles__right-info--DTA2P h1 span {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  margin-right: 4px;
}
.styles__pplp--LCfij .styles__payment-date-picker--gc3gO p {
  margin-top: 0;
  color: var(--color-gray-500);
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.styles__pplp--LCfij .styles__payment-plan-box--POUX4 {
  border-radius: 0px 0px 12px 12px;
  margin: 0 auto;
  width: 800px;
  height: -moz-fit-content;
  height: fit-content;
  background: white;
  padding: 40px 102px;
  position: relative;
  margin-top: 60px;
}
@media (max-width: 768px) {
  .styles__pplp--LCfij .styles__payment-plan-box--POUX4 {
    width: 100%;
    padding: 40px 60px;
  }
}
@media (max-width: 600px) {
  .styles__pplp--LCfij .styles__payment-plan-box--POUX4 {
    padding: 40px 20px;
    padding-top: 0;
  }
}
.styles__pplp--LCfij .styles__payment-plan-box--POUX4 h1 {
  font-size: 30px;
  line-height: 38px;
  font-weight: 600;
  color: var(--color-primary-600);
  width: -moz-fit-content;
  width: fit-content;
}
.styles__pplp--LCfij .styles__payment-plan-box--POUX4 h1.styles__centered--kDrV1 {
  margin: auto;
  margin-bottom: 1rem;
  text-align: center;
}
.styles__pplp--LCfij .styles__payment-plan-box--POUX4 .styles__legal--mSuN9 {
  color: var(--color-gray-300);
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}
.styles__pplp--LCfij .styles__payment-plan-box--POUX4 .styles__legal--mSuN9 a {
  font-weight: 600;
  text-decoration: underline;
}
.styles__pplp--LCfij .styles__payment-plan-box--POUX4 .styles__legal--mSuN9 div {
  margin-bottom: 25px;
}
.styles__pplp--LCfij .styles__payment-plan-box--POUX4 .styles__legal--mSuN9 .styles__disclosure-border--vNZjX {
  border-top: 1px solid var(--color-gray-25);
  padding-top: 25px;
}
.styles__pplp--LCfij .styles__payment-plan-box--POUX4 .styles__stepper--l7us9 {
  width: 100%;
  height: 50px;
  position: absolute;
  background: var(--color-primary-700);
  left: 0;
  top: -60px;
  border-radius: 12px 12px 0px 0px;
  padding: 8px 24px 8px 24px;
  display: flex;
  align-items: center;
}
.styles__pplp--LCfij .styles__payment-plan-box--POUX4 .styles__stepper--l7us9 img {
  width: 100%;
}
@media (max-width: 768px) {
  .styles__pplp--LCfij .styles__payment-plan-box--POUX4 .styles__stepper--l7us9 {
    background: white;
    height: 60px;
    padding: 0 60px;
  }
}
@media (max-width: 600px) {
  .styles__pplp--LCfij .styles__payment-plan-box--POUX4 .styles__stepper--l7us9 {
    padding: 0 20px;
  }
}
.styles__pplp--LCfij .styles__payment-plan-box--POUX4 .styles__stepper--l7us9.styles__has-back-arrow--XFLeT {
  display: grid;
  grid-template-columns: 5% 95%;
}
.styles__pplp--LCfij .styles__payment-plan-box--POUX4 .styles__stepper--l7us9.styles__has-back-arrow--XFLeT button {
  padding: 10px;
}
.styles__pplp--LCfij .styles__payment-plan-box--POUX4 .styles__plan-box-wrapper--buc7V {
  display: grid;
  gap: 15px;
  grid-template-columns: repeat(2, calc(50% - 7.5px));
  padding-bottom: 30px;
  position: relative;
  border-bottom: 1px solid var(--color-gray-25);
}
@media (max-width: 600px) {
  .styles__pplp--LCfij .styles__payment-plan-box--POUX4 .styles__plan-box-wrapper--buc7V {
    margin-bottom: 20px;
    border-bottom: none;
    padding-bottom: 20px;
    display: block;
  }
}
.styles__pplp--LCfij .styles__payment-plan-box--POUX4 .styles__plan-box-wrapper--buc7V .styles__plan-box--Ki5ab {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  border: 1px solid var(--color-gray-25);
  padding: 32px 24px 40px 24px;
  position: relative;
}
.styles__pplp--LCfij .styles__payment-plan-box--POUX4 .styles__plan-box-wrapper--buc7V .styles__plan-box--Ki5ab.styles__most-offered--SL_Z0 {
  border: 2.5px solid var(--color-primary-500);
  overflow: hidden;
  height: 100%;
}
.styles__pplp--LCfij .styles__payment-plan-box--POUX4 .styles__plan-box-wrapper--buc7V .styles__plan-box--Ki5ab.styles__most-offered--SL_Z0 .styles__tag--n9MlR {
  position: absolute;
  top: 8px;
  right: -30px;
  transform: rotate(40deg);
  background: #0563c7;
  color: white;
  padding: 5px 32px;
  font-size: 8px;
  line-height: 16px;
  font-weight: 600;
}
.styles__pplp--LCfij .styles__payment-plan-box--POUX4 .styles__plan-box-wrapper--buc7V .styles__plan-box--Ki5ab .styles__primary-text--vLI4k {
  color: var(--color-gray-400);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.styles__pplp--LCfij .styles__payment-plan-box--POUX4 .styles__plan-box-wrapper--buc7V .styles__plan-box--Ki5ab .styles__primary-text--vLI4k div {
  margin-top: 10px;
  color: var(--color-primary-500);
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 20px;
  line-height: 30px;
  border-bottom: 1px solid var(--color-gray-25);
  padding-bottom: 15px;
}
.styles__pplp--LCfij .styles__payment-plan-box--POUX4 .styles__plan-box-wrapper--buc7V .styles__plan-box--Ki5ab .styles__primary-text--vLI4k div span {
  font-size: 36px;
  line-height: 44px;
  font-weight: 600;
}
.styles__pplp--LCfij .styles__payment-plan-box--POUX4 .styles__plan-box-wrapper--buc7V .styles__plan-box--Ki5ab .styles__secondary-text--ghYfM {
  color: var(--color-gray-400);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin: 15px 0;
}
.styles__pplp--LCfij .styles__payment-plan-box--POUX4 .styles__plan-box-wrapper--buc7V .styles__plan-box--Ki5ab .styles__secondary-text--ghYfM::first-letter {
  text-transform: capitalize;
}
.styles__pplp--LCfij .styles__payment-plan-box--POUX4 .styles__plan-box-wrapper--buc7V .styles__plan-box--Ki5ab .styles__secondary-text--ghYfM .styles__primary-button--LNgEF {
  margin-top: 15px;
  width: 100%;
}
.styles__pplp--LCfij .styles__payment-plan-box--POUX4 .styles__plan-box-wrapper--buc7V .styles__plan-box--Ki5ab .styles__message--rbIfL {
  font-size: 10px;
  line-height: 16px;
  color: var(--color-gray-300);
  margin-bottom: 0;
  margin-top: 15px;
  font-weight: 400;
}
.styles__pplp--LCfij .styles__payment-plan-box--POUX4 .styles__plan-box-wrapper--buc7V .styles__plan-box--Ki5ab button {
  padding: 8px 10px 8px 10px;
  border-radius: 10px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-shadow: none;
}
.styles__pplp--LCfij .styles__payment-plan-box--POUX4 .styles__plan-box-wrapper--buc7V .styles__plan-box--Ki5ab button.styles__primary-button--LNgEF {
  background: var(--color-primary-500);
  color: white;
}
.styles__pplp--LCfij .styles__payment-plan-box--POUX4 .styles__plan-box-wrapper--buc7V .styles__plan-box--Ki5ab button.styles__secondary-button--Vee_b {
  background: white;
  color: var(--color-gray-500);
  border: 1px solid var(--color-gray-200);
}
.styles__pplp--LCfij .styles__payment-plan-box--POUX4 .styles__plan-box-wrapper--buc7V .styles__plan-box--Ki5ab .styles__choose-halfline--fpozJ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.styles__pplp--LCfij .styles__payment-plan-box--POUX4 .styles__plan-box-wrapper--buc7V .styles__plan-box--Ki5ab .styles__choose-halfline--fpozJ .styles__line--U2_ii {
  height: 1px;
  width: 40%;
  background: var(--color-gray-50);
}
.styles__pplp--LCfij .styles__payment-plan-box--POUX4 .styles__plan-box-wrapper--buc7V .styles__plan-box--Ki5ab .styles__choose-halfline--fpozJ .styles__or--JJiyw {
  color: var(--color-gray-100);
  font-size: 10px;
  line-height: 16px;
  font-weight: 600;
}

.styles__button-wrapper--Q8xX4 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 40px 0;
}
@media (max-width: 600px) {
  .styles__button-wrapper--Q8xX4 {
    margin: 20px 0;
  }
}
.styles__button-wrapper--Q8xX4 button {
  min-width: 200px;
}
@media (max-width: 600px) {
  .styles__button-wrapper--Q8xX4 button {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .styles__button-wrapper--Q8xX4.styles__confirm-payment-button--MmnMq {
    display: none;
  }
}
.styles__button-wrapper--Q8xX4.styles__button-small--sHMvS {
  margin-bottom: 20px;
}
.styles__button-wrapper--Q8xX4.styles__button-small--sHMvS button {
  font-size: 14px;
  line-height: 20px;
}

.styles__payment-method-wrapper--FvJBj {
  display: grid;
  -moz-column-gap: 20px;
       column-gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-flow: column;
}
@media (max-width: 600px) {
  .styles__payment-method-wrapper--FvJBj {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
  }
}
.styles__payment-method-wrapper--FvJBj .styles__payment-buttons--TYWte {
  display: flex;
  flex-direction: column;
}
.styles__payment-method-wrapper--FvJBj .styles__payment-buttons--TYWte label {
  max-width: 100%;
  flex-basis: 100%;
  padding: 0;
}
.styles__payment-method-wrapper--FvJBj .styles__payment-buttons--TYWte label section {
  margin: 0;
  border-radius: 12px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  height: 50px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border: 1px solid var(--color-gray-25);
}
.styles__payment-method-wrapper--FvJBj .styles__payment-buttons--TYWte label section p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: var(--color-primary-600);
  margin: 0;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/OldPaymentInfo/styles.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__payment-info--Utd2R {
  font-size: 1.25em;
  width: 100%;
}
.styles__payment-info--Utd2R th, .styles__payment-info--Utd2R td {
  padding: 0.25em 0;
}
.styles__payment-info--Utd2R th {
  text-align: left;
}
.styles__payment-info--Utd2R th img {
  max-width: 1.5em;
  margin-right: 0.5em;
}
.styles__payment-info--Utd2R td {
  text-align: right;
}
.styles__payment-info--Utd2R td img {
  max-width: 1.25em;
  margin-right: 0.375em;
}
.styles__payment-info--Utd2R ol {
  display: block;
  margin-left: 2em;
  font-size: 0.875em;
  display: flex;
  flex-wrap: wrap;
}
.styles__payment-info--Utd2R ol > * {
  flex-basis: 50%;
  max-width: 50%;
}
@media (max-width: 1024px) {
  .styles__payment-info--Utd2R ol > * {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.styles__payment-info--Utd2R ol li {
  text-align: left;
  padding: 0.5em 0 0.5em 0.5em;
}
.styles__payment-info--Utd2R ol li::marker {
  font-weight: bold;
  color: var(--color-secondary-c);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/pages/PaymentConfirmPage/styles.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles__title--eMLkH {
  margin-bottom: 2rem;
}

.styles__old-confirm-page--RE2WK {
  padding: 30px;
}

.styles__countdown-timer-box--gZOCk {
  padding-top: 100px !important;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/ProgressBar/styles.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__progress-bar--eyD2m {
  position: relative;
  height: 1em;
  background: var(--color-secondary-g);
  box-shadow: inset 0 0.0625em 0.0625em var(--color-shadow);
}
.styles__progress-bar--eyD2m.styles__new-style--MdnCU {
  background: var(--color-gray-25);
  box-shadow: none;
  height: 0.5rem;
  width: 100%;
}
.styles__progress-bar--eyD2m.styles__new-style--MdnCU, .styles__progress-bar--eyD2m.styles__new-style--MdnCU > div {
  border-radius: 0.25rem;
}
.styles__progress-bar--eyD2m.styles__new-style--MdnCU > div {
  border-radius: 4px;
  background: var(--Primary-400, #038cfc);
  transition: width 0.2s ease-in-out;
}
.styles__progress-bar--eyD2m, .styles__progress-bar--eyD2m > div {
  border-radius: 0.5em;
}
.styles__progress-bar--eyD2m > div {
  position: absolute;
  inset: 0 auto 0 0;
  background: var(--color-secondary-a);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/pages/SettlementOfferLandingPage/styles.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__payment-form--beJ3l {
  flex-wrap: nowrap !important;
  flex-direction: row;
}
@media (max-width: 600px) {
  .styles__payment-form--beJ3l {
    flex-direction: column;
  }
}
.styles__payment-form--beJ3l label {
  width: 50%;
  flex-basis: 50%;
  padding: 0 !important;
}
@media (max-width: 600px) {
  .styles__payment-form--beJ3l label {
    width: 100%;
  }
}
.styles__payment-form--beJ3l label section {
  margin: 0;
  border-radius: 12px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  height: 50px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border: 1px solid var(--color-gray-25);
  justify-content: space-around;
}
@media (max-width: 600px) {
  .styles__payment-form--beJ3l label section {
    justify-content: flex-start;
  }
}
.styles__payment-form--beJ3l label section img {
  margin-right: 5px !important;
}
.styles__payment-form--beJ3l label section p {
  font-size: 16px !important;
  line-height: 24px;
  font-weight: 600;
  color: var(--color-primary-600);
  margin: 0;
}

.styles__wrapper-class--P4iBj iframe {
  max-height: 1200px;
}

.styles__information-wrapper--aSJ_z {
  padding: 40px;
  text-align: center;
}
@media (max-width: 600px) {
  .styles__information-wrapper--aSJ_z {
    padding: 40px 0;
  }
}
.styles__information-wrapper--aSJ_z h2 {
  color: var(--color-gray-400);
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}
.styles__information-wrapper--aSJ_z p {
  margin-bottom: 30px;
}
.styles__information-wrapper--aSJ_z button {
  padding: 8px 60px;
}
.styles__information-wrapper--aSJ_z .styles__input-wrapper--kVcbA {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
  border: 1px solid var(--color-gray-25);
  border-radius: 12px;
  padding: 16px;
}
@media (max-width: 600px) {
  .styles__information-wrapper--aSJ_z .styles__input-wrapper--kVcbA {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.styles__information-wrapper--aSJ_z .styles__input-wrapper--kVcbA button {
  width: 100%;
  justify-content: space-between;
}

.styles__toggle-wrapper--J0xwY {
  display: flex;
  justify-content: center;
}
.styles__toggle-wrapper--J0xwY .styles__toggle--B5IRG {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  background: var(--color-primary-25);
  border-radius: 60px;
  padding: 2px;
  font-size: 1.125em;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-bottom: 20px;
}
@media (max-width: 600px) {
  .styles__toggle-wrapper--J0xwY .styles__toggle--B5IRG {
    width: 100%;
  }
}
.styles__toggle-wrapper--J0xwY .styles__toggle-item--HeOzx {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 8px 24px;
  transition: color 0.1s, background 0.1s, box-shadow 0.1s;
  border-radius: 1.5rem;
  color: var(--color-primary-500);
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  cursor: pointer;
}
@media (max-width: 600px) {
  .styles__toggle-wrapper--J0xwY .styles__toggle-item--HeOzx {
    width: 50%;
    padding: 8px;
    font-size: 14px;
  }
}
.styles__toggle-wrapper--J0xwY .styles__toggle-item--HeOzx.styles__active--V5ChY {
  background: var(--color-primary-500);
  color: white;
}

.styles__has-countdown--kBm2t {
  margin-top: 110px;
}

.styles__banner-wrapper--i8tYq {
  position: inherit;
  left: 0;
  width: 100%;
}
.styles__banner-wrapper--i8tYq::after {
  content: "";
  position: relative;
  display: block;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
}

.styles__countdown-timer-banner--Dy2Ii {
  background: var(--color-warning-50);
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  padding: 16px 120px;
  display: flex;
  gap: 14px;
  align-items: center;
}
@media (max-width: 600px) {
  .styles__countdown-timer-banner--Dy2Ii {
    padding: 16px 16px;
  }
}
.styles__countdown-timer-banner--Dy2Ii .styles__timer-countdown--qVCtZ {
  font-size: 18px;
  line-height: 28px;
  display: flex;
  gap: 8px;
}
.styles__countdown-timer-banner--Dy2Ii .styles__timer-countdown--qVCtZ b {
  margin-right: 5px;
}
.styles__countdown-timer-banner--Dy2Ii .styles__tooltip--uU8pK {
  font-size: 12px;
  line-height: 18px;
  display: flex;
  gap: 8px;
  align-items: center;
}
.styles__countdown-timer-banner--Dy2Ii .styles__tooltip--uU8pK .styles__tooltip-info--K3VYj {
  background: var(--color-gray-700);
  color: white;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  white-space: pre-wrap;
  padding: 12px;
  border-radius: 12px;
  z-index: 999999;
}
@media (max-width: 600px) {
  .styles__countdown-timer-banner--Dy2Ii .styles__tooltip--uU8pK .styles__tooltip-info--K3VYj {
    max-width: 250px;
    white-space: normal;
  }
}

.styles__boxes--sMwZb {
  border: 1px solid var(--color-gray-25);
  margin: 32px 0;
  border-radius: 12px;
}
.styles__boxes--sMwZb span {
  font-size: 16px;
  color: var(--color-gray-400);
  line-height: 24px;
  font-weight: 600;
}
.styles__boxes--sMwZb.styles__date-box--Z1kMa {
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.styles__boxes--sMwZb.styles__payment-box--UAhTK {
  padding: 24px 16px;
}
.styles__boxes--sMwZb.styles__payment-box--UAhTK div {
  margin-top: 32px;
  margin-bottom: 0;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/pages/PaymentSuccessPage/styles.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__old-success-page--fB8FQ {
  padding: 30px;
}

.styles__success-page--ZdF6M .styles__title--PjfMj {
  text-align: center;
  margin-bottom: 35px;
}
.styles__success-page--ZdF6M .styles__title--PjfMj .styles__image-container--QyFLy {
  width: 200px;
  height: 242px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}
.styles__success-page--ZdF6M .styles__title--PjfMj .styles__image-container--QyFLy img {
  width: 200px;
}

.styles__buttons-wrapper--x8rnI {
  margin: 40px 0;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 20px;
  flex-direction: row;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--color-gray-25);
}
@media (max-width: 600px) {
  .styles__buttons-wrapper--x8rnI {
    flex-direction: column;
    margin-top: 0;
  }
}
.styles__buttons-wrapper--x8rnI button {
  width: 300px;
  border-radius: 10px;
  padding: 8px 12px;
  border: 1px solid var(--color-gray-200);
  justify-content: center !important;
  margin: 0 !important;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: var(--color-gray-500);
}
@media (max-width: 600px) {
  .styles__buttons-wrapper--x8rnI button {
    width: 100%;
  }
}
.styles__buttons-wrapper--x8rnI button img {
  width: 20px !important;
  margin-right: 10px !important;
}
.styles__buttons-wrapper--x8rnI a {
  color: var(--color-primary-500);
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

button.styles__print-button--qwgou {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}
button.styles__print-button--qwgou img {
  flex-grow: 0;
  flex-shrink: 0;
  width: 2em;
  margin-right: 0.75em;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/pages/FrictionlessLandingPage/styles.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__no-scroll--VCYkQ {
  overflow: hidden;
  display: none;
}

.styles__pplp--xy8ja {
  background: #f1f8ff;
  padding: 30px 8px;
  min-height: 100%;
}
@media (max-width: 768px) {
  .styles__pplp--xy8ja {
    padding: 0;
  }
}
.styles__pplp--xy8ja .styles__plan-tag--i6ulC {
  padding: 4px 10px 4px 12px;
  border-radius: 10px;
  color: var(--color-primary-500);
  background: var(--color-primary-25);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 15px;
}
.styles__pplp--xy8ja .styles__payment-date-picker--_c_tY {
  border: 1px solid var(--color-gray-25);
  border-radius: 12px;
  padding: 16px;
  margin: 30px 0;
  display: grid;
  grid-template-columns: 1fr min-content;
}
@media (max-width: 600px) {
  .styles__pplp--xy8ja .styles__payment-date-picker--_c_tY {
    display: flex;
    flex-direction: column-reverse;
  }
  .styles__pplp--xy8ja .styles__payment-date-picker--_c_tY .styles__right-info--M8vRp {
    border-bottom: 1px solid var(--color-gray-25);
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.styles__pplp--xy8ja .styles__payment-date-picker--_c_tY.styles__reversed--ZikZd {
  grid-template-columns: auto auto;
}
@media (max-width: 600px) {
  .styles__pplp--xy8ja .styles__payment-date-picker--_c_tY.styles__reversed--ZikZd {
    flex-direction: column;
  }
}
.styles__pplp--xy8ja .styles__payment-date-picker--_c_tY.styles__reversed--ZikZd .styles__left-info--EopPP {
  border-right: none;
  margin: 0;
  margin-left: 10px;
  display: grid;
  grid-template-columns: auto auto auto;
  align-items: center;
  gap: 5px;
}
.styles__pplp--xy8ja .styles__payment-date-picker--_c_tY.styles__reversed--ZikZd .styles__left-info--EopPP.styles__without-input--ZV5V2 {
  margin-left: 20px;
  grid-template-columns: auto minmax(auto, 200px);
}
@media (max-width: 600px) {
  .styles__pplp--xy8ja .styles__payment-date-picker--_c_tY.styles__reversed--ZikZd .styles__left-info--EopPP.styles__without-input--ZV5V2 {
    margin-left: 0;
    grid-template-columns: auto;
  }
}
@media (max-width: 600px) {
  .styles__pplp--xy8ja .styles__payment-date-picker--_c_tY.styles__reversed--ZikZd .styles__left-info--EopPP {
    grid-template-columns: auto;
    margin-left: 0;
    gap: 20px;
  }
}
.styles__pplp--xy8ja .styles__payment-date-picker--_c_tY.styles__reversed--ZikZd .styles__left-info--EopPP input {
  width: 65px;
  padding: 8px 12px;
  border: 1px solid var(--color-gray-25);
}
@media (max-width: 600px) {
  .styles__pplp--xy8ja .styles__payment-date-picker--_c_tY.styles__reversed--ZikZd .styles__left-info--EopPP input {
    width: 100%;
  }
}
.styles__pplp--xy8ja .styles__payment-date-picker--_c_tY.styles__reversed--ZikZd .styles__left-info--EopPP input.styles__error--O6o50 {
  border: 1px solid var(--color-error-400);
}
.styles__pplp--xy8ja .styles__payment-date-picker--_c_tY.styles__reversed--ZikZd .styles__left-info--EopPP .styles__amount-error--yhBva {
  grid-column: 1/4;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: var(--color-error-400);
}
@media (max-width: 600px) {
  .styles__pplp--xy8ja .styles__payment-date-picker--_c_tY.styles__reversed--ZikZd .styles__left-info--EopPP .styles__amount-error--yhBva {
    grid-column: auto;
  }
}
.styles__pplp--xy8ja .styles__payment-date-picker--_c_tY.styles__reversed--ZikZd .styles__right-info--M8vRp {
  border-right: 1px solid var(--color-gray-25);
  padding-right: 10px;
}
@media (max-width: 600px) {
  .styles__pplp--xy8ja .styles__payment-date-picker--_c_tY.styles__reversed--ZikZd .styles__right-info--M8vRp {
    border-right: none;
    padding-right: 0;
    margin-bottom: 20px;
  }
}
.styles__pplp--xy8ja .styles__payment-date-picker--_c_tY .styles__left-info--EopPP {
  border-right: 1px solid var(--color-gray-25);
  margin-right: 20px;
}
.styles__pplp--xy8ja .styles__payment-date-picker--_c_tY .styles__left-info--EopPP p {
  margin-bottom: 10px;
}
@media (max-width: 600px) {
  .styles__pplp--xy8ja .styles__payment-date-picker--_c_tY .styles__left-info--EopPP {
    border-right: none;
    margin-right: 0;
  }
  .styles__pplp--xy8ja .styles__payment-date-picker--_c_tY .styles__left-info--EopPP button {
    width: 100%;
    justify-content: space-between;
  }
}
.styles__pplp--xy8ja .styles__payment-date-picker--_c_tY .styles__right-info--M8vRp {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}
.styles__pplp--xy8ja .styles__payment-date-picker--_c_tY .styles__right-info--M8vRp h3 {
  color: var(--color-gray-400);
  font-size: 10px;
  line-height: 16px;
  font-weight: 400;
}
.styles__pplp--xy8ja .styles__payment-date-picker--_c_tY .styles__right-info--M8vRp h1 {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  color: var(--color-primary-500);
}
.styles__pplp--xy8ja .styles__payment-date-picker--_c_tY .styles__right-info--M8vRp h1 span {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  margin-right: 4px;
}
.styles__pplp--xy8ja .styles__payment-date-picker--_c_tY p {
  margin-top: 0;
  color: var(--color-gray-500);
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ {
  border-radius: 0px 0px 12px 12px;
  margin: 0 auto;
  max-width: 820px;
  height: -moz-fit-content;
  height: fit-content;
  background: white;
  padding: 40px 102px;
  position: relative;
  margin-top: 60px;
}
@media (max-width: 768px) {
  .styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ {
    width: 100%;
    padding: 8px 60px 40px;
  }
}
@media (max-width: 600px) {
  .styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ {
    padding: 0 20px 40px;
  }
}
.styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ h1 {
  font-size: 30px;
  line-height: 38px;
  font-weight: 600;
  color: var(--color-primary-600);
  width: -moz-fit-content;
  width: fit-content;
}
.styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ h1.styles__centered--JzZAC {
  margin: auto;
  margin-bottom: 1rem;
  text-align: center;
}
.styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ .styles__legal--MsAPv {
  color: var(--color-gray-300);
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}
.styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ .styles__legal--MsAPv .styles__credit-disclosure--wDJv8 {
  background: #f2f8ff;
  padding: 24px;
  border-radius: 12px;
  margin: 20px 0;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}
.styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ .styles__legal--MsAPv a {
  font-weight: 600;
  text-decoration: underline;
}
.styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ .styles__legal--MsAPv div {
  margin-bottom: 25px;
}
.styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ .styles__legal--MsAPv .styles__disclosure-border--SiMFU {
  border-top: 1px solid var(--color-gray-25);
  padding-top: 25px;
}
.styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ .styles__stepper--NZ3AT {
  width: 100%;
  height: 50px;
  position: absolute;
  background: var(--color-primary-700);
  left: 0;
  top: -60px;
  border-radius: 12px 12px 0px 0px;
  padding: 8px 24px 8px 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ .styles__stepper--NZ3AT img {
  width: 100%;
}
@media (max-width: 768px) {
  .styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ .styles__stepper--NZ3AT {
    background: white;
    height: 60px;
    padding: 0 60px;
  }
}
@media (max-width: 600px) {
  .styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ .styles__stepper--NZ3AT {
    padding: 0 20px;
  }
}
.styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ .styles__stepper--NZ3AT.styles__has-back-arrow--a_Eqq {
  display: grid;
  grid-template-columns: 5% 95%;
}
.styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ .styles__stepper--NZ3AT.styles__has-back-arrow--a_Eqq button {
  padding: 10px;
}
.styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ .styles__plan-box-wrapper--TGAsj {
  display: grid;
  gap: 15px;
  grid-template-columns: repeat(2, calc(50% - 7.5px));
  padding-bottom: 30px;
  position: relative;
  border-bottom: 1px solid var(--color-gray-25);
}
@media (max-width: 600px) {
  .styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ .styles__plan-box-wrapper--TGAsj {
    margin-bottom: 20px;
    border-bottom: none;
    padding-bottom: 20px;
    display: block;
  }
}
.styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ .styles__plan-box-wrapper--TGAsj .styles__plan-box--VqVbP {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  border: 1px solid var(--color-gray-25);
  padding: 32px 24px 40px 24px;
  position: relative;
}
.styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ .styles__plan-box-wrapper--TGAsj .styles__plan-box--VqVbP.styles__most-offered--hBq1T {
  border: 2.5px solid var(--color-primary-500);
  overflow: hidden;
  height: 100%;
}
.styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ .styles__plan-box-wrapper--TGAsj .styles__plan-box--VqVbP.styles__most-offered--hBq1T .styles__tag--j10vY {
  position: absolute;
  top: 8px;
  right: -30px;
  transform: rotate(40deg);
  background: #0563c7;
  color: white;
  padding: 5px 32px;
  font-size: 8px;
  line-height: 16px;
  font-weight: 600;
}
.styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ .styles__plan-box-wrapper--TGAsj .styles__plan-box--VqVbP .styles__primary-text--f6Ewj {
  color: var(--color-gray-400);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ .styles__plan-box-wrapper--TGAsj .styles__plan-box--VqVbP .styles__primary-text--f6Ewj div {
  margin-top: 10px;
  color: var(--color-primary-500);
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 20px;
  line-height: 30px;
  border-bottom: 1px solid var(--color-gray-25);
  padding-bottom: 15px;
}
.styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ .styles__plan-box-wrapper--TGAsj .styles__plan-box--VqVbP .styles__primary-text--f6Ewj div span {
  font-size: 36px;
  line-height: 44px;
  font-weight: 600;
}
.styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ .styles__plan-box-wrapper--TGAsj .styles__plan-box--VqVbP .styles__secondary-text--uykD6 {
  color: var(--color-gray-400);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin: 15px 0;
}
.styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ .styles__plan-box-wrapper--TGAsj .styles__plan-box--VqVbP .styles__secondary-text--uykD6::first-letter {
  text-transform: capitalize;
}
.styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ .styles__plan-box-wrapper--TGAsj .styles__plan-box--VqVbP .styles__secondary-text--uykD6 .styles__primary-button--axHF9 {
  margin-top: 15px;
  width: 100%;
}
.styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ .styles__plan-box-wrapper--TGAsj .styles__plan-box--VqVbP .styles__message--preIf {
  font-size: 10px;
  line-height: 16px;
  color: var(--color-gray-300);
  margin-bottom: 0;
  margin-top: 15px;
  font-weight: 400;
}
.styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ .styles__plan-box-wrapper--TGAsj .styles__plan-box--VqVbP button {
  padding: 8px 10px 8px 10px;
  border-radius: 10px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-shadow: none;
}
.styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ .styles__plan-box-wrapper--TGAsj .styles__plan-box--VqVbP button.styles__primary-button--axHF9 {
  background: var(--color-primary-500);
  color: white;
}
.styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ .styles__plan-box-wrapper--TGAsj .styles__plan-box--VqVbP button.styles__secondary-button--X03eb {
  background: white;
  color: var(--color-gray-500);
  border: 1px solid var(--color-gray-200);
}
.styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ .styles__plan-box-wrapper--TGAsj .styles__plan-box--VqVbP .styles__choose-halfline--VZQ8t {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ .styles__plan-box-wrapper--TGAsj .styles__plan-box--VqVbP .styles__choose-halfline--VZQ8t .styles__line--X9xRA {
  height: 1px;
  width: 40%;
  background: var(--color-gray-50);
}
.styles__pplp--xy8ja .styles__payment-plan-box--lqlg_ .styles__plan-box-wrapper--TGAsj .styles__plan-box--VqVbP .styles__choose-halfline--VZQ8t .styles__or--LMdQr {
  color: var(--color-gray-100);
  font-size: 10px;
  line-height: 16px;
  font-weight: 600;
}

.styles__button-wrapper--CIiL7 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 40px 0;
}
@media (max-width: 600px) {
  .styles__button-wrapper--CIiL7 {
    margin: 20px 0;
  }
}
.styles__button-wrapper--CIiL7 button {
  min-width: 200px;
}
@media (max-width: 600px) {
  .styles__button-wrapper--CIiL7 button {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .styles__button-wrapper--CIiL7.styles__confirm-payment-button--IeRcg {
    display: none;
  }
}
.styles__button-wrapper--CIiL7.styles__button-small--qwNsA {
  margin-bottom: 20px;
}
.styles__button-wrapper--CIiL7.styles__button-small--qwNsA button {
  font-size: 14px;
  line-height: 20px;
}

.styles__payment-method-wrapper--fUzXg {
  display: grid;
  -moz-column-gap: 20px;
       column-gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-flow: column;
}
@media (max-width: 600px) {
  .styles__payment-method-wrapper--fUzXg {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
  }
}
.styles__payment-method-wrapper--fUzXg .styles__details-wrapper--IIZVF {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.styles__payment-method-wrapper--fUzXg .styles__payment-buttons--lUOZL {
  display: flex;
  flex-direction: column;
}
.styles__payment-method-wrapper--fUzXg .styles__payment-buttons--lUOZL label {
  max-width: 100%;
  flex-basis: 100%;
  padding: 0;
}
.styles__payment-method-wrapper--fUzXg .styles__payment-buttons--lUOZL label section {
  margin: 0;
  border-radius: 12px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  height: 50px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border: 1px solid var(--color-gray-25);
}
.styles__payment-method-wrapper--fUzXg .styles__payment-buttons--lUOZL label section p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: var(--color-primary-600);
  margin: 0;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/TableCard/styles.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__table-card--cABoP {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--color-primary-600);
  border: 1px solid var(--color-gray-25);
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.styles__table-card--cABoP h2 {
  color: var(--color-primary-600);
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
}
.styles__table-card--cABoP table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 10px;
}
.styles__table-card--cABoP table th,
.styles__table-card--cABoP table td {
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: var(--color-gray-400);
  vertical-align: middle;
}
.styles__table-card--cABoP table th {
  text-align: left;
  font-weight: 400;
}
.styles__table-card--cABoP table td {
  text-align: right;
  font-weight: 600;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/AccountDetails/styles.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__account-details--qBqWs {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 10px;
}
.styles__account-details--qBqWs th, .styles__account-details--qBqWs td {
  font-size: 16px;
  line-height: 24px;
  color: var(--color-gray-400);
  font-weight: 400;
  vertical-align: middle;
}
.styles__account-details--qBqWs th {
  text-align: left;
}
.styles__account-details--qBqWs td {
  text-align: right;
  font-weight: 600;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/Dropdown/styles.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__dropdown--w_W2s {
  display: inline-block;
  position: relative;
  text-align: left;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.styles__dropdown--w_W2s a {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}
.styles__dropdown--w_W2s a:hover {
  text-decoration: none;
}
.styles__dropdown--w_W2s .styles__dropdown-label--aekgX {
  color: var(--color-primary-600);
}
.styles__dropdown--w_W2s label {
  position: relative;
  display: block;
}
.styles__dropdown--w_W2s.styles__outline--OtnDm {
  border: 0.0125em solid var(--color-fg);
  border-radius: 0.5em;
  padding: 0.25em 0.5em;
}
.styles__dropdown--w_W2s[data-is-open=true] label::after {
  transform: rotate(90deg);
}
.styles__dropdown--w_W2s[data-is-open=true] ul {
  visibility: visible;
  z-index: 10000;
}
.styles__dropdown--w_W2s ul {
  visibility: hidden;
  position: absolute;
  overflow-y: scroll;
  top: 100%;
  right: 0;
  margin-top: 10px;
  background: var(--color-bg);
  border-radius: 10px;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);
}
.styles__dropdown--w_W2s ul.styles__full--HFyZU {
  width: 100%;
}
.styles__dropdown--w_W2s ul .styles__title--ySKoh {
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-gray-500);
  padding: 0.75em 1em;
}
.styles__dropdown--w_W2s ul.styles__compact--Dpqxe {
  padding: 0.25em 0.25em;
  margin-top: 0.25em;
  left: 0;
  right: unset;
}
.styles__dropdown--w_W2s ul.styles__compact--Dpqxe li {
  padding: 0.5em 0.5em;
  border-radius: 0;
  white-space: nowrap;
}
.styles__dropdown--w_W2s ul.styles__compact--Dpqxe li:not(:first-child) {
  border-top: 1px solid var(--color-disabled);
}
.styles__dropdown--w_W2s ul li {
  list-style-type: none;
  padding: 0.75em 0.75em;
}
.styles__dropdown--w_W2s ul li a {
  color: var(--color-gray-500);
}
.styles__dropdown--w_W2s ul li:not(:first-child) {
  border-top: 1px solid #F0F0F5;
}
.styles__dropdown--w_W2s label,
.styles__dropdown--w_W2s ul li {
  cursor: pointer;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/AccountSelect/styles.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__account-select--RNigg {
  width: 100%;
}
.styles__account-select--RNigg label a {
  margin: 0;
  padding: 0;
  color: #667085 !important;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.styles__account-select--RNigg ul {
  width: 145px;
}
.styles__account-select--RNigg ul li a {
  font-weight: 400;
  margin: 0;
  padding: 0;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/AuthBarrier/styles.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

header {
  position: fixed;
  z-index: 100000;
  top: 0;
  background: var(--color-bg);
  width: 100%;
  height: 3em;
  box-shadow: 0 0 1em var(--color-shadow);
}
@media print {
  header {
    /* this is the one time we'll permit the use of !important */
    display: none !important;
  }
}

.styles__container--dwlme {
  height: 100%;
}

.styles__header-logo--TkMBm {
  position: absolute;
  left: 1em;
  top: 0.125em;
  height: 2.5em;
}
.styles__header-logo--TkMBm:hover {
  opacity: 0.6;
}

.styles__mobile-nav-toggle--sFAEE {
  display: none;
}

.styles__dropdowns--JtwU0 {
  position: absolute;
  top: 0.75rem;
  right: 0;
}
.styles__dropdowns--JtwU0 > * {
  margin-right: 0.5rem;
}
@media (max-width: 600px) {
  .styles__dropdowns--JtwU0 {
    font-size: 1.125em;
  }
}

.styles__wrapper--mGHe3 {
  display: grid;
  grid-template-columns: var(--width-navbar) auto;
  height: calc(100% - var(--height-header));
}
@media (max-width: 768px) {
  .styles__wrapper--mGHe3 {
    display: block;
  }
}

@media (max-width: 768px) {
  .styles__mobile-nav-toggle--sFAEE {
    display: block;
  }
  .styles__mobile-nav-toggle--sFAEE label {
    padding: 0 0.5em 0 0.75em;
    font-size: 2rem;
  }
  .styles__mobile-nav-toggle--sFAEE label:hover {
    opacity: 0.6;
  }
  .styles__mobile-nav-toggle--sFAEE a {
    position: relative;
    top: 0.375em;
  }
  .styles__no-overflow--UvvsH {
    overflow: hidden;
  }
  .styles__header-logo--TkMBm {
    display: none;
  }
  .styles__content-section-nav--EcpiG {
    margin-left: 0;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/styles/base.scss (1) ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

* {
  padding: 0;
  margin: 0;
  border: 0;
  text-decoration: none;
  vertical-align: top;
  outline: none;
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  min-height: 100%;
}

.quiq-togglechatbutton-button {
  background: #0563c7 !important;
}

@media print {
  .quiq-floating-element {
    display: none;
  }
}
#app {
  position: relative;
  height: 100%;
  min-height: 100%;
  background: white;
}

.slide-pane.slide-pane_from_right {
  border-radius: 12px 0 0 12px;
}

html {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
}

/* TODO font sizes for smaller breakpoints */
body {
  background: var(--color-body);
  color: var(--color-fg);
}

main {
  height: 100%;
}
main p {
  margin: 1em 0;
}

button {
  cursor: pointer;
  font-size: 1em;
}
@media (max-width: 600px) {
  button {
    font-size: 1.25em;
  }
}
button > a {
  text-decoration: underline;
}

h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

h1 {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
@media (max-width: 600px) {
  h1 {
    font-size: 1.25rem;
  }
}

h2 {
  font-size: 2rem;
}
@media (max-width: 600px) {
  h2 {
    font-size: 1.125rem;
  }
}

h3 {
  font-size: 1.25rem;
}
@media (max-width: 600px) {
  h3 {
    font-size: 1rem;
  }
}

a {
  color: var(--color-secondary-c);
}
a[href^="tel:"], a[href^="mailto:"] {
  white-space: nowrap;
}
a:hover {
  text-decoration: underline;
}

main section {
  background: var(--color-bg);
  border-radius: var(--border-radius-section);
  box-shadow: 0 0.125em 0.25em var(--color-shadow);
  margin: 1em 0;
  padding: 1.5rem;
  display: block;
}

@media (max-width: 600px) {
  main {
    font-size: 1em;
  }
}
@media (max-width: 320px) {
  main {
    font-size: 0.875em;
  }
  main section {
    padding: 0.75em;
    margin: 0.5em 0;
  }
}

hr {
  border: 0.0125rem solid var(--color-shadow);
  margin: 1em 0;
}

input[type=text],
input[type=number],
input[type=tel],
input[type=email],
textarea {
  border-radius: 10px;
  border: 1px solid var(--color-active);
  padding: 10px 14px;
  box-shadow: 0px 1px 2px 0px var(--color-input-shadow);
}

.font-xsmall {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}
.font-small {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.font-medium {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.font-large {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}
.font-xlarge {
  font-size: 1.5rem !important;
  line-height: 2rem !important;
}
.font-xxlarge {
  font-size: 2rem !important;
  line-height: 2.5rem !important;
}
.font-bold {
  font-weight: 600 !important;
}
.font-semibold {
  font-weight: 500 !important;
}
.font-normal {
  font-weight: 400 !important;
}
.font-light {
  font-weight: 300 !important;
}
.font-black {
  font-weight: 900 !important;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-items-center {
  align-items: center;
}
.flex-justify-between {
  justify-content: space-between;
}
.flex-justify-end {
  justify-content: flex-end;
}
.flex-justify-start {
  justify-content: flex-start;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/TextInput/styles.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__input-element--TldOv {
  display: inline-block;
  border: 1px solid var(--color-primary-a);
  border-radius: 0.5em;
  padding: 0 0.75em;
  font-size: 1em;
  height: 2.5em;
  box-shadow: inset 0 0.125em 0.25em var(--color-shadow);
}
.styles__input-element--TldOv::-moz-placeholder {
  color: var(--color-disabled);
}
.styles__input-element--TldOv::placeholder {
  color: var(--color-disabled);
}

.styles__input-element--TldOv {
  width: 100%;
}

.styles__error-border--KOT8j {
  border: 1px solid var(--color-error-300) !important;
}

.styles__input-label--CLdvk {
  display: block;
  position: relative;
  margin: 1em 0 0.25em 0;
}

.styles__input-tooltip--j8ez5 {
  background: none;
  border: 1px solid var(--color-fg);
  border-radius: 1em;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5;
  text-align: center;
  position: absolute;
  right: 0;
  top: -0.25em;
}

.styles__input-error--P_SRk {
  color: var(--color-error-400);
}

.styles__input-required--OP9tv {
  color: var(--color-error);
  margin-left: 5px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/ErrorPageContent/styles.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__error-page--O6DyM {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: auto;
  max-width: 80rem;
}
.styles__error-page--O6DyM > img {
  width: 45%;
}
.styles__error-page--O6DyM > div {
  font-size: 1.25em;
  width: 50%;
  margin-left: 5%;
}
.styles__error-page--O6DyM > div > * {
  margin-right: 2.5%;
}
.styles__error-page--O6DyM > div h1 {
  font-size: 4em;
}
.styles__error-page--O6DyM > div h2 {
  font-size: 1.5em;
}
.styles__error-page--O6DyM a {
  display: block;
  margin: 0.5em auto auto auto;
  text-align: center;
}
@media (max-width: 768px) {
  .styles__error-page--O6DyM > img {
    margin: auto;
    width: 75%;
    min-width: 10em;
  }
  .styles__error-page--O6DyM > div {
    font-size: 1.25em;
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 320px) {
  .styles__error-page--O6DyM > div {
    font-size: 1em;
  }
  .styles__error-page--O6DyM > div h1 {
    font-size: 2em;
  }
  .styles__error-page--O6DyM > div h2 {
    font-size: 1.25em;
  }
  .styles__error-page--O6DyM a {
    font-size: 1em;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/Expander/styles.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__expander--iI5qM {
  border: 1px solid var(--color-gray-25);
  padding: 16px 24px;
  border-radius: 12px;
  margin-top: 30px;
  background: white;
}
.styles__expander--iI5qM .styles__expanderLabel--eWx3G {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  width: 100%;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  color: var(--color-primary-600);
}
.styles__expander--iI5qM .styles__expanderLabel--eWx3G svg {
  transform: rotate(180deg);
  transition: transform 0.2s linear;
}
.styles__expander--iI5qM .styles__expanderLabel--eWx3G[data-expanded=true] {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-gray-25);
}
.styles__expander--iI5qM .styles__expanderLabel--eWx3G[data-expanded=true] svg {
  transform: rotate(360deg);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/GoBack/styles.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__go-back--wy22g {
  display: inline-block;
  margin: 0.5em 0;
  font-size: 1.25em;
  color: var(--color-fg);
  cursor: pointer;
}
.styles__go-back--wy22g:hover {
  text-decoration: none;
}
.styles__go-back--wy22g::before {
  content: "⬅";
  font-size: 0.875em;
  font-weight: bold;
  padding-right: 0.375em;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/LegalFooter/styles.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__link--WLWh0 {
  font-weight: bold;
  text-decoration: underline;
  color: var(--color-gray-300);
}

.styles__footer-text--sGeyX p {
  color: var(--color-gray-300);
  font-size: 13px;
}

.styles__copy-right--_3AE5 {
  color: var(--color-gray-400);
}

.styles__wrapper--AxWo3 {
  margin-top: 30px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/Modal/styles.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.modal {
  position: fixed;
  inset: 0 0 0 0;
  background: rgba(0, 0, 0, 0.125);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.modal dialog {
  position: relative;
  margin: auto;
  max-width: 66%;
  padding: 2.25rem 1.5rem 1.5rem 1.5rem;
  border-radius: 1rem;
  box-shadow: 0 0.125rem 0.125rem var(--color-shadow);
}
.modal .close {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  background: none;
  font-size: 1.5em;
  padding: 0.5em 0.75em;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/MultipleChoice/styles.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__multiple-choice--mE1Iz {
  display: flex;
  flex-wrap: wrap;
}
.styles__multiple-choice--mE1Iz input {
  visibility: hidden;
  max-width: 0;
  max-height: 0;
}
.styles__multiple-choice--mE1Iz label {
  border-radius: 0.5em;
  box-shadow: 0em 0.125em 0.25em var(--color-shadow);
  padding: 0.5em 1em;
  margin: 0.5em;
  border: 0.125em solid rgba(0, 0, 0, 0);
  background: var(--color-bg);
}
.styles__multiple-choice--mE1Iz input:checked + label {
  border: 0.125em solid var(--color-secondary-c);
  box-shadow: 0 0 0.25em var(--color-glow);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/NavBar/styles.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__navbar-overlay--HJwgt {
  background: none;
  height: 100%;
  max-width: var(--width-navbar);
}

.styles__backdrop--I3Itw {
  display: none;
}

.styles__reference-tag--EU5Ra {
  color: #667085;
  font-size: 14px;
  line-height: 20px;
}

.styles__info-row--VGD6T {
  display: grid;
  grid-template-columns: 40px auto;
  align-items: center;
}
.styles__info-row--VGD6T span {
  margin: 0;
  text-align: center;
}
.styles__info-row--VGD6T.styles__user-info--R_ySQ {
  margin-bottom: 30px;
  margin-top: 20px;
}
.styles__info-row--VGD6T.styles__user-info--R_ySQ h6 {
  color: var(--color-gray-500);
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.styles__navbar-container--AL9lz {
  display: block;
  width: 280px;
  background: var(--color-bg);
  overflow-y: auto;
  height: 100%;
  border-right: 1px solid #EAECF0;
  padding: 10px 20px;
  position: relative;
}
.styles__navbar-container--AL9lz a {
  display: grid;
  grid-template-columns: 40px auto;
  align-items: center;
  position: relative;
  margin: 1em 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: var(--color-gray-500);
  padding: 10px 0;
}
.styles__navbar-container--AL9lz a[data-active-route] {
  border-radius: 6px;
  background: var(--color-primary-25);
  color: var(--color-primary-500);
}
.styles__navbar-container--AL9lz a[data-active-route] img path {
  fill: var(--color-primary-500);
}
.styles__navbar-container--AL9lz a span {
  margin: 0;
  text-align: center;
}

.styles__navbar-user-info--SPXrs {
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}

.styles__navbar-full-name--lceLw,
.styles__navbar-reference-number--WXhcy {
  color: var(--color-fg-alt);
}

.styles__logo--VbPWv {
  margin-right: 15px;
}

.styles__navbar-logout--ScJue {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 10px;
}
.styles__navbar-logout--ScJue a {
  display: flex;
  margin: 15px;
  padding-top: 15px;
  border-top: 1px solid #EAECF0;
  justify-content: space-between;
}
.styles__navbar-logout--ScJue a span {
  margin: 0;
}

@media (max-width: 768px) {
  .styles__navbar-overlay--HJwgt {
    display: none;
    position: fixed;
    z-index: 1;
    height: calc(100% - var(--height-header));
    top: var(--height-header);
  }
  .styles__backdrop--I3Itw {
    display: none;
    width: calc(100% - var(--width-navbar));
    height: calc(100% - var(--height-header));
    position: fixed;
    top: 80px;
    background: rgba(16, 24, 40, 0.2);
    right: 0;
    z-index: 1;
  }
  .styles__toggled--bh6Ji {
    display: block;
  }
  #toggle-nav:checked + div {
    display: block;
  }
}
@media (max-width: 600px) {
  .styles__navbar-overlay--HJwgt {
    width: 100%;
    max-width: 100%;
  }
  .styles__navbar-container--AL9lz {
    width: 100%;
  }
  .styles__backdrop--I3Itw {
    display: none;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/OfferHeader/styles.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__offer-header--Kfg2l {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background: var(--color-secondary-c);
  background: linear-gradient(var(--color-secondary-c) 10%, var(--color-glow) 250%);
  color: #fff;
  border-radius: var(--border-radius-section) var(--border-radius-section) 0 0;
  box-shadow: 0 0.125em 0.125em var(--color-shadow);
  text-align: left;
}
.styles__offer-header-desc--vZXRy {
  color: var(--color-secondary-b);
}
@media (max-width: 320px) {
  .styles__offer-header-desc--vZXRy {
    font-size: 0.875em;
  }
}
.styles__offer-header--Kfg2l p {
  color: white;
}
.styles__offer-header--Kfg2l > div {
  padding: 0.75rem 0.25em;
}
.styles__offer-header--Kfg2l > div:first-child {
  padding-left: 1.5rem;
}
.styles__offer-header--Kfg2l > div:last-child {
  padding-right: 1.5rem;
}
.styles__offer-header--Kfg2l > div p {
  margin: 0;
}
.styles__offer-header--Kfg2l > div p:first-child {
  margin-bottom: 0.125em;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/OptionList/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__option-list--DopoC {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}
.styles__option-list--DopoC > * {
  flex-basis: 50%;
  max-width: 50%;
}
@media (max-width: 768px) {
  .styles__option-list--DopoC > * {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.styles__option-list--DopoC li {
  list-style-type: none;
}
.styles__option-list--DopoC li > input[type=radio] {
  display: none;
}
.styles__option-list--DopoC li > input[type=radio]:checked + label {
  border-color: var(--color-secondary-c);
}
.styles__option-list--DopoC li > label {
  background: var(--color-bg);
  border-radius: var(--border-radius-section);
  box-shadow: 0 0.125em 0.25em var(--color-shadow);
  margin: 1em 0;
  padding: 1.5rem;
  display: block;
  cursor: pointer;
  color: var(--color-fg);
  border: 0.125rem solid transparent;
  align-items: center;
  margin: 1em 0.5em;
  margin: 0 0.5em 1em 0.5em;
}
.styles__option-list--DopoC li > label:hover {
  background: var(--color-secondary-g);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/PaymentInfo/styles.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__payment-info--KsHvQ {
  font-size: 16px;
  line-height: 24px;
  color: var(--color-gray-400);
  width: 100%;
  border-collapse: collapse;
  margin: 25px 0;
}
.styles__payment-info--KsHvQ th,
.styles__payment-info--KsHvQ td {
  padding: 8px 0;
  vertical-align: middle;
}
.styles__payment-info--KsHvQ th {
  text-align: left;
  font-weight: 400;
}
.styles__payment-info--KsHvQ td {
  text-align: right;
}
.styles__payment-info--KsHvQ .styles__payment-method-row--jCWpt th,
.styles__payment-info--KsHvQ .styles__payment-method-row--jCWpt td {
  padding-bottom: 15px;
}
.styles__payment-info--KsHvQ .styles__total-balance-row--ssGE_ th,
.styles__payment-info--KsHvQ .styles__total-balance-row--ssGE_ td {
  border-top: 1px solid var(--color-gray-25);
  padding-top: 15px;
}
.styles__payment-info--KsHvQ .styles__total-balance-row--ssGE_.styles__border-bottom--iyS5b th,
.styles__payment-info--KsHvQ .styles__total-balance-row--ssGE_.styles__border-bottom--iyS5b td {
  border-bottom: 1px solid var(--color-gray-25);
  padding-bottom: 15px;
}
.styles__payment-info--KsHvQ .styles__total-balance-row--ssGE_ .styles__promo-code-row--YvzR5 {
  display: flex;
  flex-direction: column;
}
.styles__payment-info--KsHvQ ol {
  display: block;
  margin-left: 2em;
  font-size: 0.875em;
  display: flex;
  flex-wrap: wrap;
}
.styles__payment-info--KsHvQ ol > * {
  flex-basis: 50%;
  max-width: 50%;
}
@media (max-width: 1024px) {
  .styles__payment-info--KsHvQ ol > * {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.styles__payment-info--KsHvQ ol li {
  text-align: left;
  padding: 0.5em 0 0.5em 0.5em;
}
.styles__payment-info--KsHvQ ol li::marker {
  font-weight: bold;
  color: var(--color-secondary-c);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/PaymentMethodForm/styles.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__payment-method-select--UU3Cj {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}
.styles__payment-method-select--UU3Cj > * {
  flex-basis: 50%;
  max-width: 50%;
}
@media (max-width: 768px) {
  .styles__payment-method-select--UU3Cj > * {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.styles__payment-method-select--UU3Cj > label {
  cursor: pointer;
  padding: 0 1em;
}
.styles__payment-method-select--UU3Cj > label:first-of-type {
  padding-left: 0;
}
.styles__payment-method-select--UU3Cj > label:last-of-type {
  padding-right: 0;
}
.styles__payment-method-select--UU3Cj > label section {
  display: flex;
}
.styles__payment-method-select--UU3Cj > label section.styles__selected--S4kBI {
  border: 2.5px solid var(--color-primary-600);
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);
}
.styles__payment-method-select--UU3Cj > label section img {
  margin-right: 1em;
}
.styles__payment-method-select--UU3Cj > label section p {
  font-size: 1.25em;
}
@media (max-width: 768px) {
  .styles__payment-method-select--UU3Cj > label {
    padding-left: 0;
    padding-right: 0;
  }
}

.styles__payments--FFqPT {
  box-shadow: none;
  padding: 0;
  border: none;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/PaymentHistory/styles.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__payment-history--pvgtd h4 {
  font-weight: bold;
}
.styles__payment-history--pvgtd table {
  width: 100%;
  text-align: center;
  border-spacing: 0.5em;
  margin-top: 1em;
}
.styles__payment-history--pvgtd table th,
.styles__payment-history--pvgtd table td {
  vertical-align: middle;
}
.styles__payment-history--pvgtd table td {
  padding: 0.25em 0;
  width: 25%;
}
.styles__payment-history--pvgtd table td[data-column-name=statusCode] {
  border-radius: 0.5em;
}
.styles__payment-history--pvgtd table td[data-column-name=statusCode][data-column-value=PAID] {
  background: #d1eaad;
}
.styles__payment-history--pvgtd table td[data-column-name=statusCode][data-column-value=FAILURE] {
  background: #fccfcf;
}
.styles__payment-history--pvgtd table tfoot td {
  text-align: center;
}

.styles__payment-history-empty--J0D20 {
  text-align: center;
}
.styles__payment-history-empty--J0D20 h2 {
  margin: 1em auto;
}
.styles__payment-history-empty--J0D20 img {
  width: 75%;
  max-width: 75vh;
}

.styles__wrapper--DvH4S {
  margin-top: 20px;
}
.styles__wrapper--DvH4S a {
  margin-top: 10px;
  text-align: center;
}
.styles__wrapper--DvH4S h4 {
  font-size: 16px;
  line-height: 24px;
  color: var(--color-primary-600);
  font-weight: 600;
}
.styles__wrapper--DvH4S .styles__history-row--AOIn8 {
  border-bottom: 1px solid var(--color-gray-25);
  padding: 10px 0;
}
.styles__wrapper--DvH4S .styles__history-row--AOIn8:last-of-type {
  border-bottom: none;
}
.styles__wrapper--DvH4S .styles__info-row--w7_vi {
  display: flex;
  justify-content: space-between;
}
.styles__wrapper--DvH4S .styles__info-row--w7_vi:nth-of-type(2n) {
  margin-top: 10px;
}
.styles__wrapper--DvH4S .styles__info-row--w7_vi span {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-gray-400);
}
.styles__wrapper--DvH4S .styles__info-row--w7_vi .styles__status-tag--IeUy0 {
  padding: 3px;
  font-size: 12px;
  line-height: 18px;
  border-radius: 999px;
  width: 55px;
  text-align: center;
}
.styles__wrapper--DvH4S .styles__info-row--w7_vi .styles__status-tag--IeUy0.styles__paid-tag--P29Zj {
  color: #02643B;
  background: #D1FAE2;
}
.styles__wrapper--DvH4S .styles__info-row--w7_vi .styles__status-tag--IeUy0.styles__failure-tag--EM4qt {
  color: #5A110C;
  background: #FBD3D0;
}
.styles__wrapper--DvH4S .styles__info-row--w7_vi .styles__balance--JOT_o {
  font-weight: 600;
}
.styles__wrapper--DvH4S .styles__info-row--w7_vi .styles__balance--JOT_o span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 10px;
  line-height: 16px;
  color: var(--color-primary-600);
}
.styles__wrapper--DvH4S .styles__info-row--w7_vi .styles__balance--JOT_o span.styles__secondary--vmvMD {
  color: var(--color-gray-400);
}
.styles__wrapper--DvH4S .styles__info-row--w7_vi .styles__balance--JOT_o span h5 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/SettlementOfferOption/styles.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__settlement-option--OoTH3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.styles__settlement-option--OoTH3 p {
  margin: 1em 0;
}
.styles__settlement-option--OoTH3 div {
  font-size: 1em;
  background: var(--color-secondary-c);
  color: var(--color-bg);
  border-radius: 1em;
  padding: 0.5em 1em;
}
@media (max-width: 600px) {
  .styles__settlement-option--OoTH3 {
    display: block;
    text-align: center;
  }
  .styles__settlement-option--OoTH3 p {
    margin-top: 0;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/Split/styles.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__split--OPfil {
  display: flex;
  flex-wrap: wrap;
}
.styles__split--OPfil > * {
  min-width: 50%;
  width: 50%;
  max-width: 50%;
  flex-basis: 50%;
}

@media (max-width: 600px) {
  .styles__split-small--SH0hC > * {
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
  }
}

@media (max-width: 768px) {
  .styles__split-medium--RmgA9 > * {
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
  }
}

@media (max-width: 1024px) {
  .styles__split-large--LvLcn > * {
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/Toggle/styles.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__toggle--vnE6y {
  display: inline-block;
  background: rgba(var(--color-secondary-a), 0.25);
  border-radius: 1.5rem;
  padding: 0.25em;
  font-size: 1.125em;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-shadow: inset 0 0.125em 0.25em var(--color-shadow);
}
.styles__toggle--vnE6y > input[type=radio] {
  display: none;
}
.styles__toggle--vnE6y > input[type=radio]:checked + .styles__toggle-item--z0SeV {
  background: var(--color-secondary-a);
  color: var(--color-bg);
  box-shadow: 0 0.0625em 0.0625em var(--color-shadow);
}
.styles__toggle-item--z0SeV {
  display: inline-block;
  padding: 0.5em 1em;
  transition: color 0.1s, background 0.1s, box-shadow 0.1s;
  border-radius: 1.5rem;
  color: var(--color-primary-b);
  font-weight: bold;
  cursor: pointer;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/UnverifiedPhoneLogin/styles.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles__login-form--aZJIo form {
  display: flex;
  flex-direction: column;
}

.styles__user-messages--jjVjv {
  text-align: center;
  margin-bottom: 0.5em;
}

.styles__user-messages--jjVjv span {
  color: red;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/RepaymentFrequencyBoxes/styles.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__boxes-wrapper--NZcbt {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  -moz-column-gap: 20px;
       column-gap: 20px;
  margin: 30px 0;
}
@media (max-width: 600px) {
  .styles__boxes-wrapper--NZcbt {
    display: block;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.styles__boxes-wrapper--NZcbt .styles__frequency-box--aSUmD {
  background-color: white;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border: 1px solid var(--color-gray-25);
  border-radius: 12px;
  padding: 16px;
}
@media (max-width: 600px) {
  .styles__boxes-wrapper--NZcbt .styles__frequency-box--aSUmD {
    width: 100%;
  }
}
.styles__boxes-wrapper--NZcbt .styles__select-button--F2ZlI {
  padding: 8px 10px 8px 10px;
  font-size: 12px;
  line-height: 18px;
  margin-top: 15px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/CustomCarousel/styles.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__dot-list--jOOMy {
  gap: 10px;
}

.styles__dot--Np2h4, .styles__dot-active--V75P8 {
  width: 12px;
  height: 12px;
}
.styles__dot--Np2h4 button, .styles__dot-active--V75P8 button {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.styles__dot--Np2h4 button {
  background: var(--color-gray-100);
}

.styles__dot-active--V75P8 button {
  background: var(--color-primary-500);
}

.styles__carousel-item--ro9Gd {
  transform: scale(0.96);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/AccountSwitchPopup/styles.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__wrapper--EvNC7 {
  display: flex;
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%, -20px);
  background: #D1FAE2;
  padding: 20px;
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 600px) {
  .styles__wrapper--EvNC7 {
    left: 0;
    transform: translate(0, -20px);
    margin: 0 20px;
    width: auto;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/AccountDetailsBox/styles.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__empty-state--WWO2E {
  border: 1px solid var(--color-gray-25);
  border-radius: 12px;
  padding: 16px 24px;
  background: white;
}
.styles__empty-state--WWO2E .styles__wrapper--N0R54 {
  display: flex;
  gap: 20px;
  border-bottom: 1px solid var(--color-gray-25);
  margin-bottom: 15px;
  padding-bottom: 15px;
  align-items: center;
}
.styles__empty-state--WWO2E h2 {
  font-size: 20px;
  line-height: 30px;
  color: var(--color-primary-600);
  font-weight: 600;
}

.styles__hidden-mobile--sDaNq {
  display: block;
}
@media (max-width: 768px) {
  .styles__hidden-mobile--sDaNq {
    display: none;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/PaymentDetailsBox/styles.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-fg: #1a202c;
  --color-fg-alt: #778;
  --color-bg: #fff;
  --color-body: #f8f8ff;
  --color-primary-a: #1d355a;
  --color-primary-b: #578f0c;
  --color-primary-c: #fff;
  --color-secondary-a: #72ad0d;
  --color-secondary-b: #ecf4ff;
  --color-secondary-c: #25466d;
  --color-secondary-d: #0c1624;
  --color-secondary-e: #272727;
  --color-secondary-f: #d70004;
  --color-secondary-g: #e6f5fe;
  --color-secondary-h: #92bf45;
  --color-disabled: #a0b5c0;
  --color-active: #e0e5eb;
  --color-error: #be1a0e;
  --color-error-400: #f51a0a;
  --color-error-300: #fb4437;
  --color-glow: #006eb7;
  --color-shadow: rgba(0, 0, 24, 0.3);
  --color-input-shadow: #1018280d;
  --color-button-primary: #0563c7;
  --color-login-background: #f2f8ff;
  --color-background-pages: #fbfdff;
  --height-header: 80px;
  --width-navbar: 280px;
  --border-radius-section: 0.75rem;
  --font-75-opacity: rgba(0, 0, 0, 0.75);
  --font-50-opacity: rgba(0, 0, 0, 0.5);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-25: #e5f2ff;
  --color-primary-50: #cce9ff;
  --color-primary-100: #99ceff;
  --color-primary-200: #66bdff;
  --color-primary-300: #33a7ff;
  --color-primary-400: #038cfc;
  --color-primary-500: #0563c7;
  --color-primary-600: #0a418f;
  --color-primary-700: #0a285c;
  --color-primary-800: #06132d;
  --color-primary-900: #020409;
  --color-secondary-25: #e8fcf0;
  --color-secondary-50: #d1fae2;
  --color-secondary-100: #a3f5be;
  --color-secondary-200: #77eea7;
  --color-secondary-300: #4ee494;
  --color-secondary-400: #2bd490;
  --color-secondary-500: #12ba6c;
  --color-secondary-600: #039654;
  --color-secondary-700: #02643b;
  --color-secondary-800: #03301d;
  --color-secondary-900: #010a06;
  --color-gray-25: #f0f0f5;
  --color-gray-50: #e0e5eb;
  --color-gray-100: #c0cad8;
  --color-gray-200: #a5aec0;
  --color-gray-300: #8995a9;
  --color-gray-400: #6c7a93;
  --color-gray-500: #596173;
  --color-gray-600: #3f4a5a;
  --color-gray-700: #27303f;
  --color-gray-800: #111822;
  --color-gray-900: #030407;
  --color-error-25: #ffebe5;
  --color-error-50: #fbd3d0;
  --color-error-100: #fba39d;
  --color-error-200: #fc7069;
  --color-error-300: #fb4437;
  --color-error-400: #f51a0a;
  --color-error-500: #be1a0e;
  --color-error-600: #851b14;
  --color-error-700: #5a110c;
  --color-error-800: #2c0a07;
  --color-error-900: #080302;
  --color-warning-25: #fff7e5;
  --color-warning-50: #fff2cc;
  --color-warning-100: #fde49b;
  --color-warning-200: #fdd568;
  --color-warning-300: #fec134;
  --color-warning-400: #fca503;
  --color-warning-500: #c67306;
  --color-warning-600: #974802;
  --color-warning-700: #622604;
  --color-warning-800: #2f1404;
  --color-warning-900: #090301;
}

.styles__progress-box--PdCLt {
  padding: 20px;
  border: 1px solid var(--color-gray-25);
  border-radius: 12px;
  height: -moz-fit-content;
  height: fit-content;
  background: white;
}
.styles__progress-box--PdCLt .styles__svg-container--Sxi_0 {
  position: relative;
  display: flex;
  justify-content: center;
}
.styles__progress-box--PdCLt .styles__svg-container--Sxi_0 .styles__loader-info--FKrZH {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 10px;
  width: 200px;
}
.styles__progress-box--PdCLt .styles__svg-container--Sxi_0 .styles__loader-info--FKrZH.styles__with-text--uO5CP {
  padding-top: 28px;
}
.styles__progress-box--PdCLt .styles__svg-container--Sxi_0 .styles__loader-info--FKrZH p {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-gray-400);
}
.styles__progress-box--PdCLt .styles__svg-container--Sxi_0 .styles__loader-info--FKrZH .styles__payments-made--NLGyq {
  font-size: 48px;
  line-height: 60px;
  font-weight: 600;
  color: var(--color-primary-500);
}
.styles__progress-box--PdCLt .styles__start-plan--KQ4sX {
  font-size: 20px;
  line-height: 30px;
  color: var(--color-primary-600);
  text-align: center;
  font-weight: bold;
}
.styles__progress-box--PdCLt .styles__info-row--PhBvS {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.styles__progress-box--PdCLt .styles__info-row--PhBvS h2 {
  font-size: 14px;
  line-height: 20px;
  color: var(--color-gray-400);
}
.styles__progress-box--PdCLt .styles__info-row--PhBvS .styles__balance--QDYV3 {
  font-weight: 600;
}
.styles__progress-box--PdCLt .styles__info-row--PhBvS .styles__balance--QDYV3 span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-primary-500);
}
.styles__progress-box--PdCLt .styles__info-row--PhBvS .styles__balance--QDYV3 span.styles__secondary--PYdfQ {
  color: var(--color-gray-400);
}
.styles__progress-box--PdCLt .styles__info-row--PhBvS .styles__balance--QDYV3 span h5 {
  margin-left: 5px;
  font-size: 24px;
  line-height: 32px;
}
.styles__progress-box--PdCLt .styles__info-row--PhBvS .styles__balance--QDYV3 span h6 {
  margin-left: 5px;
  font-size: 20px;
  line-height: 30px;
}
.styles__progress-box--PdCLt button {
  font-size: 14px;
  line-height: 20px;
  margin-top: 15px;
}

.styles__shown-mobile--ZgdC8 {
  display: none;
}
@media (max-width: 768px) {
  .styles__shown-mobile--ZgdC8 {
    display: block;
    margin-top: 0;
  }
}

/*# sourceMappingURL=main.ab2d41ef1a57d39e.css.map*/