/* Ambil kode Gw! boleh aja.., asal Lu tau diri bre.
// Note: hargai pembuat kode dan tidak mengubah copyrigth.
// ©2026 - develofer By NLhost */
.img-header[data-v-4a87a389] { height: 1.56rem; width: 1.56rem; }

.popup-verification-status[data-v-4a87a389] { inset: 0px; height: 100%; position: fixed; width: 100%; z-index: 100; }

.popup-verification-status__button[data-v-4a87a389] { background-color: rgb(16, 142, 233); border: 0px; border-radius: 0.04rem; color: rgb(255, 255, 255); cursor: pointer; font-size: 0.16rem; font-weight: 600; padding: 0.12rem; width: 100%; }

.popup-verification-status__button.second[data-v-4a87a389] { background-color: rgb(255, 255, 255); color: rgb(16, 142, 233); margin-top: 0.08rem; }

.popup-verification-status__background-header[data-v-4a87a389] { border-radius: 0.07rem; }

.popup-verification-status__content[data-v-4a87a389] { -webkit-box-align: center; align-items: center; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column; text-align: center; }

.popup-verification-status__cover[data-v-4a87a389] { background-color: rgb(255, 255, 255); border-radius: 50%; margin-top: -0.6rem; height: 1.5rem; }

.popup-verification-status__desc[data-v-4a87a389] { color: rgb(49, 49, 49); font-size: 0.16rem; font-weight: 400; line-height: 0.2rem; margin-bottom: 0.28rem; max-width: 4rem; }

@media (max-width: 640px) {
  .popup-verification-status__desc[data-v-4a87a389] { font-size: 0.14rem; max-width: 3rem; }
}

.popup-verification-status__desc .countdown[data-v-4a87a389] { color: rgb(251, 139, 1); }

.popup-verification-status__footer[data-v-4a87a389] { border-top: 0.01rem solid rgb(209, 209, 209); padding: 0.08rem 0.16rem 0.16rem; width: 100%; }

.popup-verification-status__header[data-v-4a87a389] { border-radius: 0.07rem; padding: 0.24rem; display: flex; -webkit-box-pack: center; justify-content: center; z-index: 1; }

.popup-verification-status__mask[data-v-4a87a389] { background-color: rgba(55, 55, 55, 0.6); inset: 0px; height: 100%; position: fixed; }

.popup-verification-status__title[data-v-4a87a389] { color: rgb(49, 49, 49); font-size: 0.24rem; font-weight: 600; line-height: 0.32rem; margin-bottom: 0.12rem; }

.popup-verification-status__wrap[data-v-4a87a389] { background-color: rgb(255, 255, 255); border-radius: 0.07rem; left: 50%; position: absolute; transform: translate(-50%, -50%) translateZ(0.01rem); top: 3.79rem; width: 4.6rem; z-index: 5; }

.popup-verification-status__wrap.no-border[data-v-4a87a389] { border-radius: 0.08rem; width: 4rem; }

.popup-verification-status__wrap.no-border .popup-verification-status__header[data-v-4a87a389] { padding: 0.16rem; }

.popup-verification-status__wrap.no-border .popup-verification-status__title[data-v-4a87a389] { font-size: 0.18rem; line-height: 0.24rem; margin: 0px 0px 0.08rem; padding: 0px 0.16rem; }

.popup-verification-status__wrap.no-border .popup-verification-status__desc[data-v-4a87a389] { margin-bottom: 0.12rem; padding: 0px 0.16rem; }

.popup-verification-status__wrap.no-border .popup-verification-status__footer[data-v-4a87a389] { border-top: none; }

.popup-verification-status .mobile-view[data-v-4a87a389] { display: none; }

@media (max-width: 640px) {
  .popup-verification-status__wrap[data-v-4a87a389] { border-radius: 0.2rem 0.2rem 0px 0px; bottom: -2rem; top: unset; width: 100%; }
  .popup-verification-status__wrap.with-two-buttons[data-v-4a87a389] { bottom: -2.3rem; }
  .popup-verification-status__wrap.no-border[data-v-4a87a389] { border-radius: 0.12rem 0.12rem 0px 0px; bottom: -1.8rem; width: 100%; }
  .popup-verification-status__wrap.no-border .popup-verification-status__header[data-v-4a87a389] { padding: 0.16rem 0.16rem 0.12rem; }
  .popup-verification-status__wrap.no-border .popup-verification-status__title[data-v-4a87a389] { font-size: 0.2rem; line-height: 0.26rem; margin: 0px 0px 0.12rem; padding: 0px 0.1rem; }
  .popup-verification-status__wrap.no-border .popup-verification-status__desc[data-v-4a87a389] { margin-bottom: 0.12rem; padding: 0px 0.1rem; }
  .popup-verification-status .desktop-view[data-v-4a87a389] { display: none; }
  .popup-verification-status .mobile-view[data-v-4a87a389] { display: block; }
}


.masked-phonenumber[data-v-f895c2c2] { -webkit-box-align: center; align-items: center; border: 0.01rem solid rgb(227, 227, 227); border-radius: 0.24rem; display: flex; -webkit-box-pack: center; justify-content: center; padding: 0.04rem 0.08rem 0.04rem 0.04rem; }

.masked-phonenumber img[data-v-f895c2c2] { height: 0.2rem; width: 0.2rem; }

.masked-phonenumber .detail[data-v-f895c2c2] { color: rgb(49, 49, 49); font-weight: 400; font-size: 0.12rem; line-height: 0.16rem; padding-left: 0.1rem; }

.masked-phonenumber .change-button[data-v-f895c2c2] { border-left: 0.01rem solid rgb(227, 227, 227); color: rgb(16, 142, 233); cursor: pointer; font-weight: 600; font-size: 0.12rem; margin-left: 0.08rem; padding-left: 0.08rem; }

.help-core__button[data-v-39e6c897] { background-color: rgb(16, 142, 233); border: 0px; border-radius: 0.04rem; color: rgb(255, 255, 255); cursor: pointer; font-size: 0.16rem; font-weight: 600; padding: 0.16rem; width: 100%; }

.help-core__button-container[data-v-39e6c897] { padding: 0px 0.17rem 0.2rem; }

.help-core__background-header[data-v-39e6c897] { border-radius: 0.07rem; }

.help-core__content[data-v-39e6c897] { padding: 0.12rem 0.16rem 0px; text-align: center; }

.help-core__desc[data-v-39e6c897] { font-size: 0.16rem; font-weight: 400; line-height: 0.25rem; margin-bottom: 0.48rem; }

.help-core .divider[data-v-39e6c897] { background: rgb(209, 209, 209); height: 0.01rem; margin-bottom: 0.12rem; }

.help-core__header[data-v-39e6c897] { height: 1.93rem; padding-bottom: 0.1rem; }

.help-core__header img[data-v-39e6c897] { border-top-left-radius: 0.08rem; border-top-right-radius: 0.08rem; }

.help-core__mask[data-v-39e6c897] { background-color: rgba(55, 55, 55, 0.6); inset: 0px; height: 100%; position: fixed; }

.help-core__title[data-v-39e6c897] { font-size: 0.24rem; font-weight: 600; line-height: 0.32rem; margin-bottom: 0.08rem; }

.help-core__wrap[data-v-39e6c897] { background-color: rgb(255, 255, 255); border-radius: 0.07rem; left: 50%; position: absolute; transform: translate(-50%, -50%) translateZ(0.01rem); top: 3.79rem; width: 4.24rem; z-index: 5; }

@media (max-width: 640px) {
  .help-core[data-v-39e6c897] { height: 3.48rem; left: 0px; position: relative; top: auto; transform: unset; bottom: 2.1rem; }
  .help-core__content[data-v-39e6c897] { padding-bottom: 0px; }
  .help-core__desc[data-v-39e6c897] { font-size: 0.14rem; line-height: 0.22rem; margin-bottom: 0.1rem; }
  .help-core__header img[data-v-39e6c897] { height: 1.93rem; width: 100%; }
  .help-core__title[data-v-39e6c897] { font-size: 0.2rem; line-height: 0.26rem; margin-bottom: 0.1rem; }
  .help-core__wrap[data-v-39e6c897] { width: 100%; }
}


.help-popup[data-v-3f6e5b64] { inset: 0px; height: 100%; position: fixed; width: 100%; z-index: 15; }

.help-popup__mask[data-v-3f6e5b64] { background-color: rgba(55, 55, 55, 0.6); inset: 0px; height: 100%; position: fixed; z-index: 5; }


.agreement-footer { -webkit-box-align: center; align-items: center; display: flex; -webkit-box-pack: justify; justify-content: space-between; }

.agreement-footer .accordion-icon img { display: flex; height: 0.24rem; width: 0.98rem; }

.agreement-footer .dana-protection__img { height: 0.19rem; width: auto; }

.agreement-footer .dana-protection__img-small { display: none; }

.agreement-footer .dana-protection__text { color: rgb(114, 114, 114); font-size: 0.12rem; font-weight: 600; line-height: 0.16rem; margin-right: 0.04rem; }

.agreement-footer .dana-protection__wrapper { display: flex; }

.agreement-footer .help-sheet { display: none; }

.agreement-footer .help__button { background: none; border: 0.01rem solid rgb(16, 142, 233); border-radius: 0.04rem; color: rgb(16, 142, 233); cursor: pointer; font-size: 0.12rem; font-weight: 600; line-height: 0.16rem; padding: 0.08rem; width: 100%; }

.agreement-footer .help__icon { height: 0.13rem; width: 0.13rem; vertical-align: text-top; }

@media (max-width: 640px) {
  .agreement-footer { -webkit-box-align: center; align-items: center; display: flex; -webkit-box-pack: center; justify-content: center; }
  .agreement-footer .dana-protection__img { height: 0.19rem; width: auto; }
  .agreement-footer .dana-protection__img-small { display: none; height: 0.24rem; }
  .agreement-footer .dana-protection__text { color: rgb(114, 114, 114); font-size: 0.12rem; font-weight: 600; line-height: 0.16rem; }
  .agreement-footer .dana-protection__wrapper { display: flex; }
  .agreement-footer .help { display: none; }
  .agreement-footer .help-sheet { position: absolute; display: none; }
}


.agreement-header { -webkit-box-align: center; align-items: center; display: flex; gap: 0.24rem; -webkit-box-pack: center; justify-content: center; }

.agreement-header__dana-logo, .agreement-header__dana-logo .icon.svg { height: 0.52rem; width: 0.52rem; }

.agreement-header__merchant-logo { border: 1px solid rgb(227, 227, 227); border-radius: 50%; height: 0.52rem; overflow: hidden; width: 0.52rem; }

.agreement-header__merchant-logo img { height: 100%; object-fit: contain; width: 100%; }

.agreement-header__wrapper-dot { display: flex; gap: 0.08rem; }

.agreement-header__wrapper-dot .dot { background-color: rgb(227, 227, 227); border-radius: 50%; height: 0.08rem; width: 0.08rem; }

