@charset "UTF-8";
/* Secondary Colors */
/**
 * Fixed Spacing Variables:
 * Though we can use relative units for most cases, we still need some fixed variable to overcome some drawbacks of relative units.
 * Example we don't want the left and right side padding of container to be increased relatively to the font-size.
 * The vertical spacing between two modules to be same regardless of increasing the font-size.
 * The spacing scale is a base-8 scale. We chose a base-8 scale because eight is a highly composable number (it can be divided and multiplied many times and result in whole numbers), yet allows spacing dense enough for UI. The scale's exception is that it begins at 4px to allow smaller padding and margin for denser parts of the site, from there on it steps up consistently in equal values of 8px. Refer https://primer.style/css/support/
*/
/* Other spacing values. Use this only where its required and not able to use above fixed spacing according to the design:
 * Useful for buttons and form elements.
 * Refer https://primer.style/css/spacing/
*/
/* stylelint-disable scss/at-mixin-pattern */
@-webkit-keyframes shimmer {
  from {
    background-position: -1000px 0;
  }
  to {
    background-position: 1000px 0;
  }
}
@keyframes shimmer {
  from {
    background-position: -1000px 0;
  }
  to {
    background-position: 1000px 0;
  }
}
/* common css file where we define the font and some base css */
/** @define common; weak */
/* stylelint-disable */
body {
  margin: 0;
  line-height: normal;
  font-size: 16px;
  font-weight: 400;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  width: auto;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
p {
  margin: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}

.hidden {
  display: none !important;
}

.visible {
  display: block;
}

.only-desktop {
  display: none;
}

.only-mobile {
  display: block;
}

/* Rich Text Editor */
.sc-rte img {
  max-width: 100%;
  height: auto;
}
.sc-rte figure {
  margin: 8px 0;
}
.sc-rte figcaption {
  font-style: italic;
}
.sc-rte table {
  width: 100%;
  border-collapse: collapse;
  word-break: break-word;
}
.sc-rte table,
.sc-rte th,
.sc-rte td {
  border: 1px solid #e1e1e1;
  padding: 8px;
  background-color: #fff;
  vertical-align: middle;
}
.sc-rte th {
  color: #2772c7;
  text-transform: uppercase;
  font-weight: normal;
}
.sc-rte ol,
.sc-rte ul {
  margin-bottom: 16px;
}
.sc-rte ol li,
.sc-rte ul li {
  margin-bottom: 8px;
}
.sc-rte ol li ul,
.sc-rte ol li ol,
.sc-rte ul li ul,
.sc-rte ul li ol {
  margin-bottom: 16px;
}
.sc-rte ol {
  list-style: decimal;
  padding-left: 20px;
}
.sc-rte ul {
  list-style: disc;
  padding-left: 20px;
}
.sc-rte p {
  color: #000;
  margin-bottom: 8px;
}
.sc-rte p:empty {
  display: none;
}

.sc-content-wrapper {
  padding: 0 16px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* Apply touch-action only on mobile devices */
/** @end */
/* Secondary Colors */
/**
 * Fixed Spacing Variables:
 * Though we can use relative units for most cases, we still need some fixed variable to overcome some drawbacks of relative units.
 * Example we don't want the left and right side padding of container to be increased relatively to the font-size.
 * The vertical spacing between two modules to be same regardless of increasing the font-size.
 * The spacing scale is a base-8 scale. We chose a base-8 scale because eight is a highly composable number (it can be divided and multiplied many times and result in whole numbers), yet allows spacing dense enough for UI. The scale's exception is that it begins at 4px to allow smaller padding and margin for denser parts of the site, from there on it steps up consistently in equal values of 8px. Refer https://primer.style/css/support/
*/
/* Other spacing values. Use this only where its required and not able to use above fixed spacing according to the design:
 * Useful for buttons and form elements.
 * Refer https://primer.style/css/spacing/
*/
/* stylelint-disable scss/at-mixin-pattern */
@keyframes shimmer {
  from {
    background-position: -1000px 0;
  }
  to {
    background-position: 1000px 0;
  }
}
/** @define title; weak */
.sc-title {
  color: #525355;
  font-size: 1.5rem;
  font-weight: 400;
  position: relative;
  margin-bottom: 24px;
}
.sc-title--underline::after {
  content: "";
  width: 100px;
  height: 8px;
  background-image: url('data:image/svg+xml,<svg width="102" height="9" viewBox="0 0 102 9" fill="none" xmlns="http://www.w3.org/2000/svg"><rect y="0.40332" width="101.695" height="8.47458" fill="%2338D200"/><rect x="33.8984" y="0.40332" width="67.7966" height="8.47458" fill="%230F7AED"/></svg>');
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
  display: block;
  margin-top: 12px;
}
.sc-title--center {
  text-align: center;
}
.sc-title--bold {
  font-weight: 500;
}
.sc-title--with-drop::before {
  content: "ª";
  color: #0473ea;
}
.sc-title--with-drop::after {
  content: "º";
  color: #38d200;
}
/** @end */
/** @define dac-topup-jrny; weak */
.sc-dac-topup-jrny {
  max-width: 800px;
  min-width: 320px;
  margin: 0 auto;
  position: relative;
}
.sc-dac-topup-jrny__bg-image {
  min-height: 200px;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.sc-dac-topup-jrny__bg-img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  z-index: 0;
}
.sc-dac-topup-jrny__sub-title {
  font-size: 1rem;
  font-weight: 500;
  color: #0c3a66;
}
.sc-dac-topup-jrny .sc-btn {
  background-color: #0473ea;
  border-color: #0473ea;
  /* stylelint-disable plugin/selector-bem-pattern */
  /* stylelint-enable plugin/selector-bem-pattern */
}
.sc-dac-topup-jrny .sc-btn:hover {
  background-color: #0c3a66;
  border-color: #0c3a66;
}
.sc-dac-topup-jrny .sc-btn--disabled {
  border-color: #c3defa;
  color: #719ac1;
  background-color: #c3defa;
}
.sc-dac-topup-jrny .sc-btn--disabled:hover {
  cursor: not-allowed;
  border-color: #c3defa;
  color: #719ac1;
  background-color: #c3defa;
}
.sc-dac-topup-jrny .sc-btn--disabled svg {
  /* stylelint-disable max-nesting-depth, selector-max-compound-selectors */
  /* stylelint-enable max-nesting-depth, selector-max-compound-selectors */
}
.sc-dac-topup-jrny .sc-btn--disabled svg path {
  fill: #719ac1;
}

/** @end */
/** @define dac-topup-jrny-head; weak */
.sc-dac-topup-jrny-head {
  position: relative;
  z-index: 1;
}
.sc-dac-topup-jrny-head__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 0;
  min-height: 100px;
}
.sc-dac-topup-jrny-head__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
}
.sc-dac-topup-jrny-head svg {
  width: 27px;
  height: 27px;
  display: block;
}
.sc-dac-topup-jrny-head__back {
  margin-right: 8px;
}
.sc-dac-topup-jrny-head__close-btn {
  cursor: pointer;
  background: transparent;
  padding: 0;
}
.sc-dac-topup-jrny-head__close-btn svg {
  width: 30px;
  height: 30px;
}

