@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";.alert-container{position:absolute;top:16px;right:16px;display:flex;justify-content:flex-end;align-items:start;width:auto;max-width:480px;gap:32px;padding:16px;background-color:#fff;border-radius:8px;transform:translate(calc(100% + 30px));transition:all .5s cubic-bezier(.68,-.55,.265,1.35);overflow:hidden}.alert-container .alert-wrapper{display:flex;flex-direction:column;justify-content:center;border-radius:4px;flex:1}.alert-container .x-wrapper{align-items:center;cursor:pointer}.alert-container .x-wrapper:hover{opacity:.5}.alert-container .progress{position:absolute;bottom:0;left:0;height:3px;width:100%}.alert-container .progress:before{content:"";position:absolute;bottom:0;left:0;height:100%;width:100%;background-color:#4070f4}.alert-container .progress.active:before{animation:progress 5s linear forwards}.alert-container.danger{background-color:#ef8780}.alert-container.success{background-color:#4ba2be}.alert-container.active{transform:translate(0)}@keyframes progress{to{left:100%}}.copy-alert{position:absolute;bottom:82px;background-color:#e7f8f0;left:0;right:0;margin-left:auto;margin-right:auto;max-width:360px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:12px;-webkit-animation:fadeInFromNone .5s ease-out;-moz-animation:fadeInFromNone .5s ease-out;-o-animation:fadeInFromNone .5s ease-out;animation:fadeInFromNone .5s ease-out}.copy-alert .check-wrap{background-color:#12b76a;width:24px;height:24px;display:flex;justify-content:center;align-items:center;border-radius:24px}@-webkit-keyframes fadeInFromNone{0%{opacity:0}1%{opacity:0}to{opacity:1}}@-moz-keyframes fadeInFromNone{0%{opacity:0}1%{opacity:0}to{opacity:1}}@-o-keyframes fadeInFromNone{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes fadeInFromNone{0%{opacity:0}1%{opacity:0}to{opacity:1}}.bottom-menu-box-container{display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:auto;padding:8px 0;flex-direction:column;border-top-right-radius:12px;border-top-left-radius:12px;background-color:#fff;transition:.5s;transform:translateY(0)}.bottom-menu-box-container .line{width:64px;height:6px;background-color:#bdbdbd;align-self:center;border-radius:8px}.navigation-container{background-color:#f4f4f4;display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:auto;padding:8px 0}.navigation-container .navigation-items{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px;cursor:pointer}.navigation-container .navigation-items .route{font-weight:400;font-weight:12px;line-height:18px;color:#828282}.navigation-container .navigation-items .route.active{color:#0091c0}.button-primary{background-color:#0091c0;border-color:transparent;color:#fff;border-radius:999px;width:100%;font-weight:600;font-size:14px;padding:10px 0;line-height:20px;cursor:pointer}.button-primary:hover{background-color:#1ab8ed}.button-bordered{border:1px solid #0091C0;background-color:#fff;color:#0091c0;border-radius:999px;width:100%;font-weight:600;font-size:14px;padding:10px 0;line-height:20px;cursor:pointer}.button-bordered:hover{opacity:.5}.button-disable{background-color:#bdbdbd;border-color:transparent;color:#fff;border-radius:999px;width:100%;font-weight:600;font-size:14px;padding:10px 0;line-height:20px;cursor:not-allowed;display:flex;justify-content:center;align-items:center}.header-container{display:flex;width:100%;justify-content:space-between;align-items:center;padding:16px 0}.header-container .left-icon{display:flex;align-items:center;gap:16px}.header-container .left-icon p{font-weight:600;size:16px;line-height:24px}.header-container .left-icon .dark{color:#fff}.h-slider-contianer{width:100%}.h-slider-contianer .slider{width:100%;height:8px;background:#00f;outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.h-slider-contianer .slider:hover{opacity:1}.h-slider-contianer .slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:16px;background:#fff;cursor:pointer}.h-slider-contianer .slider::-moz-range-thumb{width:16px;height:16px;border-radius:16px;background:#fff;cursor:pointer}.h-slider-contianer .slider-value-wrap{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;font-weight:600;line-height:18px;color:#828282}.input-container{width:100%;display:flex;align-items:center;border-bottom:1px solid #828282;position:relative}.input-container input{width:100%;border:0;padding:12px;font-size:14px;font-style:normal;font-weight:400;line-height:20px;color:#828282}.input-container input:focus{outline:none}.input-container .filter{cursor:pointer}.floating-input-container{position:relative;height:48px;display:flex;border:1px solid #e0e0e0;border-radius:8px;margin-top:12px;align-items:center;padding-left:16px}.floating-input-container span{position:absolute;background-color:#fff;font-weight:400;font-size:12px;line-height:18px;top:-9px;left:16px;padding:0 4px;color:#5c5c5c}.floating-input-container input{width:100%;border:0;color:#333;font-weight:400;font-size:14px;line-height:20px}.floating-input-container input:focus{outline:none}.floating-input-container .rupiah{font-weight:600;font-size:20px;line-height:28px}.select-input-container{position:relative;height:48px;display:flex;border:1px solid #e0e0e0;border-radius:8px;margin-top:12px;align-items:center;padding:0 16px;justify-content:space-between;cursor:pointer}.select-input-container span{position:absolute;background-color:#fff;font-weight:400;font-size:12px;line-height:18px;top:-9px;left:16px;padding:0 4px;color:#5c5c5c}.left-icon-input-container{position:relative;height:48px;display:flex;border:1px solid #e0e0e0;border-radius:8px;margin-top:12px;align-items:center;padding-left:16px}.left-icon-input-container span{position:absolute;background-color:#fff;font-weight:400;font-size:12px;line-height:18px;top:-9px;left:16px;padding:0 4px;color:#5c5c5c}.left-icon-input-container input{width:100%;border:0;color:#333;font-weight:400;font-size:14px;line-height:20px;padding-left:12px}.left-icon-input-container input:focus{outline:none}.edit-wrap{display:flex;align-items:flex-end;gap:2px;color:#0091c0}.with-label{position:absolute;top:-8px;left:12px}.rp-input-container{position:relative;height:48px;display:flex;border:1px solid #e0e0e0;border-radius:8px;margin-top:12px;align-items:center;padding-left:16px}.rp-input-container span{position:absolute;background-color:#fff;font-weight:400;font-size:12px;line-height:18px;top:-9px;left:16px;padding:0 4px;color:#828282}.rp-input-container input{width:100%;border:0;color:#828282;font-weight:600;font-size:20px;line-height:28px}.rp-input-container input:focus{outline:none}.rp-input-container .rupiah{font-weight:600;font-size:20px;line-height:28px}.slide-container{width:100%;gap:12px;display:flex;justify-content:center;padding:4px 0}.slide-container .slider-items{width:8px;height:8px;border-radius:8px;background-color:#bdbdbd}.slide-container .slider-items.active{background-color:#0091c0}.loading-container{position:fixed;top:0;display:flex;flex:1;justify-content:center;align-items:center;width:100%;height:100%;background-color:#000;opacity:.3;max-width:480px}.loading-container .loading-wrapper{display:flex;justify-content:center;align-items:center}.loading-container .loading-wrapper .items{width:12px;height:32px;margin-left:4px;margin-right:4px}.loading-container #children{animation:scaling 2.5s ease-in-out infinite}@keyframes scaling{0%,to{transform:scale(.2);background-color:#60a5fa}40%{transform:scale(1);background-color:#2563eb}50%{transform:scale(1);background-color:#3b82f6}}.loading-container #children:nth-child(0){animation-delay:0s}.loading-container #children:nth-child(1){animation-delay:.2s}.loading-container #children:nth-child(2){animation-delay:.4s}.loading-container #children:nth-child(3){animation-delay:.8s}.loading-container #children:nth-child(4){animation-delay:.8s}.loading-container #children:nth-child(5){animation-delay:1s}.phone-input-container{position:relative;height:48px;display:flex;border:1px solid #e0e0e0;border-radius:8px}.phone-input-container .phone-code{display:flex;flex-direction:row;align-items:center;margin-left:12px;gap:6px;cursor:pointer}.phone-input-container .phone-code .flat-name{width:24px;height:24px;border-radius:24px}.phone-input-container .phone-code .chevron-down{display:flex;align-items:center;gap:6px}.phone-input-container .phone-code .chevron-down .code{font-weight:600;font-size:14px;line-height:20px}.phone-input-container .phone-input{margin:0 12px;width:100%;border:0}.phone-input-container .phone-input:focus{outline:none}.phone-input-container .list_countries{position:absolute;width:100%;height:128px;top:0;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;overflow-y:scroll;padding:4px 16px}.phone-input-container .list{display:flex;align-items:center;gap:8px;margin-bottom:4px;cursor:pointer}.phone-input-container .list .flat-list-name{width:24px;height:24px;border-radius:24px}.phone-input-container .list .countri-dial-code{font-weight:400;font-size:12px}.phone-input-container.error{border:1px solid #F04438}.error-message{font-weight:400;font-size:12px;line-height:12px;color:#f04438;margin-left:16px}.pin-container{flex:1;display:flex;flex-direction:column;justify-content:space-evenly}.pin-container .pin-wrapper{width:100%;display:flex;justify-content:space-around}.pin-container .pin-wrapper .pin-item{width:48px;height:48px;border-radius:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}.pin-container .pin-wrapper .pin-item:hover{opacity:.2;background-color:#828282}.transaction-card-container .transaction-card{display:flex;align-items:center;gap:12px;margin-top:4px;margin-bottom:4px;cursor:pointer;padding:8px;border-radius:4px}.transaction-card-container .transaction-card:hover{background:#e2e2e2}.transaction-card-container .transaction-card .main{flex:1}.transaction-card-container .transaction-card .title{font-size:14px;font-style:normal;font-weight:600;line-height:20px}.transaction-card-container .transaction-card .title.withdraw{color:#12b76a}.transaction-card-container .transaction-card .desc{font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px;color:#5c5c5c}.transaction-card-container .transaction-card .desc.dompet{color:#333;text-align:right}.Transfer-menu{border-bottom:1px solid #E0E0E0;padding:16px 16px 16px 32px;cursor:pointer}.Transfer-menu:hover{opacity:.7}.wallets-items{position:relative;flex:45%;padding:12px;border-radius:8px;cursor:pointer}.wallets-items .title{font-weight:600;font-size:14px;line-height:20px;color:#333;min-height:48px}.wallets-items .desc{font-weight:400;font-size:12px;line-height:18px;color:#5c5c5c}.wallets-items .saldo{font-weight:600;font-size:16px;line-height:24px;color:#333}.wallets-items .union{position:absolute;top:0;right:0}.home-container{padding:4px 16px 16px;display:flex;flex-direction:column;min-height:100vh}.home-container .header-wrap{display:flex;justify-content:space-between;align-items:center}.home-container .header-wrap .left-side{display:flex;gap:8px}.home-container .header-wrap .left-side img{width:48px;height:48px;border-radius:48px;object-fit:cover;object-position:center}.home-container .header-wrap .left-side p{font-weight:400;font-size:12px;line-height:18px;color:#5c5c5c}.home-container .header-wrap .left-side h3{font-weight:600;font-size:14px;line-height:20px;color:#333}.home-container .header-wrap .bell{cursor:pointer}.home-container .main-Wallet .header-content{display:flex;align-items:center;gap:8px}.home-container .main-Wallet .header-content h3{font-weight:600;font-size:14px;line-height:20px}.home-container .main-Wallet .header-content .eye{cursor:pointer}.home-container .main-Wallet h2{font-weight:600;font-size:20px;line-height:28px;color:#333}.home-container .main-Wallet .body-content{display:flex;align-items:center;justify-content:space-between;background-color:#e6f8fe;padding:8px}.home-container .main-Wallet .body-content .body{gap:8px;display:flex}.home-container .main-Wallet .body-content .salin{font-weight:600;color:#0091c0;cursor:pointer}.home-container .menu-wrap{display:flex;justify-content:space-around}.home-container .menu-wrap .menu-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer}.home-container .fast-access-wrap .fast-access-header{display:flex;justify-content:space-between}.home-container .fast-access-wrap .fast-access-header h3{font-weight:600;font-size:16px;line-height:24px;color:#333}.home-container .fast-access-wrap .fast-access-header span{color:#0091c0;font-weight:600;font-size:14px;line-height:20px}.home-container .fast-access-wrap .fast-access-item-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.home-container .fast-access-wrap .fast-access-item-container .fast-access-items{position:relative;flex:45%;padding:12px}.home-container .fast-access-wrap .fast-access-item-container .fast-access-items.add{min-height:116px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;text-align:center;border:1px dashed #0091c0;border-radius:12px;background-color:#e6f8fe}.introduction-container{display:flex;flex-direction:column;min-height:100vh}.introduction-container .kspikr-wrapper{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all ease-in-out 1}.introduction-container .title-container{min-height:64px;margin:0 16px}.introduction-container .title-container h2{font-weight:600;font-size:24px;line-height:32px;color:#333;text-align:center}.introduction-container .description-container{min-height:40px;margin:0 16px}.introduction-container .description-container p{font-weight:400;font-size:14px;line-height:20px;color:#5c5c5c;text-align:center}.introduction-container .slider-wrapper{display:flex;margin:32px 8px}.introduction-container .slider-wrapper button{border:none;background-color:#fff;cursor:pointer}.otp{outline:none;border:0;flex:1;width:24px;font-size:32px;padding:10px;text-align:center;margin:2px;border-bottom:2px solid #55525c;font-weight:700;color:#000;transition:all .1s}.otp:focus{border-bottom:2px solid #0091c0}.otp.failed{border-bottom:2px solid #F04438;color:#000}.personal-verification-container{margin:4px 16px;display:flex;flex-direction:column;min-height:100vh}.personal-verification-container h3{font-weight:600;font-size:20px;line-height:28px}.personal-verification-container p{font-weight:400;font-size:14px;line-height:20px;color:#333}.terms-and-conditions-container{padding:4px 16px 16px;display:flex;flex-direction:column;min-height:100vh}.terms-and-conditions-container iframe{flex:1;margin-bottom:12px}.terms-and-conditions-container .accept-container{display:flex;gap:8px}.terms-and-conditions-container .accept-container p{font-size:12px;font-weight:400;line-height:18px}.form-verification-container{padding:4px 16px 12px;display:flex;flex-direction:column;min-height:100vh}.form-verification-container .main-content{flex:1}.form-verification-container h3{font-weight:600;font-size:20px;line-height:28px}.form-verification-container p{font-weight:400;font-size:14px;line-height:20px;color:#333}.form-verification-container .announce{display:flex;justify-content:center;align-items:center;gap:8px;background-color:#eaf4ff;margin-bottom:32px}.form-verification-container .announce p{font-weight:400;font-size:12px;line-height:18px}.form-verification-container .box-container{border:2px dashed #e0e0e0;padding:8px;display:flex;align-items:center;gap:12px;border-radius:8px;margin-bottom:8px;margin-top:8px;cursor:pointer}.form-verification-container .box-container .camera-container{width:64px;height:64px;background:#e0e0e0;border-radius:8px;display:flex;justify-content:center;align-items:center}.form-verification-container .box-container img{border-radius:8px}.form-verification-container .box-container .box-tittle{font-size:14px;line-height:20px}.form-verification-container .box-container .box-description{font-size:12px;line-height:18px}.take-ktp-container{display:flex;flex-direction:column;min-height:100vh;padding-bottom:16px;background-color:#000;align-items:center;justify-content:space-around}.take-ktp-container .header-wrap{padding:4px 16px;width:100%;color:#fff;text-align:center}.take-ktp-container .header-wrap h3{font-weight:600;font-size:20px;line-height:28px}.take-ktp-container .header-wrap p{font-weight:400;font-size:14px;line-height:20px}.take-ktp-container .camera-container{width:64px;height:64px;background-color:#0091c0;border-radius:64px;display:flex;align-items:center;justify-content:center;cursor:pointer}.take-ktp-container .web-cam-wrapper{position:relative}.take-ktp-container .web-cam-wrapper .ktp-frame{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center}.kyc-verification-container{padding:4px 16px 16px;display:flex;flex-direction:column;min-height:100vh;align-items:center}.kyc-verification-container h3{font-weight:600;font-size:20px;line-height:28px}.kyc-verification-container p{text-align:center;font-weight:400;font-size:14px;line-height:20px}.kyc-verification-container p span{color:#0091c0;cursor:pointer}.splash-container{display:flex;flex:1;height:100dvh;justify-content:center;align-items:center}.wallets-container{padding:4px 16px 16px;display:flex;flex-direction:column;min-height:100vh}.wallets-container h3{font-size:16px;font-style:normal;font-weight:600;line-height:24px;margin:16px 0}.wallets-container .info-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.wallets-container .info-container .info-circle{height:24px;width:24px;border-radius:24px;background-color:#006ffd;display:flex;justify-content:center;align-items:center;cursor:pointer}.wallets-container .info-container .x-wrapper{height:24px;width:24px;display:flex;justify-content:center;align-items:center;cursor:pointer}.wallets-container .wallets-item-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.wallets-container .wallets-item-container .wallets-items{position:relative;flex:45%;padding:12px}.wallets-container .wallets-item-container .wallets-items.add{min-height:116px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;text-align:center;border:1px dashed #0091c0;border-radius:12px;background-color:#e6f8fe}.transaction-container{padding:4px 16px 16px;display:flex;flex-direction:column;min-height:100vh}.transaction-container h3{font-weight:600;font-size:16px;line-height:24px;color:#333;padding:16px 0}.transaction-container .border-top{border-top:1px solid #cacaca;padding-top:32px}.transaction-container .filter-container{display:flex;flex-direction:column;padding:16px;gap:8px}.transaction-container .filter-container .header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.transaction-container .filter-container .pointer{cursor:pointer}.transaction-container .filter-container .time-filter{display:flex;flex-direction:column;gap:12px;margin-bottom:8px}.transaction-container .filter-container .time-filter .radio-wrap{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.transaction-container .filter-container .time-filter .radio-wrap .radio{border:1px solid #333333;width:20px;height:20px;border-radius:20px;cursor:pointer}.transaction-container .filter-container .time-filter .radio-wrap .radio.active{background-color:#0091c0;border-width:0px}.transaction-container .filter-container .calendar-wrap{display:flex;flex-direction:row;align-items:center;gap:16px}.transaction-container .filter-container .calendar-wrap .calendar{flex:1;padding:8px 12px;border-radius:8px;border:1px solid #e0e0e0;cursor:pointer}.transaction-container .filter-container .category .categoty-items{overflow-x:scroll;overflow-y:hidden;white-space:nowrap;display:flex;scrollbar-width:thin;scrollbar-color:transparent transparent}.transaction-container .filter-container .category .categoty-items ::-webkit-scrollbar{display:none}.transaction-container .filter-container .category .categoty-items .item{margin:2px;max-height:50px;cursor:pointer;display:inline-block;display:inline;zoom:1;vertical-align:top;padding:8px 16px;border:1px solid #e0e0e0;border-radius:16px}.transaction-container .filter-container .category .categoty-items .item.active{background-color:#e6f8fe;border-color:#0091c0;color:#0091c0}.account-container{padding:4px 16px 16px;display:flex;flex-direction:column;min-height:100vh}.account-container h3{font-weight:600;font-size:16px;line-height:24px;color:#333;padding:16px 0}.account-container .profile-container{display:flex;gap:12px}.account-container .profile-container .initial-wrap{display:flex;justify-content:center;align-items:center;width:48px;height:48px;border-radius:48px;background-color:#e0e0e0}.account-container .profile-container .initial-wrap p{font-weight:800;font-size:18px;color:#828282}.account-container .profile-container .body-wrap{flex:1}.account-container .profile-container .body-wrap h4{font-size:14px;font-style:normal;font-weight:400;line-height:20px}.account-container .profile-container .body-wrap p{color:#12b76a;font-size:12px;font-style:normal;font-weight:600;line-height:18px}.account-container .main-menu-container{padding-top:24px;padding-bottom:8}.account-container .main-menu-container h2{font-size:14px;font-style:normal;font-weight:600;line-height:20px;color:#828282}.account-container .main-menu-container .main-menu-wrapper{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #e0e0e0;cursor:pointer}.account-container .main-menu-container .main-menu-wrapper:last-child{border-bottom:none}.account-container .main-menu-container .main-menu-wrapper p{flex:1;font-size:14px;font-style:normal;font-weight:400;line-height:20px;color:#333}.account-container .logout-wrap{display:flex;gap:16px;padding:16px 0;background-color:#fff;cursor:pointer}.account-container .logout-wrap .logout{font-size:14px;font-style:normal;font-weight:400;line-height:20px;color:#0091c0}.device-title{margin:16px;border-bottom:1px dashed #E0E0E0}.addet-at{display:flex;justify-content:space-between;padding:8px 16px}.addet-at .del-dev{border:1px solid #0091c0;color:#0091c0;background:none;padding:4px 12px;border-radius:100px;cursor:pointer}.borrow-container{padding:4px 16px 12px;display:flex;flex-direction:column;min-height:100vh}.borrow-container h3{color:#333;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.borrow-container .header-content{display:flex;gap:16px;align-items:center;padding:16px 0}.borrow-container .header-content .chevron-wrapper{cursor:pointer}.borrow-container .menu{display:flex;justify-content:space-evenly;align-items:center}.borrow-container .menu .menu-item{flex:1;text-align:center;cursor:pointer;border-bottom:2px solid #ffffff}.borrow-container .menu .menu-title{font-size:14px;font-style:normal;font-weight:600;line-height:20px;color:#828282;padding:14px 0}.borrow-container .menu .menu-item .active{border-bottom:2px solid #0091c0}.borrow-container .menu .menu-title.active{color:#0091c0}.borrow-container .submission-container{padding-top:24}.borrow-container .submission-container .limit-card{padding:12px 16px;margin:12px 16px;display:flex;flex-direction:column;border-radius:12px;-moz-box-shadow:0px 2px 8px 0px rgba(0,0,0,.09);box-shadow:0 2px 8px #00000017}.borrow-container .submission-container .limit-card p{font-weight:400;font-size:12px;line-height:18px;color:#5c5c5c;padding-bottom:2px}.borrow-container .submission-container .limit-card .header-card{flex:1;padding-bottom:12px;border-bottom:1px dashed #e0e0e0}.borrow-container .submission-container .limit-card .header-card h3{font-weight:600;font-size:20px;line-height:28px;color:#333}.borrow-container .submission-container .limit-card .body-card{display:flex;padding:12px 16px}.borrow-container .submission-container .limit-card .body-card h4{font-weight:600;font-size:14px;line-height:20px;color:#333}.borrow-container .submission-container .limit-card .items{flex:1}.borrow-container .duration-wrapper{display:flex;justify-content:space-between;border:1px solid #e0e0e0;padding:12px 16px;border-radius:8px;align-items:center;font-weight:400;font-size:14px;line-height:20px;color:#828282;cursor:pointer}.borrow-container .duration-items{padding:12px;cursor:pointer}.borrow-container .details-borrow{display:flex;justify-content:space-between;font-weight:400;font-size:14px;line-height:20px;color:#5c5c5c}.borrow-container .allert{color:red}.borrow-container .allert.desc{font-weight:400;font-size:12px;line-height:18px}.borrow-container .statement{font-weight:400;font-size:12px;line-height:18px;padding:12px}.borrow-container .loan-container{display:flex;flex-direction:column;gap:8px;margin-top:12px}.borrow-container .loan-container .loan-card{padding:0 16px;cursor:pointer;border-radius:8px}.borrow-container .loan-container .loan-card p{font-size:12px;font-weight:400;line-height:18px}.borrow-container .loan-container .loan-card .loan-card-header{padding:8px 0;display:flex;justify-content:space-between}.borrow-container .loan-container .loan-card .loan-card-header .status-val{font-size:12px;font-weight:600;line-height:18px}.borrow-container .loan-container .loan-card .loan-card-body{border-bottom:1px dashed #e0e0e0;padding-bottom:12px}.borrow-container .loan-container .loan-card .loan-card-body .amount{font-size:16px;font-weight:600;line-height:24px;padding-top:2px;padding-bottom:2px}.borrow-container .loan-container .loan-card .loan-card-footer{padding:8px 0;display:flex;justify-content:space-between}.borrow-container .loan-container .loan-card .loan-card-footer .right-side .amount-month{font-size:14px;font-weight:600;line-height:20px;text-align:right}.borrow-container .baki-pop-up{display:flex;flex-direction:column;align-items:center;gap:24px;padding:0 32px}.Loan-agreement-container{padding:4px 16px 12px;display:flex;flex-direction:column;min-height:100vh}.Loan-agreement-container h3{color:#333;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.Loan-agreement-container .header-content{display:flex;gap:16px;align-items:center;padding:16px 0}.Loan-agreement-container .header-content .chevron-wrapper{cursor:pointer}.Loan-agreement-container .nomor{display:flex;justify-content:space-between}.Loan-agreement-container .nomor .circle{width:4px;height:4px;border-radius:4px;background-color:#828282}.Loan-agreement-container .nomor .day{display:flex;gap:4px;align-items:center}.Loan-agreement-container .doble{display:flex;gap:16px}.Loan-agreement-container img{height:24px}.Loan-agreement-container .justify-center{justify-content:center}.success-borrow-container{padding:4px 16px 12px;display:flex;flex-direction:column;min-height:100vh}.success-borrow-container .header-content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px}.success-borrow-container .header-content .check-wrapper{width:32px;height:32px;border-radius:32px;background-color:#12b76a;display:flex;justify-content:center;align-items:center}.success-borrow-container .header-content .green{color:#12b76a}.success-borrow-container .body-content{padding-top:16px;padding-bottom:16px}.success-borrow-container .body-content .body{display:flex;gap:12px}.success-borrow-container .body-content .initial-wrap{display:flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:36px;background-color:#0091c0}.success-borrow-container .body-content .initial-wrap p{font-weight:800;font-size:14px;line-height:20px;color:#fff}.success-borrow-container .nomor-container{padding-top:16px;padding-bottom:16px}.success-borrow-container .nomor-container .nomor{display:flex;justify-content:space-between}.success-borrow-container .nomor-container .nomor .circle{width:4px;height:4px;border-radius:4px;background-color:#828282}.success-borrow-container .nomor-container .nomor .day{display:flex;gap:4px;align-items:center}.success-borrow-container .transaction{display:flex;flex-direction:column;gap:8px;padding-top:16px;padding-bottom:16px}.success-borrow-container .transaction .key-val-wrapper{display:flex;justify-content:space-between}.success-borrow-container .ongoing{color:#2196f3}.success-borrow-container .paid{color:#4caf50}.success-borrow-container .pending{color:#f79009}.success-borrow-container .failed{color:#ff5722}.success-borrow-container .border-bottom{border-bottom:1px dashed #e0e0e0}.loadn-details-container{padding:4px 16px 12px;display:flex;flex-direction:column;min-height:100vh}.loadn-details-container h3{color:#333;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.loadn-details-container .header-content{display:flex;gap:16px;align-items:center;padding:16px 0}.loadn-details-container .header-content .chevron-wrapper{cursor:pointer}.loadn-details-container .amount{padding:16px 0;border-bottom:1px dashed #e0e0e0}.loadn-details-container .items{padding:16px 0;border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column;gap:12px}.loadn-details-container .item{display:flex;justify-content:space-between}.loadn-details-container .tenor-container{padding:8px 0;display:flex;justify-content:space-between}.loadn-details-container .tenor-container .left-side{display:flex;gap:4px}.loadn-details-container .tenor-container .left-side .circle{width:24px;height:24px;border-radius:24px;background-color:#e0e0e0;margin-right:10px}.loadn-details-container .tenor-container .left-side .circle.active{background-color:#fff;border:2px solid green}.wallet-details-container{display:flex;flex-direction:column;min-height:100vh}.wallet-details-container .header{padding:24px 16px 16px;height:226px}.wallet-details-container .wallet-card{margin-top:-104px;margin-left:16px;margin-right:16px;border-radius:12px;background-color:#fff;padding:16px}.wallet-details-container .wallet-card .header-card{border-bottom:1px dashed #e0e0e0;padding-bottom:12px}.wallet-details-container .wallet-card .header-card .header-item{display:flex;gap:10px;align-items:center}.wallet-details-container .wallet-card .body-card{display:flex;background-color:#e6f8fe;margin:16px 0;padding:8px 12px}.wallet-details-container .wallet-card .body-card .copy{cursor:pointer}.wallet-details-container .wallet-card .body-card .copy:hover{opacity:.5}.wallet-details-container .wallet-card .footer-card{display:flex;justify-content:space-evenly}.wallet-details-container .wallet-card .footer-card .footer-item{display:flex;align-items:center;gap:12px;cursor:pointer;padding:6px}.wallet-details-container .main{padding:4px 16px}.wallet-details-container .main .main-header{padding:16px 0;display:flex;align-items:center;justify-content:space-between}.notification-container{padding:4px 16px 12px;display:flex;flex-direction:column;min-height:100vh}.notification-container .header-content{display:flex;gap:16px;align-items:center;padding:16px 0}.notification-container .header-content .chevron-wrapper{cursor:pointer}.notification-container .card{border-bottom:1px solid #E0E0E0;padding:16px 0}.notification-container .card .type-time{display:flex;align-items:center;gap:4px}.notification-container .card .type-time .dot{width:4px;height:4px;border-radius:4px;background-color:#333}.create-wallet-container .circle-wrapper{display:flex;justify-content:space-around}.create-wallet-container .circle-wrapper .circle{width:20px;height:20px;border-radius:20px;cursor:pointer}.list-wrap{display:flex;align-items:center;padding:4px 16px;cursor:pointer;border-radius:8px}.list-wrap:hover{opacity:.7}.list-wrap .initial-wrap{display:flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:36px;background-color:#ccf0fc}.list-wrap .initial-wrap p{color:#0091c0}.list-wrap .left-wrap{display:flex;gap:12px;align-items:center;flex:1}.list-wrap .left-wrap .desc{display:flex;align-items:center;gap:4px}.list-wrap .left-wrap .desc .dot{width:4px;height:4px;border-radius:4px;background-color:#333}.list-wrap .name-loading{width:100px;height:20px;border-radius:8px}.list-wrap .desc-loading{width:50px;height:18px;margin-top:4px;border-radius:8px}.list-wrap button{color:#0091c0;border:none;background-color:#fff;cursor:pointer}.create-wallet-container{padding:4px 16px 12px;display:flex;flex-direction:column;min-height:100vh}.create-wallet-container h3{color:#333;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.create-wallet-container .header-content{display:flex;gap:16px;align-items:center;padding:16px 0}.create-wallet-container .header-content .chevron-wrapper{cursor:pointer}.create-wallet-container .destination-account{display:flex;flex-direction:row;align-items:center;gap:20px;border:1px solid #cacaca;padding:8px 16px;border-radius:8px}.create-wallet-container .destination-account .desc{display:flex;align-items:center;gap:4px}.create-wallet-container .destination-account .desc .dot{width:4px;height:4px;border-radius:4px;background-color:#333}.create-wallet-container button{display:flex;align-items:center;justify-content:center;gap:6px}.create-wallet-container .wrapper{padding:8px 16px}.create-wallet-container .allert{color:red}.create-wallet-container .allert.desc{font-weight:400;font-size:12px;line-height:18px}.bottom-menu{padding:4px 16px 12px;display:flex;flex-direction:column}.top-up-container{padding:4px 16px 12px;display:flex;flex-direction:column;min-height:100vh}.top-up-container h3{color:#333;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.top-up-container .header-content{display:flex;gap:16px;align-items:center;padding:16px 0}.top-up-container .header-content .chevron-wrapper{cursor:pointer}.top-up-container .card-wrapper{display:flex;color:#fff;flex-direction:column;gap:8px;padding:16px;border-radius:12px;background:#0091c0;background:linear-gradient(#2abcbf,#0091c0)}.top-up-container .card-wrapper .card-body{display:flex;margin-bottom:16px;justify-content:space-between}.top-up-container .card-wrapper .card-body .copy{display:flex;gap:8px;cursor:pointer}.top-up-container .topup-place-wrap{display:flex;justify-content:space-between;align-items:center;padding:8px 16px 8px 32px;cursor:pointer}.top-up-container .topup-place-wrap:hover{opacity:.7}.top-up-method-container{padding:4px 16px 12px;display:flex;flex-direction:column;min-height:100vh}.top-up-method-container .header-content{display:flex;gap:16px;align-items:center;padding:16px 0}.top-up-method-container .header-content .chevron-wrapper{cursor:pointer}.top-up-method-container .alert-box{padding:16px;display:flex;background-color:#eaf4ff;border-radius:8px}.top-up-method-container .top-up-methode{display:flex;padding:12px;align-items:center;border-bottom:1px solid #E0E0E0;cursor:pointer}.top-up-method-container .top-up-methode .left{display:flex;flex:1}.top-up-method-container .top-up-methode .left .logo{width:42px;object-fit:contain}.recipient-container{padding:4px 16px 12px;display:flex;flex-direction:column;min-height:100vh}.recipient-container .header-content{display:flex;gap:16px;align-items:center;padding:16px 0}.recipient-container .header-content .chevron-wrapper{cursor:pointer}.recipient-container .alert{display:flex;gap:8px;background-color:#fef4e6;align-items:center;padding:8px 16px}.recipient-container .bank-list-container{padding:4px 16px 12px;display:flex;flex-direction:column}.recipient-container .bank-list{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e0e0e0;cursor:pointer}.recipient-container .bank-list:hover{opacity:.7}.recipient-container .bank-list .bank-icon-wrap{display:flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:36px;background-color:#ccf0fc}.recipient-container .bank-list-bottom-menu{height:55vh;overflow-y:scroll}.list-wallet-wrap{display:flex;align-items:center;cursor:pointer;padding:8px;border-radius:8px}.list-wallet-wrap:hover{opacity:.7}.list-wallet-wrap .initial-wrap{display:flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:36px;background-color:#ccf0fc}.list-wallet-wrap .initial-wrap p{color:#0091c0}.list-wallet-wrap .left-wrap{display:flex;gap:12px;align-items:center;flex:1}.list-wallet-wrap .left-wrap .desc{display:flex;align-items:center;gap:4px}.list-wallet-wrap .left-wrap .desc .dot{width:4px;height:4px;border-radius:4px;background-color:#333}.list-wallet-wrap .name-loading{width:100px;height:20px;border-radius:8px}.list-wallet-wrap .desc-loading{width:50px;height:18px;margin-top:4px;border-radius:8px}.list-wallet-wrap button{color:#0091c0;border:none;background-color:#fff;cursor:pointer}.list-wallet-wrap.active{border:1px solid blue}.confirm-container{padding:4px 16px 12px;display:flex;flex-direction:column;min-height:100vh}.confirm-container h3{color:#333;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.confirm-container .header-content{display:flex;gap:16px;align-items:center;padding:16px 0}.confirm-container .header-content .chevron-wrapper{cursor:pointer}.confirm-container .initial-wrap{display:flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:36px;background-color:#ccf0fc}.confirm-container .initial-wrap p{color:#0091c0}.confirm-container .initial-wrap.source{background-color:#0091c0}.confirm-container .card-wrap{border-bottom:1px dashed #E0E0E0;padding:16px}.confirm-container .card-wrap .left-wrap{display:flex;gap:12px;align-items:center;flex:1}.confirm-container .card-wrap .left-wrap .desc{display:flex;align-items:center;gap:4px}.confirm-container .card-wrap .left-wrap .desc .dot{width:4px;height:4px;border-radius:4px;background-color:#333}.confirm-container .item{display:flex;justify-content:space-between;align-items:center}.confirm-container .item.total{background-color:#e6f8fe;padding:12px}.complete-transaction{padding:4px 16px 12px;display:flex;flex-direction:column;min-height:100vh}.complete-transaction .header{display:flex;flex-direction:column;align-items:center;padding:24px 0;border-bottom:1px dashed #e0e0e0}.complete-transaction .header .check-wrap{background:#12b76a;width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:32px}.complete-transaction .header .check-wrap.loading{background:#f79009}.complete-transaction .header .check-wrap.error{background:#ff3c00}.complete-transaction .date-number-container{padding:16px 0;border-bottom:1px dashed #e0e0e0}.complete-transaction .date-number-container .date-number{display:flex;justify-content:space-between}.complete-transaction .circle{width:4px;height:4px;border-radius:4px;background-color:#828282}.complete-transaction .day{display:flex;gap:4px;align-items:center}.complete-transaction .initial-wrap{display:flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:36px;background-color:#ccf0fc}.complete-transaction .initial-wrap p{color:#0091c0}.complete-transaction .initial-wrap.source{background-color:#0091c0}.complete-transaction .card-wrap{padding:16px}.complete-transaction .card-wrap .left-wrap{display:flex;gap:12px;align-items:center;flex:1}.complete-transaction .card-wrap .left-wrap .desc{display:flex;align-items:center;gap:4px}.complete-transaction .card-wrap .left-wrap .desc .dot{width:4px;height:4px;border-radius:4px;background-color:#333}.complete-transaction .card-wrap.source{border-bottom:1px dashed #e0e0e0}.complete-transaction .item{display:flex;justify-content:space-between;align-items:center}.complete-transaction .item.total{background-color:#e6f8fe;padding:12px}.complete-transaction .success{color:#12b76a}.complete-transaction .loading{color:#f79009}.complete-transaction .error{color:#ff3c00}.update-accaunt-container{padding:4px 16px 12px;display:flex;flex-direction:column;min-height:100vh}.update-accaunt-container h3{color:#333;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.update-accaunt-container .header-content{display:flex;gap:16px;align-items:center;padding:16px 0}.update-accaunt-container .header-content .chevron-wrapper{cursor:pointer}.update-accaunt-container .picture-content{display:flex;align-items:center;flex-direction:column;gap:12px;margin-top:24px;cursor:pointer}.update-accaunt-container .picture-content .initial-wrap{display:flex;justify-content:center;align-items:center;width:60px;height:60px;border-radius:60px;background-color:#e0e0e0}.update-accaunt-container .picture-content .initial-wrap p{font-weight:800;font-size:18px;color:#828282}.update-accaunt-container .launcer-item{display:flex;gap:12px;padding:16px 0;margin:2px 16px;cursor:pointer;border-bottom:1px solid #e0e0e0}.update-accaunt-container .launcer-item .hidden{visibility:hidden}.update-accaunt.camera-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding-bottom:12px}.update-accaunt.camera-container .ic-camera{cursor:pointer;width:64px;height:64px;border-radius:64px;display:flex;justify-content:center;align-items:center;background-color:#00f}.container .title-desc{display:flex;flex-direction:column;align-items:center}.container .header-content{display:flex;gap:16px;align-items:center;padding:16px 0}.container .header-content .chevron-wrapper{cursor:pointer}.container .item{display:flex;border:1px solid #cacaca;padding:10px 16px;gap:12px;border-radius:8px;cursor:pointer}.container .item p{flex:1}.take-ktp-guide-container{padding:4px 16px 16px;display:flex;flex-direction:column;min-height:100vh}.take-ktp-guide-container .main-content{flex:1}.take-ktp-guide-container .main-content .header-content{display:flex;flex-direction:column;align-items:center}.take-ktp-guide-container .main-content .header-content h3{font-weight:600;font-size:20px;line-height:28px}.take-ktp-guide-container .main-content .header-content p{font-weight:400;font-size:14px;line-height:20px;color:#333}.take-ktp-guide-container .main-content .header-content .step{color:#828282}.take-ktp-guide-container .main-content .example-pic{display:flex;justify-content:center}.take-ktp-guide-container .main-content .footer-content h3{font-weight:600;font-size:20px;line-height:28px}.take-ktp-guide-container .main-content .footer-content li{font-weight:400;font-size:14px;line-height:20px;color:#5c5c5c}.take-selfie-guide-container{padding:4px 16px 16px;display:flex;flex-direction:column;min-height:100vh}.take-selfie-guide-container .main-content{flex:1}.take-selfie-guide-container .main-content .header-content{display:flex;flex-direction:column;align-items:center}.take-selfie-guide-container .main-content .header-content h3{font-weight:600;font-size:20px;line-height:28px}.take-selfie-guide-container .main-content .header-content p{font-weight:400;font-size:14px;line-height:20px;color:#333}.take-selfie-guide-container .main-content .header-content .step{color:#828282}.take-selfie-guide-container .main-content .example-pic{display:flex;justify-content:center}.take-selfie-guide-container .main-content .footer-content h3{font-weight:600;font-size:20px;line-height:28px}.take-selfie-guide-container .main-content .footer-content li{font-weight:400;font-size:14px;line-height:20px;color:#5c5c5c}@media only screen and (min-width: 480px){body{max-width:480px;margin:auto;background:#fff;background-size:auto;background-repeat:repeat;font-family:Inter,sans-serif;box-shadow:#64646f33 0 7px 29px;overflow-y:scroll}}.container{padding:4px 16px 16px;display:flex;flex-direction:column;min-height:100vh}#root{height:auto}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;border:0px;font:inherit;font-family:Inter,sans-serif;vertical-align:baseline;max-width:100vw;max-height:100vh;font-size:14px}*{box-sizing:border-box}.shimmer{background:linear-gradient(-90deg,#f0f0f0,#cacaca,#f0f0f0);background-size:400%;animation:pulse 2s linear infinite}@keyframes pulse{0%{background-position:0% 0%}to{background-position:-140% 0%}}.mobile-body-small{font-size:12px;line-height:18px;font-weight:400}.mobile-body-regular{font-size:14px;line-height:20px;font-weight:400}.mobile-heading-large{font-size:24px;line-height:32px;font-weight:600}.mobile-heading-medium{font-size:20px;line-height:28px;font-weight:600}.mobile-body-heading-medium{font-size:16px;line-height:24px;font-weight:600}.mobile-body-heading-regular{font-size:14px;line-height:20px;font-weight:600}.mobile-body-heading-small{font-size:12px;line-height:18px;font-weight:600}.bold{font-weight:600}.text-gray-300{color:#828282}.text-gray-400{color:#5c5c5c}.text-gray-500{color:#333}.text-blue-500{color:#0091c0}.text-green-500{color:#12b76a}.ongoing{color:#2196f3}.paid{color:#4caf50}.pending{color:#f79009}.failed{color:#ff3c00}.shadow{-moz-box-shadow:0px 2px 8px 0px rgba(0,0,0,.09);box-shadow:0 2px 8px #00000017}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.spacer{flex:1}.pointer{cursor:pointer}.dot-container{width:100%;gap:12px;display:flex;justify-content:center;padding:4px 0}.dot-container .dot-items{width:8px;height:8px;border-radius:8px;background-color:#bdbdbd}.dot-container .dot-items.active{background-color:#0091c0}.create-pin-container{padding:4px 16px 16px;display:flex;flex-direction:column;min-height:100vh}.create-pin-container h3{text-align:center;font-weight:600;font-size:20px;line-height:28px}.create-pin-container p{text-align:center;font-weight:400;font-size:12px;color:#f04438}