/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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;700&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/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%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.styles__account-details-row--bteGc {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  width: 100%;
}

.styles__account-details-label--m7_dD {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.2;
  color: #6c7a93;
}

.styles__account-details-value--q8QVK {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  color: #6c7a93;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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: auto;
  display: inline-flex;
  align-items: center;
  height: 16px;
  line-height: 1;
  position: relative;
}
.styles__account-select--RNigg label {
  display: flex;
  align-items: center;
}
.styles__account-select--RNigg label a {
  margin: 0;
  padding: 2px 0;
  color: rgba(39, 48, 63, 0.5) !important;
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.styles__account-select--RNigg ul {
  width: auto;
  min-width: 93px;
  max-width: -moz-max-content;
  max-width: max-content;
  position: absolute;
  top: -8px;
  left: -10px;
  right: auto;
  margin-top: 0;
  padding: 8px 10px;
  background: #ffffff;
  border: 1px solid #ddedfd;
  border-radius: 12px;
  box-shadow: -2px 4px 15px rgba(0, 0, 0, 0.05);
  display: inline-flex;
  flex-direction: column;
  z-index: 2;
}
.styles__account-select--RNigg ul li {
  padding: 0;
  border-top: 0;
}
.styles__account-select--RNigg ul li a {
  font-weight: 400;
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 12px;
  color: rgba(39, 48, 63, 0.3);
  text-align: left;
  justify-content: flex-start;
  gap: 8px;
}
.styles__account-select--RNigg ul li[data-selected=true] a {
  color: rgba(39, 48, 63, 0.5);
}
.styles__account-select--RNigg ul li + li {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #ddedfd;
}

.styles__account-select-caret--ScO9T {
  width: 10px;
  height: 5px;
  display: block;
  transform: rotate(180deg);
  align-self: 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/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%;
  background: #f2f8fe;
  width: 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: 316px minmax(0, 1fr);
  align-items: start;
  min-height: 720px;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 1023px) {
  .styles__wrapper--mGHe3 {
    grid-template-columns: 301px minmax(0, 1fr);
  }
}
@media (max-width: 809px) {
  .styles__wrapper--mGHe3 {
    display: block;
    max-width: 100%;
    min-height: 0;
  }
}
@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/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 {
  position: relative;
  display: inline-flex;
  font-family: "Poppins", sans-serif;
}

.styles__language-dropdown-button--Lhh31 {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
  color: #808080;
  background: transparent;
  padding: 7px 0 9px;
  border: none;
  border-radius: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 19.6px;
  letter-spacing: -0.28px;
  font-family: "Poppins", sans-serif;
}

.styles__language-dropdown-name--sBVau {
  font: inherit;
}

.styles__language-dropdown-name-short--VnrIu {
  display: none;
  font: inherit;
}

@media (max-width: 480px) {
  .styles__language-dropdown-name--sBVau {
    display: none;
  }
  .styles__language-dropdown-name-short--VnrIu {
    display: inline;
    font-size: 14px;
    line-height: 19.6px;
    letter-spacing: -0.28px;
  }
}
.styles__language-dropdown-icon--t5vbO {
  display: block;
  width: 7.778px;
  height: 4.675px;
}

.styles__language-dropdown-icon-open--vDVV7 {
  transform: rotate(180deg);
}

.styles__language-dropdown-menu--oMALc {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  z-index: 10;
  margin: 0;
  padding: 4px 0;
  min-width: 120px;
  list-style: none;
  background: var(--color-white);
  border: 1px solid var(--color-gray-50);
  border-radius: 8px;
}

.styles__language-dropdown-menu-item--jDShl {
  margin: 0;
  padding: 0;
}

.styles__language-dropdown-option--aObjX {
  width: 100%;
  display: block !important;
  border: none;
  background: transparent;
  text-align: left;
  cursor: pointer;
  color: #808080;
  font-weight: 400;
  font-size: 14px;
  line-height: 19.6px;
  letter-spacing: -0.28px;
  padding: 6px 12px;
  font-family: "Poppins", sans-serif;
}

.styles__language-dropdown-option-active--Xph_N {
  color: var(--color-primary-500);
  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/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: 16px 48px;
  background: #ffffff;
  box-shadow: 0px 4px 35px rgba(37, 70, 109, 0.1);
  position: sticky;
  top: 0;
  z-index: 10;
}
.styles__header--yASSA div {
  background: none;
}
.styles__header--yASSA .styles__menu--KQcgr {
  display: none;
}
.styles__header--yASSA .styles__logo--TTKKm {
  width: 278px;
  height: 50px;
}
.styles__header--yASSA button {
  display: none;
}
.styles__header--yASSA .styles__mobile-logo--VAPsY,
.styles__header--yASSA .styles__tablet-logo--a4LRr,
.styles__header--yASSA .styles__tabletLink--I0PE_ {
  display: none;
}

.styles__link--V3fGC {
  text-decoration: none;
}

.styles__link--V3fGC:hover {
  text-decoration: none;
}

.styles__header--yASSA a {
  text-decoration: none;
}

.styles__header--yASSA a:hover {
  text-decoration: none;
}

@media (max-width: 480px) {
  .styles__header--yASSA {
    padding: 8px 16px;
  }
  .styles__header--yASSA .styles__logo--TTKKm {
    width: 142.515px;
    height: 25.414px;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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: 400;
  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 */
}
.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 {
  /* Inner background to create border-only effect */
}
.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 {
  /* Ensure the button content appears on top of the pseudo-elements */
}
.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:disabled {
  background: var(--color-primary-200);
}
.styles__button-loading-background--dvtAb {
  cursor: default;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.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 {
  /* Ensure button content stays above the loading animation */
}
.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/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;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html,
body {
  height: 100%;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.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;
}

.slide-pane__overlay {
  z-index: 2000;
}

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

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

:where(*) {
  text-wrap: pretty;
}

:where(h1, h2, h3, h4, h5, h6) {
  text-wrap: balance;
}

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;
  letter-spacing: -0.03em !important;
}
@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/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/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/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 h1 {
    font-size: 2em;
  }
  .styles__error-page--O6DyM > div h2 {
    font-size: 1.25em;
  }
  .styles__error-page--O6DyM > div {
    font-size: 1em;
  }
  .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: 400;
  text-decoration: underline;
  color: var(--color-gray-300);
}

.styles__footer-text--sGeyX p {
  color: var(--color-gray-300);
  font-size: var(--legal-footer-font-size, 13px);
  line-height: 18px;
  font-weight: 400;
  text-wrap: pretty;
  margin: 0;
}

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

.styles__wrapper--AxWo3 {
  margin-top: 0;
  display: flex;
  flex-direction: column;
  gap: 13px;
}

@media (max-width: 320px) {
  .styles__wrapper--AxWo3 {
    text-align: 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/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);
  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: transparent;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  min-height: calc(100vh - 82px);
  height: calc(100vh - 82px);
  padding: 24px 0 24px 24px;
  display: flex;
  align-items: flex-start;
  position: sticky;
  top: 82px;
}

.styles__navbar-container--AL9lz {
  width: 292px;
  background: #ffffff;
  background-color: #ffffff;
  border-right: 1px solid #f2f8fe;
  border-radius: 24px;
  box-shadow: -2px 4px 7px rgba(0, 0, 0, 0.05);
  padding: 16px;
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}

.styles__nav-links--dXk6A {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.styles__nav-link--qkNKe {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 12px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #0363c7;
  text-decoration: none;
  width: 100%;
}

.styles__nav-link--qkNKe:hover {
  text-decoration: none;
}

.styles__nav-link--qkNKe:not([data-active-route]):hover {
  background: rgba(221, 237, 253, 0.35);
}

.styles__nav-link--qkNKe[data-active-route] {
  background: #ddedfd;
}

.styles__nav-icon--dVZwT {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.styles__nav-icon--dVZwT img {
  display: block;
}

.styles__nav-icon--dVZwT svg {
  display: block;
}

.styles__nav-label--TzO3g {
  flex: 0 0 auto;
  white-space: nowrap;
}

.styles__nav-chevron--ShZKY {
  margin-left: auto;
  display: none;
  align-items: center;
  justify-content: center;
}

.styles__nav-chevron--ShZKY img {
  width: 12px;
  height: 8px;
  display: block;
}

.styles__account-section--OgqKF {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.styles__account-info--sngEZ {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 38px;
}

.styles__account-avatar--Bz9vO {
  width: 24px;
  height: 24px;
  border-radius: 58.537px;
  background: #0363c7;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4.683px;
  flex: 0 0 auto;
}

.styles__account-avatar--Bz9vO img {
  width: 14.634px;
  height: 14.634px;
  display: block;
}

.styles__account-meta--tE6iS {
  display: flex;
  align-items: center;
  gap: 8px;
}

.styles__account-select-trigger--qUgEB {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  height: 16px;
}

.styles__account-name--n52N7 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  color: #27303f;
  white-space: nowrap;
}

.styles__account-divider--naheI {
  width: 1px;
  height: 16px;
  display: flex;
  align-items: center;
  align-self: center;
  background: #ddedfd;
}

.styles__account-divider--naheI img {
  display: block;
  width: 1px;
  height: 16px;
}

.styles__account-number--syOfm {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  color: rgba(39, 48, 63, 0.5);
  white-space: nowrap;
}

.styles__account-chevron--h0_FO {
  width: 10px;
  height: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.styles__account-chevron--h0_FO img {
  width: 10px;
  height: 5px;
  display: block;
}

.styles__account-select-trigger--qUgEB [data-is-open=true] ~ .styles__account-chevron--h0_FO {
  display: none;
}

.styles__logout-row--RKlqb {
  border-top: 1px solid #eaecf0;
  padding: 17px 16px 16px 4px;
  width: 100%;
}

.styles__logout-link--DimCS {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #0363c7;
  text-decoration: none;
}

.styles__logout-link--DimCS:hover {
  text-decoration: none;
}

.styles__logout-icon--KG5nR {
  width: 19px;
  height: 19px;
  display: block;
}

.styles__backdrop--I3Itw {
  display: none;
}

.styles__toggled--bh6Ji {
  display: block;
}

@media (max-width: 1280px) {
  .styles__navbar-overlay--HJwgt {
    padding: 8px 0 24px 24px;
  }
}
@media (max-width: 1023px) {
  .styles__navbar-container--AL9lz {
    width: 277px;
  }
}
@media (max-width: 809px) {
  .styles__navbar-overlay--HJwgt {
    width: 100%;
    height: auto;
    min-height: 0;
    position: static;
    top: auto;
  }
  .styles__navbar-container--AL9lz {
    height: auto;
    min-height: 0;
  }
}
@media (max-width: 809px) {
  .styles__navbar-overlay--HJwgt {
    padding: 16px;
  }
  .styles__navbar-container--AL9lz {
    width: 100%;
    border-radius: 12px;
    padding: 0;
    min-height: auto;
    gap: 32px;
    align-items: stretch;
    justify-content: flex-start;
  }
  .styles__nav-link--qkNKe {
    padding: 16px 12px;
    border: 1px solid #f2f8fe;
    justify-content: flex-start;
  }
  .styles__navbar-container--AL9lz[data-mobile-open=false] .styles__nav-link--qkNKe[data-active-route] {
    background: #ffffff;
    border: 1px solid #f2f8fe;
    outline: none;
  }
  .styles__navbar-container--AL9lz[data-mobile-open=false] .styles__nav-link--qkNKe:not([data-active-route]) {
    display: none;
  }
  .styles__nav-chevron--ShZKY {
    display: none;
  }
  .styles__navbar-container--AL9lz[data-mobile-open=false] .styles__nav-link--qkNKe[data-active-route] .styles__nav-chevron--ShZKY {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .styles__account-section--OgqKF {
    display: none;
  }
  .styles__navbar-container--AL9lz[data-mobile-open=true] .styles__nav-link--qkNKe {
    border: none;
    padding: 10px 12px;
    justify-content: flex-start;
  }
  .styles__navbar-container--AL9lz[data-mobile-open=true] .styles__nav-link--qkNKe[data-active-route] {
    padding: 16px 12px;
    justify-content: flex-start;
    border: none;
    outline: none;
  }
  .styles__navbar-container--AL9lz[data-mobile-open=true] .styles__nav-link--qkNKe[data-active-route] .styles__nav-chevron--ShZKY {
    display: inline-flex;
  }
  .styles__navbar-container--AL9lz[data-mobile-open=true] .styles__nav-link--qkNKe:not(:first-child) {
    display: flex;
  }
  .styles__navbar-container--AL9lz[data-mobile-open=true] .styles__nav-chevron--ShZKY img {
    transform: rotate(180deg);
  }
  .styles__navbar-container--AL9lz[data-mobile-open=true] .styles__account-section--OgqKF {
    display: flex;
    padding: 0 12px;
  }
}
@media (max-width: 320px) {
  .styles__navbar-overlay--HJwgt {
    padding: 8px;
    top: 41.414px;
  }
  .styles__nav-link--qkNKe {
    padding: 12px;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/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:first-child {
  margin-bottom: 0.125em;
}
.styles__offer-header--Kfg2l > div p {
  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/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;
}
.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 {
  text-align: left;
}
.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;
}
.styles__option-list--DopoC li > label:hover {
  background: var(--color-secondary-g);
}
.styles__option-list--DopoC li > label {
  margin: 0 0.5em 1em 0.5em;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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::marker {
  font-weight: bold;
  color: var(--color-secondary-c);
}
.styles__payment-info--KsHvQ ol li {
  text-align: left;
  padding: 0.5em 0 0.5em 0.5em;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-500);
}
.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 {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  padding: 27px 17px 17px;
  border: 2px solid var(--color-primary-500);
  background: #f2f8fe;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
}
.styles__detail-box--e9Oew .styles__wrapper--UKvxG {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 0;
}
.styles__detail-box--e9Oew h2 {
  color: var(--color-primary-600);
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin: 0;
}
.styles__detail-box--e9Oew h5 {
  color: var(--color-gray-400);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  margin: 0;
}
.styles__detail-box--e9Oew .styles__confirm-info--_y0kK {
  margin-top: 10px;
}
.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: 16px;
}
.styles__detail-box--e9Oew .styles__plan-discount-ribbon-wrapper--kb8HU {
  position: absolute;
  top: -28.23px;
  right: -31.23px;
  width: 124.451px;
  height: 124.451px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  pointer-events: none;
}
.styles__detail-box--e9Oew .styles__plan-discount-ribbon--A9Fx9 {
  width: 150px;
  height: 26px;
  padding: 0;
  flex-shrink: 0;
  background: #488804;
  color: white;
  text-align: center;
  font-size: 10px;
  line-height: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transform: rotate(45deg);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles__detail-box--e9Oew .styles__info-column--xdhaI {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.styles__detail-box--e9Oew .styles__discount-amount--xwBG7 {
  color: #488804 !important;
  font-weight: 600;
  font-size: 14.4px;
  line-height: 1;
}
.styles__detail-box--e9Oew .styles__top-separator--HvRp9 {
  border-top: 1px solid #d2e6fc;
  padding-top: 16px;
  margin-top: 16px;
}
.styles__detail-box--e9Oew .styles__separator--ZTOGW {
  border-bottom: 1px solid #d2e6fc;
  padding-bottom: 16px;
}
.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: 0;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
}
.styles__detail-box--e9Oew .styles__info-row--aNV_r.styles__discount-ribbon-row--yoNv9 {
  flex-direction: row;
  align-items: center;
  gap: 16px;
  justify-content: flex-start;
}
.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 .styles__plan-type-tag--rIyAl {
  padding: 4px 10px 4px 12px;
  border-radius: 10px;
  color: var(--color-primary-500);
  background: #ddedfd;
  font-size: 14px;
  line-height: 20px;
  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__balance-muted--ZimGj {
  color: var(--color-gray-300);
}
.styles__detail-box--e9Oew .styles__info-row--aNV_r .styles__balance--noZir.styles__balance-muted--ZimGj .styles__currency-symbol--xWhbm {
  font-size: 12px;
  line-height: 18px;
}
.styles__detail-box--e9Oew .styles__info-row--aNV_r .styles__balance--noZir.styles__balance-muted--ZimGj strong {
  font-size: 16px;
  line-height: 24px;
}
.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;
  }
}

.styles__reference-number--WdSOA {
  color: var(--color-gray-400);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.styles__detail-rows--wu9p2 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.styles__offer-disclosures--RaHgr {
  background: #d2e6fc;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: #0a418f;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: -0.28px;
}
.styles__offer-disclosures--RaHgr p {
  margin: 0;
  color: #0a418f;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: -0.28px;
}
.styles__offer-disclosures--RaHgr strong {
  font-weight: 600;
}

.styles__offer-action--eYGI5 {
  width: 100%;
  display: flex;
  justify-content: center;
}
.styles__offer-action--eYGI5 button {
  width: 100%;
  padding: 7px 16px 9px;
  border-radius: 8px;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: -0.32px;
  font-weight: 400;
  background: #0363c7;
  border-color: #0363c7;
  color: var(--color-white);
  box-shadow: none;
}

.styles__row-label--OYyCK {
  color: var(--color-gray-400);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.styles__align-right--rzP36 {
  text-align: right;
}

.styles__resolve-label--YYGAI {
  color: var(--color-gray-400);
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
}

.styles__balance-row--zjKpN {
  align-items: flex-start !important;
}
@media (min-width: 810px) {
  .styles__balance-row--zjKpN {
    align-items: center !important;
  }
}

.styles__plan-detail-box--mSwLu {
  background: var(--color-white);
  border-width: 2px;
  box-shadow: none;
}

.styles__currency-symbol--xWhbm {
  font-size: 16px;
  line-height: 1.2;
}

.styles__balance-total--ayk9d strong {
  font-size: 28px;
  line-height: 1.2;
}
@media (min-width: 810px) {
  .styles__balance-total--ayk9d strong {
    font-size: 24px;
    line-height: 32px;
  }
}

.styles__web-display--ftmmh {
  width: 100%;
}

@media (min-width: 810px) {
  .styles__detail-box--e9Oew {
    max-width: 596px;
    margin: 0 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/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__first-payment-layout--Ofuu1 {
  align-items: flex-start;
}
.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 .styles__first-payment-label-group--VWR66 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.styles__detail-box--n4q7d .styles__wrapper--ec0bI .styles__info-row--bTjnY .styles__first-payment-count--vaNEl {
  color: rgba(108, 122, 147, 0.5);
  font-weight: 400;
  margin: 0;
}
.styles__detail-box--n4q7d .styles__wrapper--ec0bI .styles__info-row--bTjnY .styles__first-payment-date--oic5K {
  margin-left: 0;
  white-space: nowrap;
}
.styles__detail-box--n4q7d .styles__wrapper--ec0bI .styles__info-row--bTjnY .styles__first-payment-due-label--_u3dV {
  font-weight: 400;
}
.styles__detail-box--n4q7d .styles__wrapper--ec0bI .styles__info-row--bTjnY .styles__first-payment-due-date--I1v_q {
  font-weight: 600;
}
.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__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;
}

.styles__frictionless-detail-box--RTXUG {
  padding: 17px;
  border-color: var(--color-primary-25);
}
.styles__frictionless-detail-box--RTXUG .styles__wrapper--ec0bI h2 {
  line-height: 1.2;
}
.styles__frictionless-detail-box--RTXUG .styles__wrapper--ec0bI .styles__separator--unXkN {
  border-bottom-color: var(--color-primary-25);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/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;
}
.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 {
  gap: 20px;
  margin-bottom: 20px;
}
.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__compact--vwQIl {
  margin-bottom: 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/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/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 {
  width: 100%;
  background: transparent;
  box-shadow: none;
  margin: 0;
  padding: 0;
  border-radius: 0;
}

.styles__payment-history-table--No2JB {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.styles__payment-history-header--rST21,
.styles__payment-history-row--Ra00_ {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 104px;
  align-items: center;
  width: 100%;
}

.styles__payment-history-header--rST21 {
  padding: 0 8px;
  color: #686e79;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 600;
}

.styles__payment-history-header--rST21 .styles__payment-history-cell--azM3j:last-child {
  justify-content: center;
}

.styles__payment-history-row--Ra00_ {
  background: #f2f8fe;
  border-radius: 8px;
  padding: 6px 8px;
}

.styles__payment-history-cell--azM3j {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 1.25;
  color: #27303f;
}

.styles__payment-history-cell--azM3j[data-column-name=statusCode] {
  justify-content: center;
}

.styles__payment-history-status--azsVz {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 104px;
  padding: 6px 4px;
  border-radius: 8px;
  border: 2px solid #488804;
  background: #488804;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}

.styles__payment-history-status-paid--mPsyW {
  border-color: #488804;
  background: #488804;
  color: #ffffff;
}

.styles__payment-history-status-failure--PYR_f {
  border-color: #fccfcf;
  background: #fccfcf;
  color: #5a110c;
}

.styles__payment-history-empty--J0D20 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  color: #808080;
  text-wrap: pretty;
  width: 100%;
  min-height: 100px;
  margin: auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 320px) {
  .styles__payment-history-empty--J0D20 {
    font-size: 20px;
  }
}
.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__history-row--AOIn8 {
  border-bottom: 1px solid var(--color-gray-25);
  padding: 10px 0;
}
.styles__history-row--AOIn8:last-of-type {
  border-bottom: none;
}

.styles__info-row--w7_vi {
  display: flex;
  justify-content: space-between;
}
.styles__info-row--w7_vi:nth-of-type(2n) {
  margin-top: 10px;
}
.styles__info-row--w7_vi span {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-gray-400);
}

.styles__status-tag--IeUy0 {
  padding: 3px;
  font-size: 12px;
  line-height: 18px;
  border-radius: 999px;
  width: 55px;
  text-align: center;
}

.styles__paid-tag--P29Zj {
  color: #02643b;
  background: #d1fae2;
}

.styles__failure-tag--EM4qt {
  color: #5a110c;
  background: #fbd3d0;
}

.styles__pending-tag--dsl1h {
  color: var(--color-gray-400);
  background: var(--color-gray-25);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/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 p {
    margin-top: 0;
  }
  .styles__settlement-option--OoTH3 {
    display: block;
    text-align: 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/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/Stepper/styles.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
.styles__step-container--tJrZc > [data-step-index] {
  display: none;
}
.styles__step-container--tJrZc > [data-step-index][data-active-step] {
  display: block;
  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/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/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 {
  background: #f7fcec;
  color: #35363f;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  position: relative;
  --auth-entry-nav-height: 82px;
  --auth-entry-background-height: 688px;
  --auth-entry-background-min-height: calc(100vh - var(--auth-entry-nav-height));
}
.styles__login-page--hMotZ p {
  margin: 0;
}
@media (min-width: 1032px) {
  .styles__login-page--hMotZ {
    --auth-entry-background-height: 770px;
  }
}
@media (min-width: 1536px) {
  .styles__login-page--hMotZ {
    --auth-entry-background-height: 815px;
  }
}
@media (max-width: 479px) {
  .styles__login-page--hMotZ {
    --auth-entry-nav-height: 49.4px;
  }
}

.styles__login-nav--kyxpW {
  background: #ffffff;
  padding: 16px 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  height: var(--auth-entry-nav-height);
  box-shadow: 0 2px 12px rgba(16, 24, 40, 0.02);
}
@media (max-width: 809px) {
  .styles__login-nav--kyxpW {
    padding: 16px 16px;
  }
}
@media (max-width: 479px) {
  .styles__login-nav--kyxpW {
    padding: 8px 16px;
  }
}

.styles__login-nav-logo--p5vEZ {
  width: 278px;
  height: 50px;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 479px) {
  .styles__login-nav-logo--p5vEZ {
    width: 142.5px;
    height: 25.4px;
  }
}

.styles__login-nav-actions--PwlJv {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 479px) {
  .styles__login-nav-actions--PwlJv {
    gap: 4px;
  }
}

.styles__login-nav-menu-button--W4ZUq {
  display: none;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 100px;
  border: none;
  background: transparent;
  cursor: pointer;
}
@media (max-width: 479px) {
  .styles__login-nav-menu-button--W4ZUq {
    display: flex;
  }
}

.styles__login-nav-menu-icon--LucIe {
  width: 24px;
  height: 24px;
  display: block;
}

.styles__login-main--OmltK {
  position: relative;
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: calc(180px + var(--auth-entry-nav-height)) 16px 48px;
  min-height: 688px;
  z-index: 1;
}
@media (min-width: 810px) {
  .styles__login-main--OmltK {
    padding: calc(80px + var(--auth-entry-nav-height)) 48px 48px;
    align-items: flex-start;
  }
}
@media (min-width: 1024px) {
  .styles__login-main--OmltK {
    padding: calc(80px + var(--auth-entry-nav-height)) 168px 80px;
    align-items: flex-start;
    min-height: auto;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .styles__login-main--OmltK {
    padding-left: 80px;
  }
}
@media (min-width: 1280px) {
  .styles__login-main--OmltK {
    max-width: 1440px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 479px) and (max-height: 568px) {
  .styles__login-main--OmltK {
    padding-top: calc(180px + var(--auth-entry-nav-height) - 24px);
  }
}
@media (min-width: 744px) and (max-width: 809px) and (min-height: 1000px) {
  .styles__login-main--OmltK {
    justify-content: center;
    padding-top: calc(var(--auth-entry-nav-height) + 48px);
    padding-bottom: 48px;
    min-height: calc(100vh - var(--auth-entry-nav-height) - 96px);
  }
}

.styles__login-main-centered--ZFoCX {
  justify-content: center;
  padding-top: calc(var(--auth-entry-nav-height) + 48px);
  padding-bottom: 48px;
  min-height: calc(100vh - var(--auth-entry-nav-height) - 96px);
}

.styles__login-background--shQxh {
  position: fixed;
  left: 0;
  right: 0;
  top: var(--auth-entry-nav-height);
  height: max(var(--auth-entry-background-height), var(--auth-entry-background-min-height));
  bottom: auto;
  pointer-events: none;
  z-index: 0;
}
@media (min-width: 810px) {
  .styles__login-background--shQxh {
    overflow: hidden;
  }
}

.styles__login-background-layer--M5pmc,
.styles__login-background-layer-secondary--vN09T {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.styles__login-background-image-primary--scADt,
.styles__login-background-image-secondary--Aeuko {
  position: absolute;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.styles__login-background-image-primary--scADt {
  width: 143.58%;
  height: 87.79%;
  left: -38.83%;
  top: -13.03%;
  -o-object-position: center;
     object-position: center;
}
@media (min-width: 480px) {
  .styles__login-background-image-primary--scADt {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -o-object-position: 76% 50%;
       object-position: 76% 50%;
  }
}
@media (min-width: 480px) and (max-width: 580px) {
  .styles__login-background-image-primary--scADt {
    top: -5%;
  }
}
@media (min-width: 480px) and (max-width: 809px) {
  .styles__login-background-image-primary--scADt {
    width: 120%;
    height: 120%;
    top: 0;
    left: -20%;
    -o-object-position: 58% 40%;
       object-position: 58% 40%;
  }
}
@media (min-width: 480px) and (max-width: 590px) {
  .styles__login-background-image-primary--scADt {
    top: -6%;
  }
}
@media (min-width: 700px) and (max-width: 809px) {
  .styles__login-background-image-primary--scADt {
    -o-object-position: 58% 36%;
       object-position: 58% 36%;
  }
}
@media (min-width: 810px) {
  .styles__login-background-image-primary--scADt {
    width: 138.4%;
    height: 296.35%;
    left: -6.42%;
    top: -13.17%;
    -o-object-position: center;
       object-position: center;
  }
}
@media (min-width: 850px) and (max-width: 1024px) {
  .styles__login-background-image-primary--scADt {
    -o-object-position: 50% 30%;
       object-position: 50% 30%;
  }
}
@media (min-width: 1032px) {
  .styles__login-background-image-primary--scADt {
    width: 130%;
    height: 250%;
    left: -4.3%;
    top: -27.23%;
    -o-object-position: 50% 0%;
       object-position: 50% 0%;
  }
}
@media (min-width: 1280px) {
  .styles__login-background-image-primary--scADt {
    width: 120%;
    height: 290%;
    left: 0;
    top: -30.74%;
  }
}
@media (min-width: 1536px) {
  .styles__login-background-image-primary--scADt {
    width: 115%;
    height: 280%;
    left: -4.67%;
    top: -33.97%;
  }
}

.styles__login-background-image-secondary--Aeuko {
  width: 134.46%;
  height: 113.75%;
  left: -29.94%;
  top: -12.83%;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 479px) {
  .styles__login-background-image-secondary--Aeuko {
    top: -12%;
    -o-object-position: 50% 0%;
       object-position: 50% 0%;
  }
}
@media (min-width: 410px) and (max-width: 479px) {
  .styles__login-background-image-secondary--Aeuko {
    top: -16%;
    -o-object-position: 50% 6%;
       object-position: 50% 6%;
  }
}

@media (min-width: 480px) {
  .styles__login-background-layer-secondary--vN09T {
    display: none;
  }
}

@media (min-width: 744px) and (max-width: 809px) and (min-height: 1000px) {
  .styles__login-background-image-primary--scADt {
    top: -8%;
  }
}
.styles__login-shell--kFHIQ {
  background: #ebf4ff;
  border-radius: 32px;
  width: 100%;
  max-width: 550px;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
@media (min-width: 810px) {
  .styles__login-shell--kFHIQ {
    border-radius: 48px;
    max-width: 440px;
  }
}
@media (min-width: 1024px) {
  .styles__login-shell--kFHIQ {
    max-width: 550px;
  }
}
@media (max-width: 480px) {
  .styles__login-shell--kFHIQ {
    max-width: 450px;
  }
}

.styles__login-card--yOPfJ {
  background: #ffffff;
  border-radius: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
@media (min-width: 810px) {
  .styles__login-card--yOPfJ {
    border-radius: 48px;
  }
}
.styles__login-card--yOPfJ {
  padding: 32px 16px 24px;
  gap: 20px;
}
@media (min-width: 810px) {
  .styles__login-card--yOPfJ {
    padding: 32px 24px 24px;
  }
}
@media (min-width: 1024px) {
  .styles__login-card--yOPfJ {
    padding: 88px 79px 80px;
  }
}

.styles__login-card-offer--EMYS7 {
  padding-top: 40px;
}
@media (min-width: 810px) {
  .styles__login-card-offer--EMYS7 {
    padding-top: 40px;
  }
}
@media (min-width: 1024px) {
  .styles__login-card-offer--EMYS7 {
    padding-top: 96px;
  }
}

.styles__login-intro--xFZ9z {
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: center;
  width: 100%;
  color: #35363f;
}
@media (min-width: 810px) {
  .styles__login-intro--xFZ9z {
    gap: 24px;
    max-width: 392px;
  }
}
@media (max-width: 320px) {
  .styles__login-intro--xFZ9z {
    max-width: 256px;
  }
}

.styles__login-intro-offer--C3Rta {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  text-align: center;
}
@media (min-width: 810px) {
  .styles__login-intro-offer--C3Rta {
    gap: 16px;
  }
}

.styles__login-title--CWtN8 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.05;
  letter-spacing: -0.84px;
  margin: 0;
  text-wrap: pretty;
}
@media (min-width: 810px) {
  .styles__login-title--CWtN8 {
    font-size: 40px;
    letter-spacing: -1.2px;
  }
}

.styles__login-title-offer--chNTM {
  line-height: 1.15;
  text-wrap: balance;
}
@media (min-width: 810px) {
  .styles__login-title-offer--chNTM {
    font-size: 32px;
  }
}

.styles__login-subtitle--gZZtO {
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: -0.56px;
  margin: 0;
  text-wrap: pretty;
}
@media (min-width: 810px) {
  .styles__login-subtitle--gZZtO {
    font-size: 16px;
    letter-spacing: -0.64px;
  }
}

.styles__login-subtitle-offer--UPQD9 {
  text-wrap: balance;
}
@media (max-width: 809px) {
  .styles__login-subtitle-offer--UPQD9 {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}

.styles__login-box--Txh8k {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 16px;
}
@media (min-width: 810px) {
  .styles__login-box--Txh8k {
    max-width: 392px;
  }
}

.styles__login-form--aCu2x {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.styles__login-fields--Ycyxa {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.styles__login-field-or--Jh4EU {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 4px;
  color: rgba(0, 0, 0, 0.35);
  font-size: 12px;
  letter-spacing: -0.24px;
  text-transform: uppercase;
}
.styles__login-field-or--Jh4EU::before, .styles__login-field-or--Jh4EU::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: rgba(0, 0, 0, 0.08);
}

.styles__login-input--ZCJKQ {
  width: 100%;
  position: relative;
}
.styles__login-input--ZCJKQ label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.styles__login-input--ZCJKQ input {
  width: 100%;
  background: #f2f8fe;
  border-radius: 8px;
  border: none !important;
  padding: 6px 16px;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: -0.24px;
  color: #808080;
  box-shadow: none !important;
  height: auto;
  min-height: 0;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.styles__login-input--ZCJKQ input::-moz-placeholder {
  color: #808080;
  opacity: 1;
}
.styles__login-input--ZCJKQ input::placeholder {
  color: #808080;
  opacity: 1;
}
.styles__login-input--ZCJKQ input:focus {
  outline: none;
  box-shadow: none;
}
@media (min-width: 810px) {
  .styles__login-input--ZCJKQ input {
    font-size: 14px;
    letter-spacing: -0.28px;
  }
}

.styles__login-button--WXAlA {
  margin: 0;
  padding: 7px 16px 9px !important;
  border-radius: 8px !important;
  border: none !important;
  background: #488804 !important;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  letter-spacing: -0.32px !important;
  line-height: 1.4 !important;
  color: #ffffff !important;
  height: auto;
  font-family: "Poppins", sans-serif !important;
  opacity: 1 !important;
  filter: none;
  transition: opacity 150ms ease-in-out, filter 150ms ease-in-out;
}
.styles__login-button--WXAlA:hover:not(:disabled) {
  opacity: 0.7 !important;
  filter: brightness(0.92);
}

.styles__login-contact--R_dq6,
.styles__login-legal-footer--eb51R {
  text-align: center;
  --legal-footer-font-size: 12px;
  --legal-footer-line-height: 1.3;
}
.styles__login-contact--R_dq6 p,
.styles__login-legal-footer--eb51R p {
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: -0.2px;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 8px;
  text-wrap: pretty;
}
.styles__login-contact--R_dq6 a,
.styles__login-legal-footer--eb51R a {
  color: rgba(0, 0, 0, 0.5);
  text-decoration: underline;
}
.styles__login-contact--R_dq6 strong,
.styles__login-legal-footer--eb51R strong {
  font-weight: 400;
  white-space: nowrap;
}

.styles__login-legal-footer--eb51R p:last-child {
  margin-bottom: 0;
}

.styles__login-legal-link--M08Kg {
  color: rgba(0, 0, 0, 0.5);
  text-decoration: underline;
}

.styles__login-legal-panel--lDnmS {
  width: 100%;
  padding: 24px;
  border-radius: 32px;
  display: flex;
  justify-content: center;
}
@media (min-width: 810px) {
  .styles__login-legal-panel--lDnmS {
    border-radius: 48px;
  }
}

.styles__error--D8LXs {
  color: var(--color-error-400);
  text-align: center;
  font-size: 12px;
  line-height: 1.2;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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: 24px;
  margin: 0;
  display: flex;
  visibility: visible !important;
  align-items: stretch;
  flex-direction: column;
  gap: 24px;
  background: #f7fcec;
}
@media (min-width: 810px) {
  .styles__credit-disclosure--g8j0o {
    flex-direction: row;
    align-items: center;
  }
}

.styles__credit-disclosure-text--sLISO {
  font-size: 14px;
  color: var(--color-black);
  line-height: 1.2;
  text-wrap: balance;
  width: 100%;
  order: 2;
  box-sizing: border-box;
}
@media (min-width: 810px) {
  .styles__credit-disclosure-text--sLISO {
    width: 312px;
    padding: 0 20px;
    order: 1;
  }
}

.styles__credit-disclosure-image--QKGl9 {
  border-radius: 12px;
  overflow: hidden;
  width: 100%;
  height: 160px;
  order: 1;
  flex: 0 0 auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.styles__credit-disclosure-image--QKGl9 svg,
.styles__credit-disclosure-image--QKGl9 img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 810px) {
  .styles__credit-disclosure-image--QKGl9 {
    width: 212px;
    min-width: 212px;
    flex: 0 0 212px;
    order: 2;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/CreditDisclosureOriginal/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--K2nhO {
  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--K2nhO {
    flex-direction: column;
  }
}

.styles__credit-disclosure-text--EPYV9 {
  font-size: 14px;
  color: var(--color-primary-600);
  line-height: 1.5;
  text-wrap: pretty;
  width: -moz-fit-content;
  width: fit-content;
  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/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;
}

.styles__settlement-boxes-wrapper--SCrd7 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 32px 0 0;
}
@media (max-width: 600px) {
  .styles__settlement-boxes-wrapper--SCrd7 {
    grid-template-columns: 1fr;
  }
}

.styles__settlement-frequency-card--x4Xmd {
  background-color: var(--color-white);
  border: 1px solid #e5f2ff;
  border-radius: 12px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  padding: 27px 17px 17px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-start;
  text-align: left;
}
@media (max-width: 600px) {
  .styles__settlement-frequency-card--x4Xmd {
    padding: 17px;
    align-items: center;
    text-align: center;
  }
}

.styles__settlement-frequency-content--seUA9 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.styles__settlement-block--VoQmt {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}
@media (max-width: 600px) {
  .styles__settlement-block--VoQmt {
    align-items: center;
  }
}

.styles__settlement-label--r7eQj {
  font-size: 10px;
  line-height: 16px;
  font-weight: 400;
  color: #0563c7;
}

.styles__settlement-value--PMX81 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #0563c7;
}

.styles__settlement-price-row--FuHzZ {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 600px) {
  .styles__settlement-price-row--FuHzZ {
    justify-content: center;
    gap: 4px;
  }
}

.styles__settlement-price--EwiGg {
  display: flex;
  align-items: flex-start;
  gap: 0;
}

.styles__settlement-currency--ObZ0o {
  font-size: 10px;
  line-height: 10px;
  font-weight: 600;
  color: #0563c7;
  padding-top: 5px;
}

.styles__settlement-amount--I2YW0 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #0563c7;
}

.styles__settlement-count--mexvz {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #8995a9;
}

.styles__settlement-select-button--fAhge {
  width: 100%;
  background: #0363c7;
  border-radius: 8px;
  border: none;
  padding: 7px 16px 9px;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: -0.32px;
  color: white;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
}
@media (max-width: 600px) {
  .styles__settlement-select-button--fAhge {
    padding-left: 12px;
    padding-right: 12px;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/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 ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles__wrapper--EvNC7 {
  display: flex;
  position: fixed;
  z-index: 2000;
  bottom: 16px;
  left: 16px;
  right: 16px;
  background: #488804;
  padding: 12px;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
}

.styles__icon--b80PM {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}

.styles__icon--b80PM svg,
.styles__icon--b80PM img {
  width: 16px;
  height: 16px;
  display: block;
}

.styles__message--h_9se {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.2;
  color: #ffffff;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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__payment-card--lQrit {
  background: #f2f8fe;
  border: 2px solid #0363c7;
  border-radius: 24px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
  padding: 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 100%;
  flex: 1 1 0;
  min-width: 0;
}

.styles__progress-row--ar38U {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.styles__progress-group--QtYtH {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  width: 100%;
}

.styles__progress-label--QJIhY {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 10px;
  line-height: 1.3;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  color: #0363c7;
  white-space: nowrap;
}

.styles__progress-track--DqRkQ {
  flex: 1;
  height: 8px;
  background: #ddedfd;
  border-radius: 100px;
  overflow: hidden;
  position: relative;
}

.styles__progress-fill--QqTS3 {
  height: 100%;
  background: #d9d9d9;
  border-radius: 100px;
}

.styles__progress-fill-active--mklRG {
  background: rgba(3, 99, 199, 0.7);
}

.styles__headline--WdGTU {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: -0.48px;
  color: #003c8f;
  text-align: center;
}

.styles__plan-details-card--zmUin {
  width: 100%;
  background: #ffffff;
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.styles__plan-details-title--_yn7V {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.48px;
  color: #6c7a93;
  text-align: center;
}

.styles__plan-details-rows--Z1j_P {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.styles__plan-details-row--oBBAW {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

.styles__plan-details-label--beV18 {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  color: rgba(39, 48, 63, 0.7);
}

.styles__plan-details-row-content--j9VM0 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.styles__plan-details-value--nOUVM {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
  color: #0363c7;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.styles__plan-details-value-secondary--hhl5c {
  color: #646c78;
  font-weight: 400;
  font-size: 12px;
}

.styles__plan-details-currency--fn1jv {
  font-size: 8px;
  line-height: 1;
  font-weight: 600;
  color: #0363c7;
}

.styles__plan-details-icon--vsb7u,
.styles__plan-details-note-icon--XoQqW {
  width: 14px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.styles__plan-details-note-icon--XoQqW {
  margin-right: 4px;
  vertical-align: middle;
}

.styles__plan-details-icon--vsb7u span,
.styles__plan-details-note-icon--XoQqW span {
  width: 12.833px;
  height: 12.833px;
  display: block;
  mask-repeat: no-repeat;
  mask-size: 14px 14px;
  mask-position: -0.584px -0.583px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 14px 14px;
  -webkit-mask-position: -0.584px -0.583px;
}

.styles__plan-details-icon--vsb7u img,
.styles__plan-details-note-icon--XoQqW img {
  width: 100%;
  height: 100%;
  display: block;
}

.styles__plan-details-meta--kl5Yd {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.styles__plan-details-note--PcUWR {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100%;
  position: relative;
}

.styles__plan-details-note-text--POQrw {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #8995a9;
  text-align: center;
  max-width: 438px;
}

.styles__summary--kEv3O {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.styles__summary-row--Jwzrp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.styles__summary-label--VYgKf {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #6c7a93;
}

.styles__summary-value--ZMnQB {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.2;
  text-align: right;
  white-space: nowrap;
}

.styles__currency-symbol--pumos {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
}

.styles__amount-primary--JNc7l {
  color: #0363c7;
}

.styles__amount-secondary--wY0th {
  color: #6c7a93;
}

.styles__actions--fbUS6 {
  display: flex;
  flex-direction: column;
  gap: 9px;
  width: 100%;
}

.styles__actions--fbUS6 button,
.styles__actions--fbUS6 a {
  border-radius: 8px !important;
  padding: 7px 16px 9px !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  letter-spacing: -0.32px !important;
  box-shadow: none !important;
  text-transform: none !important;
  background: #0363c7 !important;
  color: #ffffff !important;
  border: 1px solid #0363c7 !important;
}

.styles__actions--fbUS6 .styles__secondary-button--imbtZ {
  background: transparent !important;
  color: #0363c7 !important;
  border: 1px solid #0363c7 !important;
}

.styles__actions--fbUS6 button::before,
.styles__actions--fbUS6 button::after,
.styles__actions--fbUS6 a::before,
.styles__actions--fbUS6 a::after {
  content: none !important;
}

.styles__contact-notice--rYG2d {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  width: 100%;
  position: relative;
}

.styles__contact-icon--bsrOu {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  padding: 2px 0;
}

.styles__contact-icon--bsrOu span {
  width: 12.833px;
  height: 12.833px;
  display: block;
  mask-repeat: no-repeat;
  mask-size: 14px 14px;
  mask-position: -0.584px -0.583px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 14px 14px;
  -webkit-mask-position: -0.584px -0.583px;
}

.styles__contact-icon--bsrOu img {
  width: 100%;
  height: 100%;
  display: block;
}

.styles__contact-text--miZGk {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #8995a9;
  text-align: center;
  max-width: 438px;
}

.styles__contact-number--amePf {
  font-weight: 400;
  color: inherit;
}

.styles__payment-history-hidden--F0keA {
  display: none;
}

@media (max-width: 1023px) {
  .styles__payment-card--lQrit {
    padding: 32px;
  }
  .styles__plan-details-note-text--POQrw {
    max-width: 100%;
  }
  .styles__plan-details-icon--vsb7u {
    position: absolute;
    left: 9px;
    top: 0;
  }
  .styles__contact-text--miZGk {
    max-width: 100%;
    padding-left: 24px;
    text-align: left;
  }
  .styles__contact-icon--bsrOu {
    position: absolute;
    left: 9px;
    top: 0;
  }
}
@media (max-width: 809px) {
  .styles__progress-group--QtYtH {
    gap: 24px;
  }
}
@media (max-width: 480px) {
  .styles__payment-card--lQrit {
    padding: 24px;
    border-radius: 16px;
  }
  .styles__plan-details-icon--vsb7u {
    left: -7px;
  }
  .styles__progress-group--QtYtH {
    gap: 24px;
  }
  .styles__plan-details-card--zmUin {
    padding: 16px;
  }
  .styles__contact-icon--bsrOu {
    left: -7px;
  }
}
@media (max-width: 320px) {
  .styles__payment-card--lQrit {
    padding: 16px;
    border-radius: 12px;
    gap: 16px;
  }
  .styles__plan-details-icon--vsb7u {
    left: -2px;
  }
  .styles__progress-group--QtYtH {
    gap: 16px;
  }
  .styles__plan-details-card--zmUin {
    padding: 12px;
    gap: 12px;
  }
  .styles__headline--WdGTU {
    font-size: 18px;
    letter-spacing: -0.36px;
    line-height: 1.2;
  }
  .styles__summary-value--ZMnQB {
    font-size: 16px;
  }
  .styles__contact-text--miZGk {
    font-size: 13px;
  }
  .styles__contact-icon--bsrOu {
    left: -2px;
  }
}

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