/** @end */
/** @define dac-topup-jrny-page; weak */
.sc-dac-topup-jrny-page {
  background: #fff;
  border-radius: 30px 60px 0 0;
  padding: 32px 0;
  display: none;
  position: relative;
  z-index: 1;
  /* stylelint-disable plugin/selector-bem-pattern */
  /* stylelint-enable plugin/selector-bem-pattern */
}
.sc-dac-topup-jrny-page.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: calc(100vh - 190px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sc-dac-topup-jrny-page .sc-heading-inner .sc-title--inner {
  color: #0c3a66;
  font-size: 1.25rem;
  font-weight: 500;
}
.sc-dac-topup-jrny-page .sc-heading-inner .sc-dac-topup-jrny-question {
  top: 3px;
  position: relative;
  /* stylelint-disable max-nesting-depth, selector-max-compound-selectors */
  /* stylelint-enable max-nesting-depth, selector-max-compound-selectors */
}
.sc-dac-topup-jrny-page .sc-heading-inner .sc-dac-topup-jrny-question svg,
.sc-dac-topup-jrny-page .sc-heading-inner .sc-dac-topup-jrny-question img {
  width: 25px;
  height: 25px;
}

/** @end */
/** @define dac-topup-jrny-link; weak */
.sc-dac-topup-jrny-link {
  color: #0473ea;
  font-size: 0.75rem;
  background: none;
  border: 0;
  cursor: pointer;
  text-decoration: none;
  font-weight: 500;
}
.sc-dac-topup-jrny-link--underline {
  border-bottom: 1px dotted #0473ea;
  font-size: 0.875rem;
  margin-top: 8px;
}

/** @end */
/** @define dac-topup-jrny-badge; weak */
.sc-dac-topup-jrny-badge {
  font-weight: 400;
  position: relative;
  margin: 16px 0 24px 0;
  color: #000;
  border: 1px solid #a9c7e9;
  background-color: #fff;
  border-radius: 10px 5px 36px 10px;
  overflow: hidden;
}
.sc-dac-topup-jrny-badge--bg-blue {
  background-color: #f7fbff;
  border: 1px solid #0473ea;
}
.sc-dac-topup-jrny-badge--normal {
  border-radius: 10px;
}
.sc-dac-topup-jrny-badge--normal::after {
  display: none;
}
.sc-dac-topup-jrny-badge--two-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sc-dac-topup-jrny-badge--two-column::after {
  display: none;
}
.sc-dac-topup-jrny-badge--two-column .sc-dac-topup-jrny-badge__inner {
  padding: 0;
}
.sc-dac-topup-jrny-badge--two-column .sc-dac-topup-jrny-link {
  padding: 16px;
  min-width: 90px;
}
.sc-dac-topup-jrny-badge--curve {
  border-radius: 32px 6px 32px 10px;
}
.sc-dac-topup-jrny-badge--curve .sc-dac-topup-jrny-badge__desc {
  font-size: 0.875rem;
}
.sc-dac-topup-jrny-badge--with-img {
  padding: 16px 0 16px 16px;
}
.sc-dac-topup-jrny-badge--with-img .sc-dac-topup-jrny-badge__img {
  width: 60px;
}
.sc-dac-topup-jrny-badge--gadient-bord {
  padding: 1px;
  background: linear-gradient(238.65deg, #19bcfc 13%, #e3e3e3 23.42%, #e3e3e3 75.73%, #00e14d 88.12%);
}
.sc-dac-topup-jrny-badge--gadient-bord .sc-dac-topup-jrny-badge__main-inner {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 0 16px 16px;
  border-radius: 32px 6px 32px 10px;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sc-dac-topup-jrny-badge__amount {
  font-size: 1.375rem;
  color: #0c3a66;
}
.sc-dac-topup-jrny-badge__amount strong {
  font-weight: 500;
}
.sc-dac-topup-jrny-badge__icon {
  width: 28px;
  height: 28px;
  margin-right: 8px;
}
.sc-dac-topup-jrny-badge__icon svg {
  width: 100%;
  height: 100%;
}
.sc-dac-topup-jrny-badge__inner {
  padding: 16px;
  font-size: 0.75rem;
  border-radius: 6px;
  height: 100%;
  min-height: 40px;
}
.sc-dac-topup-jrny-badge__title {
  font-weight: 500;
  font-size: 1rem;
  color: #0c3a66;
}
.sc-dac-topup-jrny-badge__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  min-height: auto;
  margin-top: 4px;
}
.sc-dac-topup-jrny-badge__inner-title {
  color: #6b6e73;
}
.sc-dac-topup-jrny-badge__inner-title span {
  display: block;
  font-weight: 400;
}
.sc-dac-topup-jrny-badge__inner-title .oldTenor {
  display: inline;
}
.sc-dac-topup-jrny-badge__gradient-title {
  font-weight: 500;
  font-size: 1.25rem;
  background: linear-gradient(135.08deg, #0080db -30.67%, #00a647 63.6%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sc-dac-topup-jrny-badge__img img {
  max-height: 80px;
}
.sc-dac-topup-jrny-badge__desc {
  display: block;
  font-size: 0.75rem;
  color: #0c3a66;
  margin-top: 4px;
}
.sc-dac-topup-jrny-badge::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.1097 50.9134C46.4009 50.3558 51.2179 47.1964 54.1925 42.3368C55.1828 40.7066 55.9237 38.9344 56.39 37.0802C56.8956 35.0781 57 34.2165 57 32.0074C57 29.7983 56.8956 28.9366 56.39 26.9345C55.9237 25.0804 55.1828 23.3082 54.1925 21.6779C50.8691 16.2461 45.3105 13 39.3341 13C36.2823 13 33.4518 13.8237 30.6192 15.5343C29.4578 16.2376 7 31.8955 7 32.0032C7 32.0898 29.5769 47.8638 30.5419 48.4551C31.6399 49.1119 32.7933 49.6688 33.9886 50.1193C36.1068 50.8669 38.7618 51.1626 41.1097 50.9134Z' fill='%23C3DEFA'/%3E%3C/svg%3E%0A");
  height: 140px;
  width: 140px;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  right: -51px;
  bottom: -53px;
  z-index: 1;
  opacity: 0.2;
}

/** @end */
/** @define dac-topup-jrny-footer; weak */
.sc-dac-topup-jrny-footer {
  -webkit-box-shadow: 0 2px 14px rgba(220, 220, 220, 0.5);
          box-shadow: 0 2px 14px rgba(220, 220, 220, 0.5);
  background-color: #fff;
  position: relative;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 800px;
  margin: auto;
}
.sc-dac-topup-jrny-footer__wrapper {
  padding: 24px;
}
.sc-dac-topup-jrny-footer__btn {
  width: 100%;
}
.sc-dac-topup-jrny-footer__btn--transparent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border: 0;
  padding-right: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #2772c7;
  width: auto;
}

/** @end */
/** @define dac-topup-jrny-input; weak */
.sc-dac-topup-jrny-input {
  position: relative;
  padding-bottom: 32px;
  /* stylelint-disable plugin/selector-bem-pattern */
  /* stylelint-enable plugin/selector-bem-pattern */
}
.sc-dac-topup-jrny-select .sc-dac-topup-jrny-input {
  padding-bottom: 16px;
}
.sc-dac-topup-jrny-select .sc-dac-topup-jrny-input:last-child {
  padding-bottom: 0;
}
.sc-dac-topup-jrny-input__title {
  font-size: 1rem;
  color: #0c3a66;
  margin-bottom: 16px;
  font-weight: 500;
  display: inline-block;
}
.sc-dac-topup-jrny-input__input {
  display: block;
  width: 100%;
  height: 42px;
  border: 0;
  border-bottom: 1px solid #b2b2b2;
  background-color: #fff;
  color: #212121;
  font-size: 1rem;
}
.sc-dac-topup-jrny-input__input::-webkit-input-placeholder {
  color: #cccbcb;
  opacity: 1;
}
.sc-dac-topup-jrny-input__input::-moz-placeholder {
  color: #cccbcb;
  opacity: 1;
}
.sc-dac-topup-jrny-input__input::-ms-input-placeholder {
  color: #cccbcb;
  opacity: 1;
}
.sc-dac-topup-jrny-input__input::placeholder {
  color: #cccbcb;
  opacity: 1;
}
.sc-dac-topup-jrny-input__select {
  padding-right: 32px;
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IjI0cHgvQ2FyZXREb3duIj4KPGcgaWQ9IkNhcmV0RG93biI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xMy41IDZMOC41IDExTDMuNSA2IiBzdHJva2U9IiMxOTE5MTkiIHN0cm9rZS13aWR0aD0iMS44IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=") right 10px center no-repeat;
}
.sc-dac-topup-jrny-input__wrapper {
  position: relative;
}
.sc-dac-topup-jrny-input__wrapper--success .sc-dac-topup-jrny-input {
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.sc-dac-topup-jrny-input__wrapper--success .sc-dac-topup-jrny-input__input {
  border-bottom-color: #38d200;
}
.sc-dac-topup-jrny-input__wrapper--error .sc-dac-topup-jrny-input {
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.sc-dac-topup-jrny-input__wrapper--error .sc-dac-topup-jrny-input__input {
  border-bottom-color: #d0021b;
}
.sc-dac-topup-jrny-input__icon {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 10px;
  top: 10px;
}
.sc-dac-topup-jrny-input__note {
  font-size: 0.75rem;
  color: #6b6e73;
  margin-top: 8px;
}

/** @define dac-topup-jrny-otp-verify; weak */
.sc-dac-topup-jrny-otp-verify__number {
  position: relative;
  font-size: 1rem;
  display: block;
  font-weight: 500;
}
.sc-dac-topup-jrny-otp-verify__timer {
  font-size: 1rem;
  color: #666666;
}
.sc-dac-topup-jrny-otp-verify .sc-title {
  font-size: 1.875rem !important;
}
.sc-dac-topup-jrny-otp-verify .sc-description {
  color: #0c3a66;
  margin-top: 8px !important;
}
.sc-dac-topup-jrny-otp-verify .sc-content-wrapper {
  padding: 0 24px;
}
.sc-dac-topup-jrny-otp-verify .sc-appl-jrny-input__otp-code-single {
  caret-color: #38d200 !important;
}
.sc-dac-topup-jrny-otp-verify__code {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 40px 0 16px;
}
.sc-dac-topup-jrny-otp-verify__code :where([autocomplete="one-time-code"]) {
  /* stylelint-disable plugin/selector-bem-pattern */
  --_otp-digit: 0;
  --otp-ls: 1ch;
  --_otp-bgsz: calc(var(--otp-ls) + 23px);
  --_otp-bgsz: calc(var(--otp-ls) + 23px);
  all: unset;
  direction: ltr;
  background: linear-gradient(90deg, #38d200 30px, transparent 0), linear-gradient(90deg, #c1ffc9 29px, transparent 0);
  /* stylelint-disable length-zero-no-unit  */
  background-position: calc(var(--_otp-digit) * var(--_otp-bgsz)) 100%, 0 100%;
  background-position: calc(var(--_otp-digit) * var(--_otp-bgsz)) 100%, 0 100%;
  /* stylelint-enable length-zero-no-unit  */
  /* stylelint-enable plugin/selector-bem-pattern */
  background-repeat: no-repeat, repeat-x;
  background-size: 35px 2px;
  -webkit-clip-path: inset(0% 12px 0% 0%);
          clip-path: inset(0% 12px 0% 0%);
  font-size: 1.25rem;
  width: 210px;
  letter-spacing: 23px;
  padding: 8px 0 8px 8px;
  font-family: "Roboto Mono", "Menlo", "Consolas", "Liberation Mono", "Courier New", monospace !important;
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
}
.sc-dac-topup-jrny-otp-verify__code.error {
  /* stylelint-disable plugin/selector-bem-pattern, max-nesting-depth */
  /* stylelint-enable plugin/selector-bem-pattern, max-nesting-depth */
}
.sc-dac-topup-jrny-otp-verify__code.error :where([autocomplete="one-time-code"]) {
  background: linear-gradient(90deg, #d0021b 32px, transparent 0), linear-gradient(90deg, #d0021b 31px, transparent 0);
  background-position: calc(var(--_otp-digit) * var(--_otp-bgsz)) 100%, 0 100%;
  background-position: calc(var(--_otp-digit) * var(--_otp-bgsz)) 100%, 0 100%;
  background-repeat: no-repeat, repeat-x;
  background-size: 44px 2px;
}
.sc-dac-topup-jrny-otp-verify__code-txt {
  color: #666666;
  font-size: 1.25rem;
  margin-right: 8px;
}
.sc-dac-topup-jrny-otp-verify__resend-btn {
  color: #0473ea;
}
.sc-dac-topup-jrny-otp-verify__code-boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/** @end */
/** @define dac-topup-jrny-otp-input; weak */
.sc-dac-topup-jrny-otp-input__resend-btn {
  color: #0473ea;
  display: block;
}
.sc-dac-topup-jrny-otp-input__timer {
  font-size: 1rem;
  color: #666666;
  display: block;
}

/** @end */
/** @define dac-topup-jrny-otp-success; weak */
.sc-dac-topup-jrny-otp-success {
  visibility: hidden;
  min-width: 150px;
  background: -webkit-gradient(linear, left top, right top, from(#38d200), to(#0082ff));
  background: linear-gradient(90deg, #38d200 0%, #0082ff 100%);
  color: #fff;
  text-align: center;
  border-radius: 100px;
  padding: 1px;
  position: fixed;
  z-index: 1;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 120px;
  font-size: 1rem;
  /* stylelint-disable plugin/selector-bem-pattern */
  /* stylelint-enable plugin/selector-bem-pattern */
}
.sc-dac-topup-jrny-otp-success__wrapper {
  background: #0c3a66;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sc-dac-topup-jrny-otp-success__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: #38d200;
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 20px;
}
.sc-dac-topup-jrny-otp-success__icon svg {
  width: 40px;
  height: 40px;
}
.sc-dac-topup-jrny-otp-success__msg {
  width: 100%;
  padding: 8px;
  text-align: center;
}
.sc-dac-topup-jrny-otp-success--show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
          animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
@-webkit-keyframes fadein {
  0% {
    bottom: 0;
    opacity: 0;
  }
  100% {
    bottom: 30px;
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    bottom: 0;
    opacity: 0;
  }
  100% {
    bottom: 30px;
    opacity: 1;
  }
}
@-webkit-keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}
@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}

/** @end */
/** @define dac-topup-jrny-error-message; weak */
.sc-dac-topup-jrny-error-message {
  position: relative;
  color: #d0021b;
  font-size: 0.75rem;
  font-weight: 400;
  padding-left: 24px;
  margin-top: 8px;
}
.sc-dac-topup-jrny-error-message::before {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 14C11.8137 14 14.5 11.3137 14.5 8C14.5 4.68629 11.8137 2 8.5 2C5.18629 2 2.5 4.68629 2.5 8C2.5 11.3137 5.18629 14 8.5 14Z' stroke='%23D0021B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 5V8.5' stroke='%23D0021B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 11.5C8.91421 11.5 9.25 11.1642 9.25 10.75C9.25 10.3358 8.91421 10 8.5 10C8.08579 10 7.75 10.3358 7.75 10.75C7.75 11.1642 8.08579 11.5 8.5 11.5Z' fill='%23D0021B'/%3E%3C/svg%3E%0A");
}

/** @end */
/** @define mobile-modal; weak */
/* stylelint-disable plugin/selector-bem-pattern */
.sc-mobile-modal,
.sc-mobile-common-modal {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(25, 25, 25, 0.8);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.sc-mobile-modal.visible,
.sc-mobile-common-modal.visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.sc-mobile-modal.visible .sc-mobile-common-modal__dialog,
.sc-mobile-modal.visible .sc-mobile-modal__dialog,
.sc-mobile-common-modal.visible .sc-mobile-common-modal__dialog,
.sc-mobile-common-modal.visible .sc-mobile-modal__dialog {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.sc-mobile-modal__dialog,
.sc-mobile-common-modal__dialog {
  background-color: #fff;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  position: fixed;
  opacity: 0;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
  max-width: 600px;
  border-radius: 20px 20px 0 0;
  margin: 0;
  width: 100%;
  height: calc(100% - 32px);
  bottom: 0;
  border-bottom: 1px solid #e1e1e1;
  overflow-y: auto;
}
.sc-mobile-modal__body,
.sc-mobile-common-modal__body {
  text-align: left;
  padding: 32px 16px;
  background: #fff;
  height: calc(100% - 105px);
  overflow-y: auto;
  width: 100%;
}
.sc-mobile-modal__footer,
.sc-mobile-common-modal__footer {
  border-top: 1px solid #e5e5e5;
  -webkit-box-shadow: 0 2px 14px 0 rgba(220, 220, 220, 0.5);
          box-shadow: 0 2px 14px 0 rgba(220, 220, 220, 0.5);
  position: fixed;
  width: 100%;
  bottom: 0;
  background: #fff;
  padding: 16px 24px;
  right: 0;
  z-index: 10;
}
.sc-mobile-modal__footer .sc-btn,
.sc-mobile-common-modal__footer .sc-btn {
  margin-top: 16px;
}
.sc-mobile-modal__footer .sc-btn:first-child,
.sc-mobile-common-modal__footer .sc-btn:first-child {
  margin-top: 0;
}
.sc-mobile-modal__content,
.sc-mobile-common-modal__content {
  height: 100%;
}
.sc-mobile-modal__header,
.sc-mobile-common-modal__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 32px;
  font-weight: 500;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
}
.sc-mobile-modal__header-title,
.sc-mobile-common-modal__header-title {
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.sc-mobile-modal__close, .sc-mobile-modal__download,
.sc-mobile-common-modal__close,
.sc-mobile-common-modal__download {
  border: 0;
  background: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sc-mobile-modal__close svg, .sc-mobile-modal__download svg,
.sc-mobile-common-modal__close svg,
.sc-mobile-common-modal__download svg {
  width: 18px;
  height: 18px;
}
.sc-mobile-modal .sc-btn,
.sc-mobile-common-modal .sc-btn {
  width: 100%;
  background-color: #0b56a8;
  border-color: #0b56a8;
}
.sc-mobile-modal .sc-btn--secondary,
.sc-mobile-common-modal .sc-btn--secondary {
  background-color: #fff;
  color: #0b56a8;
  border-color: #fff;
  /* stylelint-disable max-nesting-depth, selector-max-compound-selectors */
  /* stylelint-enable max-nesting-depth, selector-max-compound-selectors */
}
.sc-mobile-modal .sc-btn--secondary.sc-btn--icon svg path,
.sc-mobile-common-modal .sc-btn--secondary.sc-btn--icon svg path {
  fill: #5b7389;
}
.sc-mobile-modal .sc-btn--secondary-white,
.sc-mobile-common-modal .sc-btn--secondary-white {
  border-color: #fff;
  color: #0c3a66;
  background-color: #fff;
  /* stylelint-disable max-nesting-depth, selector-max-compound-selectors */
  /* stylelint-enable max-nesting-depth, selector-max-compound-selectors */
}
.sc-mobile-modal .sc-btn--secondary-white.sc-btn--icon svg path,
.sc-mobile-common-modal .sc-btn--secondary-white.sc-btn--icon svg path {
  fill: #5b7389;
}
.sc-mobile-modal .sc-btn--secondary-white:hover,
.sc-mobile-common-modal .sc-btn--secondary-white:hover {
  border-color: #fff;
  color: #0b56a8;
  background-color: transparent;
}
.sc-mobile-modal iframe,
.sc-mobile-common-modal iframe {
  width: 100%;
  height: 100vh;
}
.sc-mobile-modal__footer-btn,
.sc-mobile-common-modal__footer-btn {
  width: 100%;
  position: relative;
}
.sc-mobile-modal__footer-btn::before,
.sc-mobile-common-modal__footer-btn::before {
  content: "ª";
  color: #fff;
  position: absolute;
  left: 50px;
  font-size: 2.5rem;
  top: calc(50% - 3px);
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.sc-mobile-modal__footer-btn--disabled,
.sc-mobile-common-modal__footer-btn--disabled {
  border-color: #c3defa;
  color: #719ac1;
  background-color: #c3defa;
}
.sc-mobile-modal__footer-btn--disabled:hover,
.sc-mobile-common-modal__footer-btn--disabled:hover {
  cursor: not-allowed;
  border-color: #c3defa;
  color: #719ac1;
  background-color: #c3defa;
}
.sc-mobile-modal__footer-btn--disabled::before,
.sc-mobile-common-modal__footer-btn--disabled::before {
  content: "ª";
  color: #719ac1;
}
.sc-mobile-modal--close-btn .sc-mobile-modal__header,
.sc-mobile-common-modal--close-btn .sc-mobile-modal__header {
  border-bottom: 0;
}
.sc-mobile-modal--close-btn .sc-mobile-modal__close,
.sc-mobile-common-modal--close-btn .sc-mobile-modal__close {
  width: 100%;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.sc-mobile-modal--auto-height .sc-mobile-modal__dialog,
.sc-mobile-common-modal--auto-height .sc-mobile-modal__dialog {
  height: auto;
  max-height: calc(100% - 32px);
}
.sc-mobile-modal--popup,
.sc-mobile-common-modal--popup {
  /* stylelint-disable selector-max-id */
  /* stylelint-enable selector-max-id */
}
.sc-mobile-modal--popup .sc-mobile-modal__body,
.sc-mobile-common-modal--popup .sc-mobile-modal__body {
  max-height: 600px;
  padding-bottom: 90px;
  /* stylelint-disable-line scale-unlimited/declaration-strict-value */
  overflow-y: scroll;
}
.sc-mobile-modal--popup .sc-mobile-modal__dialog,
.sc-mobile-common-modal--popup .sc-mobile-modal__dialog {
  background: transparent;
  left: 16px;
  right: 16px;
  width: calc(100% - 32px);
  height: auto;
  margin: 0 auto;
  bottom: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
  overflow-y: auto;
  border-radius: 43px 24px 55px 34px;
}
.sc-mobile-modal--popup .sc-mobile-modal__popup-inner-title,
.sc-mobile-common-modal--popup .sc-mobile-modal__popup-inner-title {
  margin-top: 0;
  font-size: 1.25rem;
  font-weight: 500;
  color: #0c3a66;
}
.sc-mobile-modal--popup .sc-mobile-modal__popup-inner,
.sc-mobile-common-modal--popup .sc-mobile-modal__popup-inner {
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.sc-mobile-modal--popup .sc-mobile-modal__popup-inner .sc-title,
.sc-mobile-common-modal--popup .sc-mobile-modal__popup-inner .sc-title {
  font-size: 1.25rem;
  color: #0c3a66;
  font-weight: 500;
}
.sc-mobile-modal--popup .sc-mobile-modal__popup-inner-desc,
.sc-mobile-common-modal--popup .sc-mobile-modal__popup-inner-desc {
  font-size: 0.875rem;
  font-weight: 400;
  margin-top: 8px;
}
.sc-mobile-modal--popup .sc-heading-inner,
.sc-mobile-common-modal--popup .sc-heading-inner {
  margin-bottom: 0;
}
.sc-mobile-modal--popup .sc-heading-inner__icon,
.sc-mobile-common-modal--popup .sc-heading-inner__icon {
  width: 100px;
  height: 100px;
  display: block;
  margin: 0 auto 8px;
}
.sc-mobile-modal--popup#sc-exit-popup .sc-mobile-modal,
.sc-mobile-common-modal--popup#sc-exit-popup .sc-mobile-modal {
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.sc-mobile-modal--popup#sc-exit-popup .sc-mobile-modal__body,
.sc-mobile-common-modal--popup#sc-exit-popup .sc-mobile-modal__body {
  padding-bottom: 160px;
  /* stylelint-disable-line scale-unlimited/declaration-strict-value */
}
.sc-mobile-modal--intro .sc-dac-topup-jrny-popup-content,
.sc-mobile-common-modal--intro .sc-dac-topup-jrny-popup-content {
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.sc-mobile-modal--intro .sc-dac-topup-jrny-popup-content__desc li,
.sc-mobile-common-modal--intro .sc-dac-topup-jrny-popup-content__desc li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sc-mobile-modal--intro .sc-dac-topup-jrny-popup-content__list-icon,
.sc-mobile-common-modal--intro .sc-dac-topup-jrny-popup-content__list-icon {
  margin-right: 16px;
}
.sc-mobile-modal--intro .sc-dac-topup-jrny-popup-content__list-icon svg,
.sc-mobile-common-modal--intro .sc-dac-topup-jrny-popup-content__list-icon svg {
  width: 32px;
  height: 32px;
}

/* stylelint-enable plugin/selector-bem-pattern */
/** @end */
/** @define dac-topup-jrny-popup-content; weak */
.sc-dac-topup-jrny-popup-content {
  color: #0c3a66;
}
.sc-dac-topup-jrny-popup-content__head {
  text-align: center;
  margin-bottom: 16px;
}
.sc-dac-topup-jrny-popup-content__title {
  font-size: 1.25rem;
  font-weight: 500;
}
.sc-dac-topup-jrny-popup-content__sub-title {
  margin-top: 16px;
  font-size: 0.875rem;
  font-weight: 500;
}
.sc-dac-topup-jrny-popup-content__desc {
  font-size: 0.875rem;
  /* stylelint-disable plugin/selector-bem-pattern */
  /* stylelint-enable plugin/selector-bem-pattern */
}
.sc-dac-topup-jrny-popup-content__desc.sc-rte * {
  color: #0c3a66;
}
.sc-dac-topup-jrny-popup-content ul {
  margin-top: 16px;
}
.sc-dac-topup-jrny-popup-content .sc-rte * {
  color: #0c3a66;
}
.sc-dac-topup-jrny-popup-content--left .sc-dac-topup-jrny-popup-content__head {
  text-align: left;
}

/** @end */
/** @define dac-topup-jrny-question; weak */
.sc-dac-topup-jrny-question {
  line-height: 1;
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 0 4px;
}
.sc-dac-topup-jrny-question svg,
.sc-dac-topup-jrny-question img {
  width: 16px;
  height: 16px;
  margin-left: 0;
  position: relative;
}

/** @end */
.sc-dac-topup-jrny-submission {
  background: #fff;
  min-height: calc(100vh - 58px);
  margin: 0;
  padding: 0;
}
.sc-dac-topup-jrny-submission .sc-content-wrapper {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sc-dac-topup-jrny-submission__view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 32px;
}
.sc-dac-topup-jrny-submission__description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  text-align: left;
  color: #0c3a66;
  margin-top: 16px;
}
.sc-dac-topup-jrny-submission__description--info {
  text-align: left;
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.sc-dac-topup-jrny-submission__description--info .sc-dac-topup-jrny-submission__description-title {
  font-size: 1rem;
}
.sc-dac-topup-jrny-submission__description--info .sc-dac-topup-jrny-submission__description p {
  color: #6b6e73;
}
.sc-dac-topup-jrny-submission__description strong {
  font-weight: 600;
  display: inline-block;
}
.sc-dac-topup-jrny-submission__description p,
.sc-dac-topup-jrny-submission__description a {
  margin-top: 16px;
  font-weight: 400;
  font-size: 0.875rem;
  color: #191919;
}
.sc-dac-topup-jrny-submission__description a {
  color: #2772c7;
}
.sc-dac-topup-jrny-submission__description-title {
  font-weight: 500;
  font-size: 1.375rem;
}
.sc-dac-topup-jrny-submission__box {
  background: #fff;
  border-radius: 20px 20px 0 0;
  padding: 32px 32px 90px;
  /* stylelint-disable-line scale-unlimited/declaration-strict-value */
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  top: 2px;
  min-height: 300px;
}
.sc-dac-topup-jrny-submission__img {
  display: block;
  margin: 0 auto;
  padding-top: 32px;
  width: 160px;
}
.sc-dac-topup-jrny-submission__ref-id {
  font-size: 1rem;
  color: #0c3a66;
  display: block;
}
.sc-dac-topup-jrny-submission__ref-id--error {
  color: #757575;
  text-align: center;
  font-size: 0.875rem;
}
.sc-dac-topup-jrny-submission__err-id {
  font-size: 0.875rem;
  color: #757575;
  padding-top: 16px;
  text-align: center;
  display: block;
}
.sc-dac-topup-jrny-submission__submit {
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.sc-dac-topup-jrny-submission__submit .sc-dac-topup-jrny-submission__description p,
.sc-dac-topup-jrny-submission__submit .sc-dac-topup-jrny-submission__description a {
  color: #000;
}
.sc-dac-topup-jrny-submission__submit .sc-dac-topup-jrny-submission__description-note p {
  color: #6b6e73;
  font-size: 0.75rem;
  margin-top: 0;
  border-top: 0;
  padding: 0 0 16px;
}
.sc-dac-topup-jrny-submission__fail {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* stylelint-disable plugin/selector-bem-pattern */
  /* stylelint-enable plugin/selector-bem-pattern */
}
.sc-dac-topup-jrny-submission__fail.visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sc-dac-topup-jrny-submission__footer {
  -webkit-box-shadow: 0 2px 14px rgba(220, 220, 220, 0.5);
          box-shadow: 0 2px 14px rgba(220, 220, 220, 0.5);
  background-color: #fff;
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 800px;
  margin: auto;
}
.sc-dac-topup-jrny-submission__timeline {
  margin-top: 16px;
}
.sc-dac-topup-jrny-submission__timeline .sc-dac-topup-jrny-title {
  font-weight: 500;
}
.sc-dac-topup-jrny-submission__timeline ul {
  padding-left: 8px;
}
.sc-dac-topup-jrny-submission__check {
  font-size: 0.875rem;
  font-weight: 500;
  padding-bottom: 16px;
  border-left: 2px dotted #a9c7e9;
  position: relative;
  padding-left: 24px;
  list-style-type: none;
  /* stylelint-disable plugin/selector-bem-pattern */
  /* stylelint-enable plugin/selector-bem-pattern */
}
.sc-dac-topup-jrny-submission__check:last-child {
  border-left-color: #fff;
  padding-bottom: 0;
}
.sc-dac-topup-jrny-submission__check::before {
  content: "";
  left: -11px;
  top: 0;
  border: 2px solid #38d200;
  width: 20px;
  height: 20px;
  background: #fff;
  display: block;
  position: absolute;
  border-radius: 50%;
}
.sc-dac-topup-jrny-submission__check.completed::after {
  content: "";
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  left: -4px;
  top: 5px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  height: 9px;
  width: 5px;
}
.sc-dac-topup-jrny-submission__check.completed::before {
  background: radial-gradient(78.33% 78.33% at 2.36% -6.53%, #2db944 0%, #4478ff 100%);
}
.sc-dac-topup-jrny-submission__check span {
  color: #191919;
  font-size: 1rem;
}
.sc-dac-topup-jrny-submission__check p {
  font-size: 0.875rem;
  font-weight: 400;
  color: #555;
}
.sc-dac-topup-jrny-submission__check--cross {
  /* stylelint-disable plugin/selector-bem-pattern, max-nesting-depth */
  /* stylelint-enable plugin/selector-bem-pattern, max-nesting-depth */
}
.sc-dac-topup-jrny-submission__check--cross.completed::after {
  content: "x";
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  position: absolute;
  left: -6px;
  top: -4px;
  border: solid #38d200;
  border-width: 0;
  height: 11px;
  font-size: 15px;
  /* stylelint-disable-line scale-unlimited/declaration-strict-value */
}
.sc-dac-topup-jrny-submission__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.sc-dac-topup-jrny-submission__details svg {
  width: 22px;
  height: 22px;
}
.sc-dac-topup-jrny-submission__detail {
  padding: 0 0 0 8px;
  width: 100%;
}
.sc-dac-topup-jrny-submission__detail .sc-dac-topup-jrny-card__title {
  color: #6b6e73;
  font-size: 0.875rem;
}
.sc-dac-topup-jrny-submission__detail-title {
  color: #6b6e73;
  font-size: 0.875rem;
  font-weight: 500;
}
.sc-dac-topup-jrny-submission__amt {
  border-left: 4px solid #eee;
  padding-left: 8px;
  margin-top: 8px;
}
.sc-dac-topup-jrny-submission__fee-desc {
  color: #6b6e73;
  font-size: 0.75rem;
}
.sc-dac-topup-jrny-submission .sc-dac-topup-jrny-card {
  padding: 16px;
  background-color: #f7fbff;
}
.sc-dac-topup-jrny-submission .sc-dac-topup-jrny-card__main, .sc-dac-topup-jrny-submission .sc-dac-topup-jrny-card__inner {
  padding: 0;
}
.sc-dac-topup-jrny-submission .sc-dac-topup-jrny-card__value {
  font-size: 1rem;
  text-align: right;
}
.sc-dac-topup-jrny-submission .sc-dac-topup-jrny-card__inner {
  padding: 16px 0 8px;
  border-bottom: 1px solid #a9c7e9;
  background-color: #f7fbff;
  border-radius: 0;
}
.sc-dac-topup-jrny-submission .sc-dac-topup-jrny-card__inner:last-child {
  border: 0;
}
.sc-dac-topup-jrny-submission .sc-dac-topup-jrny-review__value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sc-dac-topup-jrny-submission__description-icon-process, .sc-dac-topup-jrny-submission__description-icon-submit {
  color: #6b6e73;
  font-size: 13px;
  /* stylelint-disable-line scale-unlimited/declaration-strict-value */
  font-weight: 500;
  position: relative;
  padding-left: 24px;
}
.sc-dac-topup-jrny-submission__description-icon-process::before, .sc-dac-topup-jrny-submission__description-icon-submit::before {
  content: "";
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  border-radius: 50%;
}
.sc-dac-topup-jrny-submission__description-icon-process::after, .sc-dac-topup-jrny-submission__description-icon-submit::after {
  content: "";
  position: absolute;
}
.sc-dac-topup-jrny-submission__description-icon-submit::before {
  left: 1px;
  top: -2px;
  border: 2px solid #000;
  background: #000;
}
.sc-dac-topup-jrny-submission__description-icon-submit::after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  left: 7px;
  top: 2px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  height: 8px;
  width: 5px;
}
.sc-dac-topup-jrny-submission__description-icon-process::before {
  left: 1px;
  top: -2px;
  border: 2px solid #000;
}
.sc-dac-topup-jrny-submission__description-icon-process::after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  left: 5px;
  top: 4px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  height: 6px;
  width: 6px;
}
.sc-dac-topup-jrny-submission__timeline-title {
  color: #0c3a66;
  font-size: 1.25rem;
  margin: 0 0 8px 0;
}
.sc-dac-topup-jrny-submission__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sc-dac-topup-jrny-submission .sc-dac-topup-jrny-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #2772c7;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.sc-dac-topup-jrny-submission .sc-dac-topup-jrny-link--underline {
  margin: 0;
}
.sc-dac-topup-jrny-submission .sc-dac-topup-jrny-link svg {
  width: 18px;
  margin-right: 8px;
  height: 18px;
}
.sc-dac-topup-jrny-submission .sc-heading-inner .sc-title--inner {
  color: #fff;
}
.sc-dac-topup-jrny-submission .sc-heading-inner__icon {
  width: 100%;
  height: 300px;
}

/** @define mobile-common-modal; weak */
.sc-mobile-common-modal__body {
  max-height: 500px;
  overflow-y: scroll;
}
.sc-mobile-common-modal__dialog {
  background: transparent;
  left: 16px;
  right: 16px;
  width: calc(100% - 32px);
  height: auto;
  margin: 0 auto;
  bottom: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
  overflow-y: auto;
  border-radius: 43px 24px 55px 34px;
}
.sc-mobile-common-modal__title {
  margin-top: 0;
  font-size: 1.25rem;
  font-weight: 500;
  color: #0c3a66;
}
.sc-mobile-common-modal__desc {
  margin: 16px 0;
  font-size: 0.875rem;
  font-weight: 400;
  color: #0c3a66;
}
.sc-mobile-common-modal__icon {
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.sc-mobile-common-modal__icon svg {
  width: 40px;
}
.sc-mobile-common-modal__footer {
  position: relative;
}

/** @end */
/** @define loading-gif; weak */
.sc-loading-gif {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 9999;
  /* stylelint-disable selector-type-no-unknown  */
  /* stylelint-enable selector-type-no-unknown  */
}
.sc-loading-gif lottie-player {
  width: 100px;
  height: 100px;
}

/** @end */

@media (pointer: coarse) and (max-width: 768px) {
  body {
    /* Allow scrolling, prevent zoom */
    -ms-touch-action: pan-x pan-y;
        touch-action: pan-x pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
  }
}

@media (min-width: 1024.98px) {
  .sc-title {
    font-size: 1.875rem;
    margin-bottom: 32px;
  }
}