.card-agreement { background: rgb(255, 255, 255); border-radius: 0.08rem; box-shadow: rgba(0, 0, 0, 0.16) 0px 0.02rem 0.12rem -0.02rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; margin: 0.16rem 0.12rem 0.96rem; padding: 0.24rem; width: 4.24rem; }

.card-agreement, .card-agreement__header { display: flex; }

.card-agreement__header { border-bottom: 0.01rem solid rgb(209, 209, 209); padding: 0px 0px 0.2rem; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.card-agreement__header .icon-dana { height: 0.52rem; }

@media (max-width: 640px) {
  .card-agreement__header.hide-on-mobile { display: none; }
  .card-agreement__header .icon-dana { height: 0.32rem; }
  .card-agreement__header .agreement-header__dana-logo { height: 0.52rem; }
}

.card-agreement__guest-header { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.card-agreement__guest-header .icon-dana { height: 0.4rem; }

.card-agreement__content { margin: 0.24rem 0px 0px; }

.card-agreement__content .card-merchant-name { color: rgb(49, 49, 49); font-size: 0.2rem; line-height: 0.26rem; text-align: center; font-weight: 600; }

.card-agreement__footer { margin-top: 0.24rem; padding: 0.08rem 0px 0px; border-top: 0.01rem solid rgb(209, 209, 209); }

@media (max-width: 640px) {
  .card-agreement__footer { display: none; }
}

@media (max-width: 640px) {
  .card-agreement__footer.show-on-mobile { margin-top: 0.04rem; display: block; }
}

@media (max-width: 640px) {
  .card-agreement__footer.show-help-on-mobile { display: flex; }
  .card-agreement__footer.show-help-on-mobile .agreement-footer { width: 100%; -webkit-box-pack: justify; justify-content: space-between; }
  .card-agreement__footer.show-help-on-mobile .dana-protection__img, .card-agreement__footer.show-help-on-mobile .dana-protection__text { display: none; }
  .card-agreement__footer.show-help-on-mobile .dana-protection__img-small, .card-agreement__footer.show-help-on-mobile .help { display: block; }
  .card-agreement__footer.show-help-on-mobile .help-popup { display: none; }
  .card-agreement__footer.show-help-on-mobile .f-overlay, .card-agreement__footer.show-help-on-mobile .help-sheet { display: block; }
}

.card-agreement__footer.no-border { border-top: none; }

.card-agreement__back { background: none; border: 0.01rem solid rgb(16, 142, 233); border-radius: 0.04rem; color: rgb(16, 142, 233); font-size: 0.16rem; font-weight: 600; }

.card-agreement__back, .card-agreement__continue { cursor: pointer; margin-bottom: 0.16rem; padding: 0.12rem; width: 100%; }

.card-agreement__continue { background: rgb(16, 142, 233); color: rgb(255, 255, 255); border: none; border-radius: 0.04rem; font-size: 0.15rem; height: 0.46rem; }

.card-agreement__continue:disabled { background: rgb(191, 191, 191); }

.card-agreement .help-sheet .f-overlay { display: none; }


.card-agreement[data-v-19286584] { padding: 0.24rem 0.4rem; }

.agreement__wrapper[data-v-19286584], .push-verify[data-v-19286584] { display: flex; }

.push-verify[data-v-19286584] { -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column; padding-top: 0.04rem; margin-top: -0.12rem; }

.push-verify__title[data-v-19286584] { color: rgb(49, 49, 49); font-size: 0.2rem; font-weight: 600; line-height: 160%; max-width: 3.11rem; margin: 0px auto; padding-top: 0.24rem; text-align: center; }

.push-verify__description[data-v-19286584] { color: rgb(49, 49, 49); font-weight: 400; font-size: 0.16rem; max-width: 3.52rem; padding: 0.08rem 0px 0px; text-align: center; }

.push-verify__info[data-v-19286584] { color: rgb(49, 49, 49); font-weight: 600; font-size: 0.18rem; padding: 0px 0px 0.08rem; text-align: center; }

.push-verify__number[data-v-19286584] { -webkit-box-align: center; align-items: center; border: 0.01rem solid rgb(227, 227, 227); border-radius: 0.24rem; display: flex; height: 0.4rem; -webkit-box-pack: center; justify-content: center; padding: 0.1rem; }

.push-verify__number img[data-v-19286584] { height: 0.2rem; width: 0.2rem; }

.push-verify__number .detail[data-v-19286584] { color: rgb(49, 49, 49); font-size: 0.12rem; font-weight: 400; line-height: 0.16rem; padding-left: 0.1rem; }

.push-verify__notice[data-v-19286584] { color: rgb(191, 191, 191); font-size: 0.16rem; font-weight: 600; line-height: 0.16rem; padding-top: 0.24rem; text-align: center; }

.push-verify__lottie[data-v-19286584] { margin-top: 0.12rem; height: 1.44rem; overflow: hidden; }

.push-verify__lottie #animation[data-v-19286584] { height: 100%; transform: scale(2); }

.push-verify__activate[data-v-19286584] { padding: 0.16rem 0px 0px; }

.push-verify__instruction[data-v-19286584] { padding: 0px 0.06rem 0.04rem; }

.push-verify__step[data-v-19286584] { display: flex; padding: 0.12rem 0.08rem; }

.push-verify__step[data-v-19286584]:first-child { border-bottom: 1px solid rgb(227, 227, 227); }

.push-verify__step[data-v-19286584]:last-child { padding-bottom: 0px; }

.push-verify__step-icon[data-v-19286584] { height: 0.48rem; margin-right: 0.12rem; }

.push-verify__step-texts[data-v-19286584] { -webkit-box-align: center; align-items: center; display: flex; }

.push-verify__step-title[data-v-19286584] { font-size: 0.14rem; margin-bottom: 0.04rem; }

.push-verify__step-desc[data-v-19286584] { color: rgb(114, 114, 114); font-size: 0.14rem; font-weight: 400; }

.push-verify__step-desc[data-v-19286584], .push-verify__step-title[data-v-19286584] { line-height: 0.18rem; }

.push-verify__options[data-v-19286584] { -webkit-box-align: center; align-items: center; border-top: 0.01rem solid rgb(227, 227, 227); display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column; margin: 0.12rem 0px -0.12rem; padding: 0.08rem 0.16rem 0.16rem; text-align: center; width: 3.91rem; }

.push-verify__deeplink-notice[data-v-19286584], .push-verify__receive[data-v-19286584] { color: rgb(114, 114, 114); font-size: 0.12rem; padding: 0px 0px 0.08rem; }

.push-verify .btn-resend[data-v-19286584] { cursor: pointer; margin-bottom: 0.08rem; }

.push-verify__button-wrapper[data-v-19286584] { width: 100%; }

.push-verify .btn-send-otp[data-v-19286584] { background: rgb(255, 255, 255); border: 0.01rem solid rgb(16, 142, 233); color: rgb(16, 142, 233); cursor: pointer; font-weight: 600; }

.push-verify .forgot-pin[data-v-19286584] { margin: 0.16rem auto 0.04rem; text-align: center; }

.push-verify .forgot-pin__link[data-v-19286584] { color: rgb(16, 142, 233); font-size: 0.12rem; font-weight: 600; line-height: 0.16rem; }

.mobile-overlap-background[data-v-19286584] { z-index: 0; }

.mobile-overlap-background__top[data-v-19286584] { background-color: rgb(16, 142, 233); background-repeat: no-repeat; background-size: cover; margin: 0px auto; min-height: 0px; width: 0px; }

.mobile-view[data-v-19286584] { display: none; }

@media (max-width: 640px) {
  .desktop-view[data-v-19286584] { display: none; }
  .mobile-view[data-v-19286584] { display: block; }
  .mobile-overlap-background[data-v-19286584] { z-index: 0; }
  .mobile-overlap-background__top[data-v-19286584] { min-height: 2.95rem; width: 100%; }
  .push-verify__info[data-v-19286584] { font-size: 0.16rem; font-weight: 600; padding: 0.08rem 0px; }
  .push-verify__options[data-v-19286584] { position: absolute; background: rgb(255, 255, 255); bottom: 0.16rem; width: 100%; }
  .push-verify__notice[data-v-19286584] { font-size: 0.14rem; }
  .push-verify__step[data-v-19286584] { padding: 0.12rem 0px; }
  .push-verify__step-icon[data-v-19286584] { align-self: center; }
  .push-verify__step-title[data-v-19286584] { font-size: 0.14rem; }
  .agreement__wrapper[data-v-19286584] { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin: 0px auto; min-height: unset; }
  .agreement__wrapper .card-agreement[data-v-19286584] { border: 0.01rem solid rgb(227, 227, 227); box-shadow: unset; margin-top: -2.5rem; padding: 0.16rem 0.12rem; width: calc(-0.24rem + 100vw); z-index: 10; }
  .agreement__wrapper .card-agreement__header[data-v-19286584] { display: none; }
}


.rds-click-btn { width: 100%; height: 56px; background-image: inherit; background-position: inherit; background-size: inherit; background-repeat: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: rgb(24, 144, 255); box-sizing: border-box; border-width: 1px; border-style: solid; border-radius: 9px; font-size: 14px; color: rgb(255, 255, 255); }

.rds-click-btn .rds-click-icon { display: inline-block; margin-right: 5px; font-family: rds-iconfont; font-style: normal; font-size: 20px; vertical-align: middle; line-height: 20px; }

.rds-click-btn.DEFAULT:hover { background: rgb(65, 169, 251); }

.rds-click-btn.DEFAULT:active { background: rgb(24, 144, 255); }

.rds-click-btn.CHECK_FAIL { background-color: rgb(244, 51, 60); }

.rds-click-btn.CHECK_ING, .rds-click-btn.CHECK_START { background-color: rgb(24, 144, 255); }

.rds-click-btn.CHECK_SUCCESS { background-color: rgb(82, 196, 26); }


.rds-click-btn { width: 100%; height: 56px; background-image: inherit; background-position: inherit; background-size: inherit; background-repeat: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: rgb(24, 144, 255); box-sizing: border-box; border-width: 1px; border-style: solid; border-radius: 9px; font-size: 14px; color: rgb(255, 255, 255); }

.rds-click-btn .rds-click-icon { display: inline-block; margin-right: 5px; font-family: rds-iconfont; font-style: normal; font-size: 20px; vertical-align: middle; line-height: 20px; }

.rds-click-btn.DEFAULT:hover { background: rgb(65, 169, 251); }

.rds-click-btn.DEFAULT:active { background: rgb(24, 144, 255); }

.rds-click-btn.CHECK_FAIL { background-color: rgb(244, 51, 60); }

.rds-click-btn.CHECK_ING, .rds-click-btn.CHECK_START { background-color: rgb(24, 144, 255); }

.rds-click-btn.CHECK_SUCCESS { background-color: rgb(82, 196, 26); }


@keyframes loading { 
  0% { transform: rotate(0deg); }
  50% { transform: rotate(180deg); }
  100% { transform: rotate(1turn); }
}

@keyframes left2right { 
  0% { left: -30%; }
  100% { left: 100%; }
}

.no-select { user-select: none; }

@font-face { font-family: rds-iconfont; src: url("data:application/octet-stream;base64,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") format("woff"), url("data:application/octet-stream;base64,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") format("truetype"); }

.rds-drag-modal { margin: 0px auto; overflow: hidden; z-index: 1001; }

.rds-drag-modal, .rds-drag-modal .rds-drag-mask { position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; }

.rds-drag-modal .rds-drag-mask { background: rgb(255, 255, 255); }

.rds-drag-modal.visible { width: 100%; height: 100%; }

.rds-drag-modal.visible .rds-drag-mask { background: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; transition: background 0.2s ease-in-out; }

.rds-drag-tip { color: rgb(255, 255, 255); background: rgb(97, 113, 143); padding: 10px 0px; font-size: 16px; }

.rds-drag-btn-close { position: absolute; right: 0px; top: 8px; font-family: rds-iconfont; font-style: normal; font-size: 15px; color: rgb(153, 153, 153); padding: 10px; cursor: pointer; }

.rds-drag-title { font-size: 18px; color: rgb(74, 74, 74); margin: 10px 0px 12px; text-align: left; padding: 0px 1%; }

.rds-drag-title i { font-family: rds-iconfont; font-style: normal; font-size: 22px; display: inline-block; color: rgb(24, 144, 255); vertical-align: middle; margin-right: 5px; }

.rds-drag-area { border: 1px solid rgb(204, 204, 204); position: relative; }

.rds-drag-ball { background: url("https://a.m.dana.id/marmot/s/2019/6/24/14519fbc-46f9-438a-8d2f-55875aeb5f37.png") 50% center / 100% 100% no-repeat; border-radius: 100%; position: absolute; cursor: move; }

.rds-drag-ball.animating { transition: 0.5s ease-in; }

.rds-drag-message { display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.rds-drag-message .rds-drag-message-icon { width: 42px; height: 42px; margin: 100px auto 10px; }

.rds-drag-message-tip { font-size: 15px; }

.rds-drag-message-tip .link-retry { cursor: pointer; }

.rds-drag-basket { width: 54px; height: 54px; background: url("https://a.m.dana.id/marmot/s/2019/6/24/12394ae0-6f49-4f24-ab1d-b779a32ac124.png") 50% center / 100% 100% no-repeat; position: absolute; }

.rds-component.drag { background: rgb(255, 255, 255); position: relative; text-align: center; margin: 0px auto; padding: 5px; }

.rds-component.drag.DRAG_END .rds-drag-basket, .rds-component.drag.DRAG_ING .rds-drag-basket { background-image: url("https://a.m.dana.id/marmot/s/2019/6/24/ff470779-99f5-453c-a74e-ed68565cba6a.png"); }

.rds-component.drag.CHECK_FAIL .rds-drag-ball, .rds-component.drag.CHECK_FAIL .rds-drag-basket, .rds-component.drag.CHECK_SUCCESS .rds-drag-ball, .rds-component.drag.CHECK_SUCCESS .rds-drag-basket, .rds-component.drag.CHECK_TIMEOUT .rds-drag-ball, .rds-component.drag.CHECK_TIMEOUT .rds-drag-basket { display: none; }

.rds-component.drag.CHECK_FAIL .rds-drag-message, .rds-component.drag.CHECK_SUCCESS .rds-drag-message, .rds-component.drag.CHECK_TIMEOUT .rds-drag-message { display: block; }

.rds-component.drag.CHECK_START .rds-drag-message-icon { background-image: url("https://a.m.dana.id/marmot/s/2019/6/24/6d175ab3-a787-463b-8ddb-0bc2820d5568.png"); background-position: 50% center; background-repeat: no-repeat; background-size: 100%; animation: 3s linear 0s infinite normal none running loading; }

.rds-component.drag.CHECK_SUCCESS .rds-drag-message-icon { background: url("https://a.m.dana.id/marmot/s/2019/6/24/55eb8393-bb62-4043-9fc7-a939ba9ff0f4.png") 50% center / 60% no-repeat rgb(58, 204, 0); border-radius: 100%; }

.rds-component.drag.CHECK_FAIL .rds-drag-message-icon, .rds-component.drag.CHECK_TIMEOUT .rds-drag-message-icon { background: url("https://a.m.dana.id/marmot/s/2019/6/24/f5754233-979b-4d12-b801-6e121d3d885a.png") 50% center / 60% no-repeat rgb(245, 51, 5); border-radius: 100%; }


@keyframes loading { 
  0% { transform: rotate(0deg); }
  50% { transform: rotate(180deg); }
  100% { transform: rotate(1turn); }
}

@keyframes left2right { 
  0% { left: -30%; }
  100% { left: 100%; }
}

@font-face { font-family: rds-iconfont; src: url("data:application/octet-stream;base64,d09GRgABAAAAAAkoAAsAAAAADZAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kruY21hcAAAAYAAAACrAAACLm/ZPVJnbHlmAAACLAAABJ4AAAYMPue8H2hlYWQAAAbMAAAALwAAADYR4WBjaGhlYQAABvwAAAAcAAAAJAfeA4xobXR4AAAHGAAAABQAAAAsK+kAAGxvY2EAAAcsAAAAGAAAABgIOAnebWF4cAAAB0QAAAAfAAAAIAEbAGNuYW1lAAAHZAAAAU8AAAKdpABhWnBvc3QAAAi0AAAAcwAAAJsh6c3heJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sc4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVLz4x9zwv4EhhrmBoQEozAiSAwA4UA1yeJzFkkEOgjAQRX8toBIXLowcgK23giO4YEFYewxXHohD/HAK8LdTFhjXOs1rMr/pTPOnAHIAXtxEBrgXHEI8pbqoe5RRz3BXfsFZSoaOnhVrtuw5cJzmZdHpqjYb9TOcqqzrmlZQDyhwxD7Wz7GLfYsv938U7n+tt3GK+yNlcgVdQk+kN+QeWBnyEawNOQo2hrwFWyNMnb0RJs/BCD+Co6EZYJoNlG/x7je6AHicbVRdbBRVFL7nzs69u9OZWXbudKY72227s+0MTcuWnW5nMKQ/BsX4t9aSaAhgQkg0NEgCQirBQBMl9IEHaTQQI0SBhBhf+tJEgQfQmBgKTXgQRcKD0fCoaTT64g6e2aWEqJvNuef+zDnf991zD5EJefCTdEXqIIKsJVXyFJkkBNgAuDotQsmvVegAtJfkdtvUJb/sl3jZrUijYLvMtIKw5tmMsyzo0AXDpSD0K9SHkdoY3QiBVQTIF5wtRl+nIb0PSoffdSx+jp6D9u5yZ3ZsXfzs4LgZ9Ij0jGoYecM4kWaynKY0ldXhTdvKyBmFxRfkrNN+pbufdoOa950Xtmo9BWPnXG1vsc/OAMzOgij06BfHc04O/+84ljDyfI2W7nC0cq8JM7+0dQi16P1M8MeQ64/SVWkCPYt4JCSbySuEyJEd+VFfpEO56nr+yBgMVwPL5pbJq8wdAq8WVcPAlplpV61gHMKaX/VcLgdWe9VMlPJGqrVw2MYzVcvMAnNxvxbRPa8uDy1/02gEkBciDy27oOtarz6laXqvDpubw8toy3q8SziOeCsxn+Gipk3pvZqm9V2/Fny168y3jzZPP9wso514zP/VwfCYwvm4Ga6VAa8yIS7dol8QEycIG6/K7/Pw9mzZCiMYA+l62kzHqaxnxH+lzSwHpWuyE/5WgC5w3rivg9rgWZM3ilKROhyjkBTqeFV6HXUUxCWDZB1q6FcgytljMBLZpmVHOYtxyDELV/xcBXwduIhwEtno+ZQo947wwtl5IeZOBvzIvfimsuP27R3K4fnOzvnDo+EeeWG/mb5cvzGR2nZzCj4AmGKWxeoyxHumbm6jP8Tnhi5t335pCF6TRvP5USleHpzkZ8fs1LXTi4Q+wmeRHmTtlqsVGPG5ybiPmLohSlCBvwpI2qS2nZwTYv5sAbEoCbb46I0IQexrz1ymt+R6knwKWslTLUiNPxZXUzYlxpxfS19KZWKTMtmAWZE1yo10UeousK0As0ZhLVlHB1d0EFUP347vMSw0hIX3IUJPOlV6+8XJhcn6TMl1SzP1h248eeFuKnX3QtN2coN9vzdtMAb8KPr3GdDCvz5ouXHf6jdoqYHnf9uFhht8Pw5AuNGskQe/S+9JDqngTeITqNAwCnubqHXAKUJM8eSJ21ZvFCKPLmTVpEbJxExtom5769+ADXPR82sk1RaS/uTQwfjPrf0lc1N0ANq2Dq6hokOlYnj9sXpRW+uvP3bmw4l31+3s37dJFUxVn9hZ3uLtC2eP7+/HceMzbZos1C1Pj7+kphJtWzV8lH6K2pIMJMXbDaWkAQ2XeNKGInyT0sH4gZIXmaXGCS2X0+iBpYzIKwAZOAVEEY6yZDjGkuIIBadOk/N96SPkXEhiYiNzeSs0tpVmzAwk/c2nBTjE1CyLj8fHWVZlcAhHnMMhXM+2yTCbjCru//+5h7XxnfS5NEDakMEwavxYDSRO64F0gYjCIOkgtmUmjYcz16uNo/g1bC2ULK7I8spiy56/k0rdOd+0Z6aZobLpaaYabHo3z2mJr+X4wKPDiyve6mG08Elze/d/PvsHQ04zKwAAeJxjYGRgYADi4zIX5OP5bb4ycLMwgMD1RD5jBP3/AAsDswOQy8HABBIFAP4MCIUAeJxjYGRgYG7438AQw8IAAkCSkQEVcAMARxECdHicY2FgYGB+ycDAwkAYAwAnowEVAAAAAAB2APABGgFqAaQCAgJSAnwCsgMGeJxjYGRgYOBmCGdgYwABJiDmAkIGhv9gPgMAEnwBfwB4nHWOvU4CQRSFz/CjcTEWGgzl2BgjYfmJFZUJCRR2FFjDMgtLdnc2swMJre9g4dP4GHZ2PoaJJ8uQEAy7mZvvnnvOzQVwjW8I7L46344FLtntuIRz3DkuU39wXCE/Oa6ihmfHZ9RfHHto4tVxDTd44wZRuWD3iHfHAg18Oi7hCl+Oy9R/HFfIv46ruBV1x2doiKZjDxMxcFzDvfjwBkZNrZrL2VZGgU5DnVrPzPPWvhmrxTqemkPpkCfK5JFOZdfvHMojlSqz35tvFj1rQxkancghpyqOtcyMXqnA+ktrs367HTrdD3TCMwcwUJjCss4hMcOWNUIAjRRhUS19htMcrX+TMXMLrBFzhznpOqVPmDacREUv0YWPzkn3iO60SBzfm2PDK3pULd2SzzCTkIYuq3hhTJbIitmKSkDdx7JIZeijzT888vvFDckfFBV7EQB4nG2KwQ6CMBAF96GVUjzor/BHpSVlhWw1uBH4ems8eHGOM0MVfXH0nxYVDjjC4IQaFg0cWpwJqwkzh8nu4yDpocN1i8pR5e55ypJWlsvPLCMX0YTPm0q1c/aRJXVuy3pjL8+sJmh+aV3W3nNH9AZP5CSgAA==") format("woff"), url("data:application/octet-stream;base64,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") format("truetype"); }

.no-select, .rds-component.slide { user-select: none; }

.rds-component.slide { height: 54px; line-height: 54px; border: 1px solid rgb(16, 142, 233); box-shadow: rgb(16, 142, 233) 0px 0px 6px 0px inset; border-radius: 4px; margin-bottom: 10px; overflow: hidden; position: relative; z-index: 0; }

.rds-component.slide .rds-slide-reset-btn { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.rds-component.slide .rds-slide-btn { position: absolute; left: 0px; top: 0px; width: 54px; height: 54px; background: rgb(24, 144, 255); border-radius: 4px; cursor: move; text-align: center; }

.rds-component.slide .rds-slide-btn i { font-family: rds-iconfont; font-style: normal; color: rgb(255, 255, 255); font-size: 24px; }

.rds-component.slide .rds-slide-btn:hover { background: rgb(65, 169, 251); }

.rds-component.slide .rds-slide-btn:active { background: rgb(7, 109, 218); }

.rds-component.slide .rds-slide-tip { text-align: center; font-size: 14px; position: relative; z-index: -1; color: rgb(24, 144, 255); }

.rds-component.slide .rds-slide-tip .rds-slide-tip-icon { display: inline-block; font-style: normal; margin-right: 5px; font-size: 20px; width: 20px; height: 20px; vertical-align: middle; text-align: center; line-height: 20px; font-family: rds-iconfont; }

.rds-component.slide .rds-slide-process { height: 100%; position: absolute; left: 0px; top: 0px; background: rgb(24, 144, 255); z-index: -1; border-radius: 0px 4px 4px 0px; opacity: 0.17; }

.rds-component.slide .rds-slide-guide-bg { position: absolute; left: 0px; top: 3%; width: 30%; height: 94%; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); transform: skewX(-25deg); animation: 3s ease 0s infinite normal none running left2right; display: none; }

.rds-component.slide.DEFAULT .rds-slide-tip { color: rgb(24, 144, 255); }

.rds-component.slide.DEFAULT .rds-slide-guide-bg { display: block; }

.rds-component.slide.SLIDE_END .rds-slide-tip, .rds-component.slide.SLIDE_ING .rds-slide-tip, .rds-component.slide.SLIDE_START .rds-slide-tip { color: rgb(24, 144, 255); }

.rds-component.slide.CHECK_DRAG .rds-slide-btn, .rds-component.slide.CHECK_FAIL .rds-slide-btn, .rds-component.slide.CHECK_ING .rds-slide-btn, .rds-component.slide.CHECK_START .rds-slide-btn, .rds-component.slide.CHECK_SUCCESS .rds-slide-btn, .rds-component.slide.CHECK_TIMEOUT .rds-slide-btn, .rds-component.slide.SLIDE_END .rds-slide-guide-bg { display: none; }

.rds-component.slide.CHECK_DRAG .rds-slide-tip, .rds-component.slide.CHECK_ING .rds-slide-tip { color: rgb(255, 255, 255); background: rgb(24, 144, 255); }

.rds-component.slide.CHECK_DRAG .rds-slide-tip-icon, .rds-component.slide.CHECK_ING .rds-slide-tip-icon, .rds-component.slide.CHECK_START .rds-slide-tip-icon { animation: 3s linear 0s infinite normal none running loading; }

.rds-component.slide.CHECK_SUCCESS { border: 1px solid rgb(82, 196, 26); box-shadow: none; }

.rds-component.slide.CHECK_SUCCESS .rds-slide-tip { color: rgb(255, 255, 255); background: rgb(82, 196, 26); }

.rds-component.slide.CHECK_SUCCESS .rds-slide-process { display: none; }

.rds-component.slide.CHECK_FAIL { border: 1px solid rgb(244, 51, 60); box-shadow: none; }

.rds-component.slide.CHECK_FAIL .rds-slide-tip { color: rgb(255, 255, 255); background: rgb(244, 51, 60); }

.rds-component.slide.CHECK_FAIL .rds-slide-process { display: none; }

.rds-component.slide.CHECK_TIMEOUT { border: 1px solid rgb(244, 51, 60); box-shadow: none; }

.rds-component.slide.CHECK_TIMEOUT .rds-slide-tip { color: rgb(255, 255, 255); background: rgb(244, 51, 60); }

.rds-component.slide.CHECK_TIMEOUT .rds-slide-process { display: none; }


.f-overlay { position: fixed; width: 100vw; height: 100vh; top: 0px; left: 0px; min-height: 100%; min-width: 100%; z-index: 100; }

.f-overlay--shade { background-color: rgba(0, 0, 0, 0.48); }

.f-overlay--blur { background-color: rgba(0, 0, 0, 0.48); backdrop-filter: blur(0.08rem); }

.f-overlay--white { background-color: rgba(255, 255, 255, 0.6); }


.f-toast__logo-back, .f-toast__logo-front { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.f-toast__logo-back { z-index: 102; width: 0.54rem; height: 0.54rem; }

.f-toast__logo-front { z-index: 103; width: 0.38rem; height: 0.38rem; animation: 1s linear 0s infinite normal none running FToastSpinRotation; }

@-webkit-keyframes FToastSpinRotation { 
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(359deg); }
}

@keyframes FToastSpinRotation { 
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(359deg); }
}

.f-snackbar, .f-toast { font-size: 0.12rem; line-height: 1.34; position: fixed; z-index: 101; display: flex; -webkit-box-align: center; align-items: center; padding: 0.11rem 0.16rem; color: rgb(49, 49, 49); background-color: rgb(255, 255, 255); border-radius: 0.08rem; }

.f-snackbar .icon-wrapper, .f-toast .icon-wrapper { min-width: 0.24rem; position: relative; margin-right: 0.08rem; }

.f-snackbar .icon-wrapper i, .f-snackbar .icon-wrapper img, .f-snackbar .icon-wrapper span, .f-toast .icon-wrapper i, .f-toast .icon-wrapper img, .f-toast .icon-wrapper span { flex-shrink: 0; min-width: 0.24rem; min-height: 0.24rem; margin-right: 0.08rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.f-snackbar .text, .f-toast .text { -webkit-box-flex: 1; flex-grow: 1; }

.f-snackbar.warning, .f-toast.warning { border: 0.01rem solid rgb(251, 139, 1); }

.f-snackbar.error, .f-toast.error { border: 0.01rem solid rgb(255, 93, 85); }

.f-snackbar.success, .f-toast.success { border: 0.01rem solid rgb(0, 206, 100); }

.f-snackbar { right: 0.16rem; bottom: 0.24rem; left: 0.16rem; }

.f-toast { top: 0.08rem; right: 0.16rem; left: 0.16rem; }

.f-toast-button-wrapper { position: relative; min-width: 0.6rem; }

.f-toast-button-wrapper .f-alert__btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; white-space: nowrap; border: 0px; border-radius: 0.04rem; outline: 0px; user-select: none; touch-action: manipulation; font-weight: 600; font-size: 0.12rem; font-family: OpenSans, sans-serif; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: normal; padding: 0px 0px 0px 0.12rem; height: 0.32rem; color: rgb(16, 142, 233); background-color: transparent; }


.f-accordion__button { position: relative; display: block; white-space: nowrap; border: 0px; outline: 0px; user-select: none; touch-action: manipulation; background: 0px 0px; width: 100%; padding: 0px; }

.f-accordion--disabled { opacity: 0.4; }


.f-collapse { will-change: height; overflow: hidden; }

.f-input__clear-button { min-width: 0.24rem; height: 0.24rem; font-size: 0.16rem; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.f-input__clear-button img { width: 0.2rem; height: 0.2rem; }


.f-input__helper-default { font-family: -apple-system, system-ui, BlinkMacSystemFont, Roboto, sans-serif; font-weight: 400; font-size: 0.12rem; line-height: 1.34; display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-top: 0.02rem; color: rgb(114, 114, 114); }

.f-input__helper-default .f-input__helper-icon { width: 0.16rem; height: 0.16rem; }

.f-input__helper-error { font-family: -apple-system, system-ui, BlinkMacSystemFont, Roboto, sans-serif; font-weight: 400; font-size: 0.12rem; line-height: 1.34; display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-top: 0.02rem; color: rgb(255, 93, 85); }

.f-input__helper-error .f-input__helper-icon { width: 0.16rem; height: 0.16rem; }


.f-input__wrapper { position: relative; display: flex; -webkit-box-align: center; align-items: center; width: 100%; }

.f-input__container { position: relative; width: 100%; }

.f-input { display: flex; -webkit-box-flex: 1; flex: 1 1 auto; max-width: 100%; text-align: left; }

.f-input .f-input__input-slot { font-size: 0.16rem; width: 100%; }

.f-input .f-input__text-field { -webkit-box-flex: 1; flex: 1 1 0%; position: relative; display: flex; cursor: pointer; -webkit-tap-highlight-color: transparent; user-select: none; }

.f-input .f-input__text-field .f-input__wrapper::before { bottom: -0.01rem; content: ""; left: 0px; position: absolute; width: 100%; border-bottom: 0.01rem solid rgb(191, 191, 191); transition: border-bottom 0.15s linear; }

.f-input .f-input__text-field.f-input--focus .f-input__wrapper::before { border-bottom: 0.01rem solid rgb(252, 167, 62); }

.f-input .f-input__text-field input { appearance: none; font-family: -apple-system, system-ui, BlinkMacSystemFont, Roboto, sans-serif; font-weight: 400; font-size: 0.16rem; line-height: 1.25; position: relative; width: 100%; padding: 0px 0.04rem 0.04rem 0px; color: rgb(49, 49, 49); border: none; }

.f-input .f-input__text-field input::-webkit-input-placeholder { color: rgb(191, 191, 191); opacity: 1; }

.f-input .f-input__text-field input::placeholder { color: rgb(191, 191, 191); opacity: 1; }

.f-input .f-input__text-field input:focus { outline: 0px; box-shadow: none; }

.f-input .f-input__text-field.f-input--focus.f-input--floating .f-input__label, .f-input .f-input__text-field.f-input--notEmpty.f-input--floating .f-input__label { font-family: OpenSans, sans-serif; font-weight: 600; color: rgb(0, 0, 0); font-size: 0.12rem; line-height: 1.34; transform: translate3d(0px, -0.2rem, 0px); }

.f-input .f-input__text-field.f-input--notEmpty.f-input--floating .f-input__label { color: rgb(114, 114, 114); }

.f-input .f-input__text-field.f-input--focus input { caret-color: rgb(206, 114, 1); }

.f-input .f-input__text-field.f-input--focus .f-input__label { color: rgb(252, 167, 62); }

.f-input .f-input__text-field.f-input--focus.f-input--floating .f-input__label { color: rgb(252, 167, 62); }

.f-input .f-input__text-field .f-input__label { font-family: OpenSans, sans-serif; font-weight: 600; font-size: 0.12rem; line-height: 1.34; position: absolute; top: 0px; transform: translate3d(0px, -0.2rem, 0px); color: rgb(114, 114, 114); transition: color 0.15s linear; z-index: 1; }

.f-input .f-input__text-field.f-input--floating input::-webkit-input-placeholder { opacity: 0; }

.f-input .f-input__text-field.f-input--floating input::placeholder { opacity: 0; }

.f-input .f-input__text-field.f-input--floating .f-input__label { font-family: -apple-system, system-ui, BlinkMacSystemFont, Roboto, sans-serif; font-weight: 400; font-size: 0.16rem; line-height: 1.25; transform: translate3d(0px, 0px, 0px); transition: 0.15s linear; color: rgb(191, 191, 191); }

.f-input .f-input__text-field.f-input--error .f-input__wrapper::before { border-bottom: 0.01rem solid rgb(255, 132, 126); }

.f-input .f-input__text-field.f-input--error input { caret-color: rgb(209, 76, 70); }

.f-input .f-input__text-field.f-input--error .f-input__label, .f-input .f-input__text-field.f-input--error.f-input--floating .f-input__label { color: rgb(255, 93, 85); }

.f-input .f-input__text-field.f-input--disabled { pointer-events: none; }

.f-input .f-input__text-field.f-input--disabled input { background-color: transparent; color: rgb(191, 191, 191); -webkit-text-fill-color: rgb(191, 191, 191); opacity: 1; }

.f-input .f-input__text-field.f-input--disabled .f-input__label { color: rgb(191, 191, 191) !important; }

.f-input .f-input__text-field.f-input__text-field--amount .f-input__label { position: relative; transform: translate3d(0px, 0px, 0px); }

.f-input .f-input__text-field.f-input__text-field--amount input { font-family: OpenSans, sans-serif; font-weight: 600; color: rgb(0, 0, 0); font-size: 0.27rem; line-height: 1.34; }

.f-input .f-input__text-box { display: flex; -webkit-box-flex: 1; flex: 1 1 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; position: relative; }

.f-input .f-input__text-box .f-input__label { font-family: OpenSans, sans-serif; font-weight: 600; color: rgb(0, 0, 0); font-size: 0.14rem; line-height: 1.29; margin-bottom: 0.04rem; }

.f-input .f-input__text-box .f-input__wrapper { border: 0.01rem solid rgb(227, 227, 227); border-radius: 0.04rem; overflow: hidden; }

.f-input .f-input__text-box.f-input--focus .f-input__wrapper { border: 0.01rem solid rgb(251, 139, 1); }

.f-input .f-input__text-box input { appearance: none; background-color: rgb(255, 255, 255); min-height: 0.42rem; font-family: -apple-system, system-ui, BlinkMacSystemFont, Roboto, sans-serif; color: rgb(49, 49, 49); font-weight: 400; font-size: 0.16rem; line-height: 1.25; -webkit-box-flex: 1; flex: 1 1 0%; border: transparent; resize: none; caret-color: rgb(206, 114, 1); padding: 0.1rem 0.08rem 0.1rem 0.12rem; transition: border 0.1s linear; width: 100%; }

.f-input .f-input__text-box input::-webkit-input-placeholder { color: rgb(191, 191, 191); opacity: 1; }

.f-input .f-input__text-box input::placeholder { color: rgb(191, 191, 191); opacity: 1; }

.f-input .f-input__text-box input:focus { outline: 0px; box-shadow: none; }

.f-input .f-input__text-box.f-input--error .f-input__wrapper { border: 0.01rem solid rgb(255, 93, 85); }

.f-input .f-input__text-box.f-input--disabled .f-input__wrapper { background-color: rgb(227, 227, 227); border: 0.01rem solid rgb(227, 227, 227); }

.f-input .f-input__text-box.f-input--disabled .f-input__wrapper input { background-color: rgb(227, 227, 227); pointer-events: none; color: rgb(191, 191, 191); -webkit-text-fill-color: rgb(191, 191, 191); opacity: 1; }

.f-input .f-input__text-box .f-input__clear-button { padding-right: 0.04rem; }

.f-input .f-input__text-box--padding input { padding: 0.1rem 0.08rem 0.1rem 0px; }

.f-input .f-input--password input { width: 100%; -webkit-text-security: disc; }

.f-input__dropdown { position: absolute; right: 0.04rem; width: 0.24rem; height: 0.24rem; }

.f-input__dropdown img { position: absolute; top: 50%; left: 50%; width: 0.2rem; height: 0.2rem; transform: translate(-50%, -50%); }


.f-autocomplete { position: relative; }

.f-autocomplete .highlight { color: rgb(16, 142, 233); }

.f-autocomplete .selected { background-color: rgb(233, 245, 254); color: rgb(16, 142, 233); }

.f-autocomplete__suggestion { position: absolute; width: 100%; background: rgb(255, 255, 255); top: 0.45rem; left: 0px; z-index: 3; border-radius: 0.04rem; box-shadow: rgba(32, 33, 36, 0.32) 0px 4px 6px 0px; max-height: 1.52rem; overflow-y: scroll; }

.f-autocomplete__suggestion__item { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


.f-btn { position: relative; display: block; white-space: nowrap; border: 0px; border-radius: 0.04rem; outline: 0px; user-select: none; touch-action: manipulation; }

.f-btn-large { height: 0.44rem; padding-right: 0.12rem; padding-left: 0.12rem; font-size: 0.16rem; font-weight: 600; font-family: OpenSans, sans-serif; font-style: normal; font-stretch: normal; line-height: 1.25; letter-spacing: normal; }

.f-btn-large { width: 100%; }

.f-btn-small, .f-btn-smallFixed { font-weight: 600; font-size: 0.12rem; font-family: OpenSans, sans-serif; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: normal; padding: 0px 0.12rem; height: 0.32rem; }

.f-btn-uppercase { text-transform: uppercase; }

.f-btn-tiny { padding: 0.04rem 0.06rem; font-weight: 600; font-size: 0.1rem; font-family: OpenSans, sans-serif; line-height: 1.4; text-align: center; font-style: normal; font-stretch: normal; letter-spacing: normal; }

.f-btn-smallFixed { width: 0.96rem; }

.f-btn-primary { color: rgb(255, 255, 255); background-color: rgb(16, 142, 233); }

.f-btn-primary:disabled { color: rgb(255, 255, 255); background-color: rgb(191, 191, 191); }

.f-btn-disable { color: rgb(255, 255, 255); background-color: rgb(191, 191, 191); }

.f-btn-disable:disabled { color: rgb(255, 255, 255); background-color: rgb(191, 191, 191); }

.f-btn-icon { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.f-btn-icon i, .f-btn-icon img, .f-btn-icon span { min-width: 0.24rem; min-height: 0.24rem; }

.f-btn-icon i, .f-btn-icon img, .f-btn-icon span { position: absolute; right: 0.12rem; }

.f-btn-leftAlign { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }

.f-btn-leftAlign i, .f-btn-leftAlign img, .f-btn-leftAlign span { min-width: 0.24rem; min-height: 0.24rem; }

.f-btn-error, .f-btn-secondary { background-color: rgb(255, 255, 255); }

.f-btn-error:disabled, .f-btn-secondary:disabled { color: rgb(191, 191, 191); position: relative; }

.f-btn-error:disabled::after, .f-btn-secondary:disabled::after { position: absolute; inset: 0px; border: 0.01rem solid rgb(227, 227, 227); border-radius: 0.04rem; content: ""; }

.f-btn-secondary { color: rgb(16, 142, 233); position: relative; }

.f-btn-secondary::after { position: absolute; inset: 0px; border: 0.01rem solid rgb(16, 142, 233); border-radius: 0.04rem; content: ""; }

.f-btn-error { color: rgb(255, 93, 85); position: relative; }

.f-btn-error i { color: red; }

.f-btn-error::after { position: absolute; inset: 0px; border: 0.01rem solid rgb(255, 93, 85); border-radius: 0.04rem; content: ""; }

.f-btn-square { min-width: 0.44rem; height: 0.44rem; font-size: 0.1rem; }

.f-btn-square div div, .f-btn-square div i, .f-btn-square div img, .f-btn-square div span { width: 0.28rem; height: 0.28rem; vertical-align: middle; }

.f-btn-squareSmall { min-width: 0.32rem; height: 0.32rem; font-size: 0.1rem; }

.f-btn-squareSmall div div, .f-btn-squareSmall div i, .f-btn-squareSmall div img, .f-btn-squareSmall div span { width: 0.24rem; height: 0.24rem; vertical-align: middle; }

.f-btn-ghost { color: rgb(16, 142, 233); background-color: transparent; }

.f-btn-ghost:disabled { color: rgb(191, 191, 191); position: relative; }

.f-btn-ghost:disabled::after { position: absolute; inset: 0px; border: 0.01rem solid rgb(227, 227, 227); border-radius: 0.04rem; content: ""; }

.f-btn-ghost:disabled::after { border: none; }

.f-btn-ghost-error { background-color: transparent; color: rgb(255, 93, 85); }

.f-btn-ghost-error:disabled { color: rgb(191, 191, 191); position: relative; }

.f-btn-ghost-error:disabled::after { position: absolute; inset: 0px; border: 0.01rem solid rgb(227, 227, 227); border-radius: 0.04rem; content: ""; }

.f-btn-ghost-error:disabled::after { border: none; }

.f-btn-uppercase { text-transform: uppercase; }

.f-btn-pills { padding: 0px 0.08rem; font-family: -apple-system, system-ui, BlinkMacSystemFont, Roboto, sans-serif; color: rgb(49, 49, 49); font-weight: 400; font-size: 0.12rem; line-height: 1.34; display: flex; -webkit-box-align: center; align-items: center; border-radius: 0.16rem; border: 0.01rem solid rgb(227, 227, 227); background-color: rgb(255, 255, 255); }

.f-btn-pills:disabled { color: rgb(191, 191, 191); border: 0.01rem solid rgb(227, 227, 227); }


.f-btn-container { display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.f-btn-container .f-btn { -webkit-box-flex: 1; flex: 1 1 0%; }

.f-btn-container .f-btn-square { max-width: 0.44rem; }

.f-btn-container .f-btn-squareSmall { max-width: 0.32rem; }


.f-card { background-color: rgb(255, 255, 255); display: block; max-width: 100%; outline: 0px; text-decoration: none; overflow-wrap: break-word; position: relative; white-space: normal; transition: background 280ms; will-change: background; border-radius: 0.08rem; }

.f-card--rounded-top { border-radius: 0.08rem 0.08rem 0px 0px; }

.f-card--tile { border-radius: 0px; }


.f-card__actions { display: flex; -webkit-box-align: center; align-items: center; }

.f-card__actions:not(.f-card__actions--stacked) .f-btn { width: 50%; }

.f-card__actions > .f-btn { margin-top: 0px; -webkit-box-flex: 1; flex-grow: 1; }

.f-card__actions > .f-btn.f-btn + .f-btn { margin-left: 0.08rem; }

.f-card__actions--stacked { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.f-card__actions--stacked .f-btn { width: 100%; }

.f-card__actions--stacked > .f-btn:first-child { margin-bottom: 0.08rem; }

.f-card__actions--stacked > .f-btn.f-btn + .f-btn { margin-left: 0px; }


.f-card__content { font-family: -apple-system, system-ui, BlinkMacSystemFont, Roboto, sans-serif; color: rgb(49, 49, 49); font-weight: 400; font-size: 0.16rem; line-height: 1.25; }

.f-card__content--scrollable-dialog { height: 100%; overflow-y: scroll; max-height: 100vh; }

.f-card__image { margin: 0px auto; }

.f-card__image i, .f-card__image img, .f-card__image span { width: 100%; height: 100%; }


.f-cell { display: flex; -webkit-box-align: center; align-items: center; width: 100%; }

.f-cell--ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


.f-cell__action { position: relative; }

.f-cell__action .arrow { width: 0.24rem; height: 0.24rem; background-image: url("https://a.m.dana.id/resource/imgs/fiat/right.svg"); background-size: cover; }

.f-cell__action .f-notif.dot { width: 0.12rem; height: 0.12rem; }


.f-cell__content { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; width: 0px; -webkit-box-flex: 1; flex-grow: 1; }


.f-cell__desc { font-family: -apple-system, system-ui, BlinkMacSystemFont, Roboto, sans-serif; font-weight: 400; color: rgb(114, 114, 114); font-size: 0.12rem; line-height: 1.34; }

.f-cell__icon { display: flex; }

.f-cell__icon i, .f-cell__icon img, .f-cell__icon span { width: 100%; height: 100%; }


.f-cell__label { font-family: -apple-system, system-ui, BlinkMacSystemFont, Roboto, sans-serif; color: rgb(49, 49, 49); font-weight: 400; font-size: 0.16rem; line-height: 1.25; }


.f-checkbox { font-family: -apple-system, system-ui, BlinkMacSystemFont, Roboto, sans-serif; color: rgb(49, 49, 49); font-weight: 400; font-size: 0.16rem; line-height: 1.25; }

.f-checkbox__input { opacity: 0; position: absolute; left: -999rem; }

.f-checkbox__label { display: inline-flex; }

.f-checkbox__label--centered { -webkit-box-align: center; align-items: center; }

.f-checkbox__label > * { pointer-events: none; }

.f-checkbox__button { position: relative; display: inline-block; }

.f-checkbox__button::after, .f-checkbox__button::before { transition: 0.1s ease-in-out; position: absolute; content: ""; display: inline-block; }

.f-checkbox__button::before { border: 0.01rem solid rgb(164, 164, 164); border-radius: 0.02rem; left: 0px; top: 0px; }

.f-checkbox__button--26 { min-height: 0.2rem; min-width: 0.2rem; }

.f-checkbox__button--26::before { height: 0.2rem; width: 0.2rem; }

.f-checkbox__button--22 { min-height: 0.16rem; min-width: 0.16rem; }

.f-checkbox__button--22::before { height: 0.16rem; width: 0.16rem; }

.f-checkbox__button--24 { min-height: 0.18rem; min-width: 0.18rem; }

.f-checkbox__button--24::before { height: 0.18rem; width: 0.18rem; }

.f-checkbox__button::after { border-left: 0.02rem solid rgb(255, 255, 255); border-bottom: 0.02rem solid rgb(255, 255, 255); transform: rotate(-45deg); left: 0.03rem; top: 0.04rem; }

.f-checkbox__button--26::after { height: 0.08rem; width: 0.12rem; left: 0.04rem; }

.f-checkbox__button--22::after { height: 0.05rem; width: 0.09rem; }

.f-checkbox__button--24::after { height: 0.06rem; width: 0.1rem; left: 0.04rem; }

.f-checkbox__input + .f-checkbox__button::after { content: none; }

.f-checkbox__input:checked + .f-checkbox__button::after { content: ""; }

.f-checkbox--blue .f-checkbox__input:checked + .f-checkbox__button::before, .f-checkbox--blue.f-checkbox--indeterminate .f-checkbox__button::before { border-color: rgb(16, 142, 233); background-color: rgb(16, 142, 233); }

.f-checkbox--yellow .f-checkbox__input:checked + .f-checkbox__button::before, .f-checkbox--yellow.f-checkbox--indeterminate .f-checkbox__button::before { border-color: rgb(251, 139, 1); background-color: rgb(251, 139, 1); }

.f-checkbox--disabled .f-checkbox__text { color: rgb(191, 191, 191); }

.f-checkbox--disabled .f-checkbox__button::before { border-color: rgb(191, 191, 191); }

.f-checkbox--disabled .f-checkbox__input:checked + .f-checkbox__button::before { border-color: rgb(191, 191, 191); background-color: rgb(191, 191, 191); }

.f-checkbox--reversed .f-checkbox__label { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; -webkit-box-pack: justify; justify-content: space-between; }

.f-checkbox--indeterminate .f-checkbox__button::before { content: ""; }

.f-checkbox--indeterminate .f-checkbox__button::after { content: ""; height: 0.02rem; background: rgb(255, 255, 255); top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0px); }


.f-coachmark { width: calc(100% - 0.32rem); left: 50%; transform: translateX(-50%); margin: 0px auto; background: rgb(255, 255, 255); z-index: 102; border-radius: 0.08rem; box-shadow: rgba(0, 0, 0, 0.32) 0px 0.02rem 0.08rem -0.02rem; padding: 0.12rem; }

.f-coachmark--top { box-shadow: rgba(0, 0, 0, 0.32) 0px 0px 0.08rem -0.02rem; }

.f-coachmark--blue { background: rgb(233, 245, 254); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }

.f-coachmark__pointer { position: absolute; width: 0.36rem; height: 0.16rem; overflow: hidden; transform-origin: center center; z-index: 103; bottom: -0.15rem; }

.f-coachmark__pointer::after { content: ""; position: absolute; width: 0.24rem; height: 0.24rem; background: rgb(255, 255, 255); border-radius: 0.02rem; transform: rotate(45deg); top: -0.175rem; left: 0.06rem; box-shadow: rgba(0, 0, 0, 0.16) 0.04rem 0.04rem 0.04rem -0.02rem; }

.f-coachmark__pointer--top { top: -0.15rem; }

.f-coachmark__pointer--top::after { top: 0.105rem; box-shadow: rgba(0, 0, 0, 0.16) -0.02rem -0.02rem 0.04rem -0.02rem; }

.f-coachmark__pointer--blue::after { background: rgb(233, 245, 254); }

.f-coachmark__close { min-width: 0.24rem; min-height: 0.24rem; font-size: 0.16rem; margin-left: 0.12rem; }

.f-coachmark__close img { width: 100%; height: 100%; }


.f-dialog__container { position: fixed; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0px); transform-origin: left top; width: 100%; z-index: 100; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.f-dialog__container__inner { width: 100%; overflow-y: auto; pointer-events: auto; }

.f-dialog__container--modal { width: 2.7rem; }


.f-divider { display: block; height: 0.005rem; background-color: transparent; border: 0px; }

.f-divider.box-4 { border-top: 0.04rem solid rgb(245, 245, 245); }

.f-divider.box-8 { border-top: 0.08rem solid rgb(245, 245, 245); }

.f-divider.box-12 { border-top: 0.12rem solid rgb(245, 245, 245); }

.f-divider.box-16 { border-top: 0.16rem solid rgb(245, 245, 245); }

.f-divider.line-full { border-top: 0.005rem solid rgb(209, 209, 209); transform: scaleY(1.1); }

.f-divider.title { color: rgb(114, 114, 114); height: inherit; background-color: rgb(245, 245, 245); }


.f-spinner { position: relative; font-size: 0.16rem; }

.f-notif { border-radius: 50%; pointer-events: none; display: inline-block; }

.f-notif.number { background-color: rgb(255, 93, 85); padding: 0px 0.04rem; min-width: 0.18rem; height: 0.18rem; color: rgb(255, 255, 255); font-size: 0.12rem; line-height: 0.18rem; border-radius: 0.09rem; box-sizing: border-box; text-align: center; }

.f-notif.dot { background-image: url("https://a.m.dana.id/resource/imgs/fiat/f-notif.svg"); background-size: contain; background-repeat: no-repeat; width: 0.12rem; height: 0.12rem; }


.f-radio { font-family: -apple-system, system-ui, BlinkMacSystemFont, Roboto, sans-serif; color: rgb(49, 49, 49); font-weight: 400; font-size: 0.16rem; line-height: 1.25; }

.f-radio__input { opacity: 0; position: absolute; left: -999rem; }

.f-radio__label { display: inline-flex; }

.f-radio__label--centered { -webkit-box-align: center; align-items: center; }

.f-radio__label > * { pointer-events: none; }

.f-radio__button { position: relative; display: inline-block; }

.f-radio__button::after, .f-radio__button::before { transition: 0.1s ease-in-out; position: absolute; content: ""; display: inline-block; }

.f-radio__button::before { border: 0.01rem solid rgb(164, 164, 164); border-radius: 100%; left: 0px; top: 0px; }

.f-radio__button--26 { min-height: 0.22rem; min-width: 0.22rem; }

.f-radio__button--26::before { height: 0.22rem; width: 0.22rem; }

.f-radio__button--22 { min-height: 0.18rem; min-width: 0.18rem; }

.f-radio__button--22::before { height: 0.18rem; width: 0.18rem; }

.f-radio__button--24 { min-height: 0.2rem; min-width: 0.2rem; }

.f-radio__button--24::before { height: 0.2rem; width: 0.2rem; }

.f-radio__button::after { border-radius: 100%; left: 0.04rem; top: 0.04rem; }

.f-radio__button--26::after { height: 0.14rem; width: 0.14rem; }

.f-radio__button--22::after { height: 0.1rem; width: 0.1rem; }

.f-radio__button--24::after { height: 0.12rem; width: 0.12rem; }

.f-radio__input + .f-radio__button::after { content: none; }

.f-radio__input:checked + .f-radio__button::after { content: ""; }

.f-radio--blue .f-radio__input:checked + .f-radio__button::after { border-color: rgb(16, 142, 233); background-color: rgb(16, 142, 233); }

.f-radio--blue .f-radio__input:checked + .f-radio__button::before { border-color: rgb(16, 142, 233); }

.f-radio--yellow .f-radio__input:checked + .f-radio__button::after { border-color: rgb(251, 139, 1); background-color: rgb(251, 139, 1); }

.f-radio--yellow .f-radio__input:checked + .f-radio__button::before { border-color: rgb(251, 139, 1); }

.f-radio--disabled .f-radio__text { color: rgb(191, 191, 191); }

.f-radio--disabled .f-radio__button::before { border-color: rgb(191, 191, 191); }

.f-radio--disabled .f-radio__input:checked + .f-radio__button::after { border-color: rgb(191, 191, 191); background-color: rgb(191, 191, 191); }

.f-radio--disabled .f-radio__input:checked + .f-radio__button::before { border-color: rgb(191, 191, 191); }

.f-radio--reversed .f-radio__label { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; -webkit-box-pack: justify; justify-content: space-between; }


.f-select__wrapper { position: relative; display: flex; -webkit-box-align: center; align-items: center; width: 100%; }

.f-select__container { position: relative; width: 100%; }

.f-select { display: flex; -webkit-box-flex: 1; flex: 1 1 auto; max-width: 100%; text-align: left; }

.f-select .f-select__input-slot { font-size: 0.16rem; width: 100%; }

.f-select .f-select__text-field { -webkit-box-flex: 1; flex: 1 1 0%; position: relative; display: flex; cursor: pointer; -webkit-tap-highlight-color: transparent; user-select: none; }

.f-select .f-select__text-field .f-select__wrapper::before { bottom: -0.01rem; content: ""; left: 0px; position: absolute; width: 100%; border-bottom: 0.01rem solid rgb(191, 191, 191); transition: border-bottom 0.15s linear; }

.f-select .f-select__text-field select { appearance: none; font-family: -apple-system, system-ui, BlinkMacSystemFont, Roboto, sans-serif; font-weight: 400; font-size: 0.16rem; line-height: 1.25; position: relative; width: 100%; padding: 0px 0.04rem 0.04rem 0px; color: rgb(49, 49, 49); border: none; background: 0px 0px; }

.f-select .f-select__text-field select:focus { outline: 0px; box-shadow: none; }

.f-select .f-select__text-field.f-select--focus .f-select__label { color: rgb(252, 167, 62); }

.f-select .f-select__text-field.f-select--focus .f-select__wrapper::before { border-bottom: 0.01rem solid rgb(252, 167, 62); }

.f-select .f-select__text-field .f-select__label { font-family: OpenSans, sans-serif; font-weight: 600; font-size: 0.12rem; line-height: 1.34; position: absolute; top: 0px; transform: translate3d(0px, -0.2rem, 0px); color: rgb(114, 114, 114); transition: color 0.15s linear; z-index: 1; }

.f-select .f-select__text-field.f-select--error .f-select__wrapper::before { border-bottom: 0.01rem solid rgb(255, 132, 126); }

.f-select .f-select__text-field.f-select--error .f-select__label { color: rgb(255, 93, 85); }

.f-select .f-select__text-field.f-select--disabled { pointer-events: none; }

.f-select .f-select__text-field.f-select--disabled select { background-color: transparent; color: rgb(191, 191, 191); -webkit-text-fill-color: rgb(191, 191, 191); opacity: 1; }

.f-select .f-select__text-field.f-select--disabled .f-select__label { color: rgb(191, 191, 191) !important; }

.f-select .f-select__text-box { display: flex; -webkit-box-flex: 1; flex: 1 1 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; position: relative; }

.f-select .f-select__text-box .f-select__label { font-family: OpenSans, sans-serif; font-weight: 600; color: rgb(0, 0, 0); font-size: 0.14rem; line-height: 1.29; margin-bottom: 0.04rem; }

.f-select .f-select__text-box .f-select__wrapper { border: 0.01rem solid rgb(227, 227, 227); border-radius: 0.04rem; overflow: hidden; }

.f-select .f-select__text-box.f-select--focus .f-select__wrapper { border: 0.01rem solid rgb(251, 139, 1); }

.f-select .f-select__text-box select { appearance: none; background-color: transparent; min-height: 0.42rem; font-family: -apple-system, system-ui, BlinkMacSystemFont, Roboto, sans-serif; color: rgb(49, 49, 49); font-weight: 400; font-size: 0.16rem; line-height: 1.25; -webkit-box-flex: 1; flex: 1 1 0%; border: transparent; resize: none; padding: 0.1rem 0.08rem 0.1rem 0.12rem; transition: border 0.1s linear; width: 100%; }

.f-select .f-select__text-box select:focus { outline: 0px; box-shadow: none; }

.f-select .f-select__text-box.f-select--error .f-select__wrapper { border: 0.01rem solid rgb(255, 93, 85); }

.f-select .f-select__text-box.f-select--disabled .f-select__wrapper { background-color: rgb(227, 227, 227); border: 0.01rem solid rgb(227, 227, 227); }

.f-select .f-select__text-box.f-select--disabled .f-select__wrapper select { background-color: rgb(227, 227, 227); pointer-events: none; color: rgb(191, 191, 191); -webkit-text-fill-color: rgb(191, 191, 191); opacity: 1; }

.f-select .f-select__text-box--padding select { padding: 0.1rem 0.08rem 0.1rem 0px; }

.f-select__dropdown { padding-right: 0.04rem; width: 0.24rem; height: 0.24rem; }

.f-select__dropdown img { width: 0.2rem; height: 0.2rem; }


.f-sheet { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px; height: 150%; overflow: hidden; width: 100%; position: fixed; z-index: 100; left: 0px; top: 0px; transform: translate3d(0px, 100vh, 0px); max-height: 80vh; transition-property: -webkit-transform; transition-timing-function: ease; will-change: transform; }

.f-sheet--rounded-top { border-radius: 0.08rem 0.08rem 0px 0px; }

.f-sheet .dash { margin-top: 0.08rem; margin-bottom: 0.08rem; }

.f-sheet .dash::after { content: ""; width: 0.56rem; height: 0.04rem; background-color: rgb(227, 227, 227); border-radius: 0.07rem; display: block; margin: 0px auto; }


.f-sheet__revamp .f-sheet { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px; height: 150%; overflow: hidden; width: 100%; position: fixed; z-index: 100; left: 0px; top: 0px; transform: translate3d(0px, 100vh, 0px); max-height: 80vh; transition-property: -webkit-transform; transition-timing-function: ease; will-change: transform; }

.f-sheet__revamp .f-sheet--swipe { background: initial; height: 100%; max-height: 100%; display: flex; pointer-events: none; box-shadow: none; touch-action: none; user-select: none; }

.f-sheet__revamp .f-sheet--swipe .f-card { position: relative; align-self: flex-end; pointer-events: auto; width: 100%; max-height: 100%; }

.f-sheet__revamp .f-sheet--swipe .f-card__actions { position: sticky; bottom: 0px; }

.f-sheet__revamp .f-sheet--rounded-top { border-radius: 0.08rem 0.08rem 0px 0px; }

.f-sheet__revamp .f-sheet .dash { margin-top: 0.08rem; margin-bottom: 0.08rem; }

.f-sheet__revamp .f-sheet .dash::after { content: ""; width: 0.56rem; height: 0.04rem; background-color: rgb(227, 227, 227); border-radius: 0.07rem; display: block; margin: 0px auto; }


.f-skeleton-enter-active, .f-skeleton-leave-active-active { transition: -webkit-opacity 0.1s ease-in-out; }

.f-skeleton-enter, .f-skeleton-leave-active { opacity: 0; transition: -webkit-opacity 0.1s ease-in-out; }

.f-skeleton { color: transparent; display: block; user-select: none; background: rgb(209, 209, 209); }

.f-skeleton * { visibility: hidden; }

.f-skeleton--wave { position: relative; overflow: hidden; mask-image: -webkit-radial-gradient(center, white, rgb(0, 0, 0)); }

.f-skeleton--wave::after { animation: 1s linear 0s infinite normal none running FSkeletonWave; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent); content: ""; position: absolute; transform: translate3d(-100%, 0px, 0px); will-change: transform; inset: 0px; }

@-webkit-keyframes FSkeletonWave { 
  0% { transform: translate3d(-100%, 0px, 0px); }
  60% { transform: translate3d(100%, 0px, 0px); }
  100% { transform: translate3d(100%, 0px, 0px); }
}

@keyframes FSkeletonWave { 
  0% { transform: translate3d(-100%, 0px, 0px); }
  60% { transform: translate3d(100%, 0px, 0px); }
  100% { transform: translate3d(100%, 0px, 0px); }
}


.f-stepper { display: flex; -webkit-box-align: center; align-items: center; }

.f-stepper__value { width: 0.18rem; }

.f-stepper__button { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border: 0.01rem solid rgb(16, 142, 233); border-radius: 0.04rem; }

.f-stepper__button--32 { width: 0.32rem; height: 0.32rem; }

.f-stepper__button--32 svg { width: 0.2rem; height: 0.2rem; }

.f-stepper__button--28 { width: 0.28rem; height: 0.28rem; }

.f-stepper__button--28 svg { width: 0.19rem; height: 0.19rem; }

.f-stepper__button--24 { width: 0.24rem; height: 0.24rem; }

.f-stepper__button--24 svg { width: 0.18rem; height: 0.18rem; }

.f-stepper--disabled .f-stepper__button { border: 0.01rem solid grey; }

.f-stepper--disabled .f-stepper__button path, .f-stepper--disabled .f-stepper__button rect { fill: grey; }


.f-switch { position: relative; display: block; width: 0.52rem; height: 0.32rem; }

.f-switch > * { pointer-events: none; }

.f-switch input { display: none; }

.f-switch .slider { position: absolute; inset: 0px; background-color: rgb(191, 191, 191); transition: 0.4s; }

.f-switch .slider::before { position: absolute; content: ""; height: 0.28rem; width: 0.28rem; left: 0.02rem; bottom: 0.02rem; background-color: rgb(255, 255, 255); transition: 0.4s; }

.f-switch .slider.round { border-radius: 0.34rem; }

.f-switch .slider.round::before { border-radius: 50%; }

.f-switch--active .slider::before { transform: translateX(0.2rem); }

.f-switch--blue .slider { background-color: rgb(16, 142, 233); }

.f-switch--disabled .slider { opacity: 0.5; }


.f-tab { display: flex; z-index: 2; width: 100%; }

.f-tab.scrollable { overflow: auto; -webkit-box-pack: start; justify-content: flex-start; }

.f-tab.scrollable::-webkit-scrollbar { display: none; }

.f-tab.scrollable .tab-wrapper.tab-icon { min-width: 0.75rem; }

.f-tab--dynamicFixed, .f-tab--static { position: relative; }

.f-tab--fixed { top: 0px; left: 0px; position: fixed; }

.f-tab--pills { display: flex; white-space: nowrap; background: rgb(255, 255, 255); }

.f-tab--pills .tabs-container { display: flex; padding: 0.08rem 0.16rem; min-height: 0.32rem; }

.f-tab--pills .tab-wrapper { font-size: 0.12rem; line-height: 1.34; display: flex; color: rgb(114, 114, 114); padding: 0px 0.08rem; margin-right: 0.08rem; -webkit-box-align: center; align-items: center; height: 0.32rem; position: relative; }

.f-tab--pills .tab-wrapper::after { position: absolute; inset: 0px; border: 0.01rem solid rgb(227, 227, 227); border-radius: 0.16rem; content: ""; }

.f-tab--pills .tab-wrapper:last-child { margin-right: 0px; }

.f-tab--pills .tab-wrapper .wrapper-icon { min-width: 0.2rem; min-height: 0.2rem; margin-right: 0.06rem; }

.f-tab--pills .tab-wrapper .wrapper-icon .f-tab-icon { width: 0.2rem; height: 0.2rem; }

.f-tab--pills .tab-wrapper .wrapper-icon .f-tab-icon-active { width: 0.2rem; height: 0.2rem; }

.f-tab--pills .tab-wrapper.active { color: rgb(255, 255, 255); background-color: rgb(16, 142, 233); border-radius: 0.16rem; position: relative; }

.f-tab--pills .tab-wrapper.active::after { position: absolute; inset: 0px; border: 0px solid rgb(227, 227, 227); border-radius: 0px; content: ""; }

.f-tab--pills .tab-wrapper.active .wrapper-icon .f-tab-icon-active { visibility: visible; }

.f-tab--pills .tab-wrapper.active .wrapper-icon .f-tab-icon { visibility: hidden; }

.f-tab--white { display: flex; background-color: rgb(255, 255, 255); }

.f-tab--white .tab-wrapper { font-size: 0.16rem; line-height: 1.25; padding: 0.12rem 0px; width: 100%; text-align: center; position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.f-tab--white .tab-wrapper { color: rgb(114, 114, 114); }

.f-tab--white .tab-wrapper.active { color: rgb(16, 142, 233); }

.f-tab--white .tab-wrapper.active::after { position: absolute; right: 0px; bottom: 0px; left: 0px; border: 0.01rem solid rgb(16, 142, 233); border-radius: 0.02rem; content: ""; }

.f-tab .wrapper-icon { position: relative; min-width: 0.24rem; min-height: 0.24rem; }

.f-tab .wrapper-icon .f-tab-icon-active { visibility: hidden; }

.f-tab .wrapper-icon .f-tab-icon { visibility: visible; }

.f-tab .wrapper-icon .f-tab-icon, .f-tab .wrapper-icon .f-tab-icon-active { display: block; left: 0px; margin-left: auto; margin-right: auto; width: 0.24rem; height: 0.24rem; position: absolute; right: 0px; top: 0px; text-align: center; }

.f-tab .wrapper-icon .f-tab-icon i, .f-tab .wrapper-icon .f-tab-icon img, .f-tab .wrapper-icon .f-tab-icon span, .f-tab .wrapper-icon .f-tab-icon-active i, .f-tab .wrapper-icon .f-tab-icon-active img, .f-tab .wrapper-icon .f-tab-icon-active span { width: 100%; height: 100%; }

.f-tab .f-notif.dot { width: 0.08rem; height: 0.08rem; }

.f-tab--blue { display: flex; background-color: rgb(16, 142, 233); color: rgb(255, 255, 255); }

.f-tab--blue .tab-wrapper { font-size: 0.16rem; line-height: 1.25; padding: 0.12rem 0px; width: 100%; text-align: center; position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.f-tab--blue .tab-wrapper.tab-icon { padding: 0.11rem 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.f-tab--blue .tab-wrapper .f-notif.dot { width: 0.08rem; height: 0.08rem; }

.f-tab--blue .tab-wrapper .wrapper-icon .f-notif.number { margin-left: 0.08rem; }

.f-tab--blue .tab-wrapper .wrapper-icon .f-notif.dot { transform: translateX(-50%); position: absolute; left: calc(50% + 0.0825rem); top: -0.0075rem; }

.f-tab--blue .tab-wrapper.active .wrapper-icon .f-tab-icon-active { visibility: visible; }

.f-tab--blue .tab-wrapper.active .wrapper-icon .f-tab-icon { visibility: hidden; }

.f-tab--blue .tab-wrapper.active::after { content: ""; position: absolute; width: 0px; height: 0px; border-left: 0.08rem solid transparent; border-right: 0.08rem solid transparent; border-bottom: 0.08rem solid rgb(255, 255, 255); clear: both; bottom: 0px; left: 50%; transform: translateX(-50%); }


.f-input__wrapper { position: relative; display: flex; width: 100%; }

.f-input__container { position: relative; width: 100%; }

.f-textarea { position: relative; display: flex; width: 100%; }

.f-textarea .f-textarea__wrapper { display: flex; -webkit-box-flex: 1; flex: 1 1 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; position: relative; }

.f-textarea .f-input__wrapper { -webkit-box-align: initial; align-items: initial; }

.f-textarea .f-textarea__label { font-family: OpenSans, sans-serif; font-weight: 600; font-size: 0.12rem; line-height: 1.34; color: rgb(114, 114, 114); transition: 0.15s linear; }

.f-textarea .f-input__wrapper::after { bottom: 0px; content: ""; left: 0px; width: 100%; position: absolute; display: block; border-bottom: 0.01rem solid rgb(191, 191, 191); transition: border 0.1s linear; }

.f-textarea textarea { font-family: -apple-system, system-ui, BlinkMacSystemFont, Roboto, sans-serif; color: rgb(49, 49, 49); font-weight: 400; font-size: 0.16rem; -webkit-box-flex: 1; flex: 1 1 0%; resize: none; caret-color: rgb(206, 114, 1); padding: 0px 0.08rem 0px 0px; transition: border 0.1s linear; border-top: none; border-right: none; border-left: none; border-image: initial; line-height: 0.28rem; width: 100%; border-bottom: 0.01rem solid rgb(227, 227, 227); }

.f-textarea textarea::-webkit-input-placeholder { color: rgb(191, 191, 191); opacity: 1; }

.f-textarea textarea::placeholder { color: rgb(191, 191, 191); opacity: 1; }

.f-textarea textarea:focus { border-bottom: 0.01rem solid rgb(251, 139, 1); outline: 0px; box-shadow: none; }

.f-textarea .f-input__clear-button { margin-right: 0.4rem; }

.f-textarea .f-textarea--outlined .f-input__wrapper { border: 0.012rem solid rgb(227, 227, 227); border-radius: 0.04rem; padding: 0.025rem 0px 0px; transition: border 0.1s linear; }

.f-textarea .f-textarea--outlined .f-input__wrapper::after { opacity: 0; }

.f-textarea .f-textarea--outlined textarea { border: none; margin-left: 0.12rem; min-height: 0.325rem; }

.f-textarea .f-textarea--outlined textarea:focus { border: none; }

.f-textarea .f-textarea--outlined .f-textarea__label { font-family: OpenSans, sans-serif; font-weight: 600; font-size: 0.14rem; line-height: 1.29; color: rgb(0, 0, 0); margin-bottom: 0.04rem; }

.f-textarea .f-textarea--outlined .f-input__clear-button { margin-right: 0.04rem; }

.f-textarea .f-textarea--outlined.f-textarea--error .f-textarea__label { color: rgb(0, 0, 0) !important; }

.f-textarea .f-textarea--focus .f-input__wrapper::after { border-bottom: 0.01rem solid rgb(251, 139, 1); }

.f-textarea .f-textarea--focus.f-textarea--outlined .f-input__wrapper { border: 0.012rem solid rgb(251, 139, 1); }

.f-textarea .f-input--no-clear textarea { padding: 0px 0.12rem 0px 0px; }

.f-textarea .f-textarea--error .f-textarea__label { color: rgb(255, 93, 85) !important; }

.f-textarea .f-textarea--error .f-input__wrapper::after { border-bottom: 0.01rem solid rgb(255, 93, 85); }

.f-textarea .f-textarea--error.f-textarea--outlined .f-textarea__label { color: initial; }

.f-textarea .f-textarea--error.f-textarea--outlined .f-input__wrapper { border: 0.012rem solid rgb(255, 93, 85); }

.f-textarea .f-textarea--disabled .f-textarea__label { color: rgb(191, 191, 191) !important; }

.f-textarea .f-textarea--disabled textarea { background-color: transparent; color: rgb(191, 191, 191); -webkit-text-fill-color: rgb(191, 191, 191); opacity: 1; }

.f-textarea .f-textarea--disabled.f-textarea--outlined .f-textarea__label { color: rgb(0, 0, 0); }

.f-textarea .f-textarea--disabled.f-textarea--outlined .f-input__wrapper { background-color: rgb(227, 227, 227); }

.f-textarea .f-textarea--disabled.f-textarea--outlined textarea { background-color: rgb(227, 227, 227); border: 0.01rem solid rgb(227, 227, 227); pointer-events: none; }

.f-textarea .f-textarea--focus.f-textarea--floating .f-textarea__label, .f-textarea .f-textarea--notEmpty.f-textarea--floating .f-textarea__label { font-family: OpenSans, sans-serif; font-weight: 600; color: rgb(0, 0, 0); font-size: 0.12rem; line-height: 1.34; transform: translate3d(0px, 0px, 0px); }

.f-textarea .f-textarea--notEmpty.f-textarea--floating .f-textarea__label { color: rgb(114, 114, 114); }

.f-textarea .f-textarea--focus.f-textarea--floating .f-textarea__label { color: rgb(252, 167, 62); }

.f-textarea .f-textarea--floating textarea::-webkit-input-placeholder { opacity: 0; }

.f-textarea .f-textarea--floating textarea::placeholder { opacity: 0; }

.f-textarea .f-textarea--floating .f-textarea__label { font-family: -apple-system, system-ui, BlinkMacSystemFont, Roboto, sans-serif; font-weight: 400; font-size: 0.16rem; line-height: 1.25; transform: translate3d(0px, 0.24rem, 0px); color: rgb(191, 191, 191); position: relative; z-index: 1; margin: 0px; }

.f-textarea--autogrow textarea::-webkit-scrollbar { display: none; }

        /* Loading overlay style */
        #loadingOverlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, 0.8);
            display: none;
            justify-content: center;
            align-items: center;
            z-index: 9999;
        }
        .spinner {
            border: 4px solid rgba(0, 0, 0, 0.1);
            border-top: 4px solid rgb(16, 142, 233);
            border-radius: 50%;
            width: 40px;
            height: 40px;
            animation: spin 1s linear infinite;
        }
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }