@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);body{margin:0;min-width:360px;font-family:system,-apple-system,Helvetica,Arial,sans-serif;font-size:14px;background-color:#e8e8e8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{outline:none;box-sizing:border-box}a{text-decoration:none}ol,ul{margin:0;padding:0 0 0 24px}.page{flex-direction:column;margin:0 auto;max-width:480px;height:100vh;background-color:#f8f8f8}.page,.page-router{display:flex;overflow:hidden}.page-router{flex:1 1;flex-direction:column}.page-content{overflow:auto}.page-body,.page-content{flex:1 1;display:flex;flex-direction:column}.page-body{overflow-x:hidden;overflow-y:auto}.content-list{width:100%;background:#fff}.Toaster__alert{background:rgba(21,21,21,.8705882352941177)!important;padding-top:10px!important;padding-bottom:10px!important}.Toaster__alert_text{font-size:12px!important}.Toaster__alert_close,.Toaster__alert_text{color:#fff!important}.Toaster__alert_close{padding:5px!important}.MuiBox-root{padding:16px!important}.text-danger{color:red}.verified{margin-left:10px}.loading-content{width:100%;margin:0 0 15px;font-weight:500;display:flex;justify-content:center;align-items:center}.h-100{height:calc(100vh - 60px)}.pt-0{padding-top:0!important}.pt-15{padding-top:15px!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.pl-15{padding-left:15px!important}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mt-20{margin-top:20px!important}.mt-30{margin-top:30px!important}.mb-0{margin-bottom:0!important}.mb-5{margin-bottom:5px!important}.mb-10{margin-bottom:10px!important}.mb-15{margin-bottom:15px!important}.mb-20{margin-bottom:20px!important}.mb-25{margin-bottom:25px!important}.mb-30{margin-bottom:30px!important}.mb-40{margin-bottom:40px!important}.text-mute{color:#706d6d}.b-600{font-weight:600!important}.border-top{border-top:1px solid #e3e3e3!important}.google-login{width:100%;height:45px;padding:5px 30px;background:#3f3f3f;color:#fff;border-radius:20px;border:none;font-size:14px;font-weight:600;display:flex;justify-content:center;align-items:center;grid-gap:12px;gap:12px;cursor:pointer}.google-login img{max-width:100%;max-height:100%}.google-login-rounded{padding:8px 12px;background:#3f3f3f;color:#fff;border-radius:20px;border:none;font-size:14px;font-weight:600;display:flex;justify-content:center;align-items:center;grid-gap:8px;gap:8px;cursor:pointer}.google-login-rounded img{width:20px}.google-login-rounded:active,.google-login-rounded:hover,.google-login:active,.google-login:hover{background:#2c2c2c!important}@media only screen and (max-width:380px){.google-login-rounded{padding:7px 10px}}.header{margin:0;padding:0;background-color:#fff;z-index:99;font-family:Inter,sans-serif}.header,.header__content{display:flex;align-items:center;justify-content:space-between;width:100%}.header__content{padding:15px 20px;margin:0 auto;background:#fff}.header__content--yellow{background:#ffebc4!important}.header__left{display:flex;justify-content:flex-start;align-items:center;grid-gap:12px;gap:12px}.header__left-img{width:38px;height:38px}.header__left-img>img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%}.header__left-info{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.header__title{font-size:14px;font-weight:600;line-height:22px;color:#000;margin:0}.header__subtitle{font-size:13px;font-weight:400;color:#797979;margin:0}.header__name{font-size:16px;font-weight:600;line-height:20px;color:#181825;margin:0}.header__email{font-size:12px;font-weight:400;color:#a7a7a7;margin:0}.header__right{display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box;padding:0;width:30%}#open-app{padding:6px 20px!important;border-radius:4px!important;text-transform:capitalize!important}.header-info{padding:5px 15px;width:100%;display:flex;justify-content:flex-start;align-items:center}.header-info .logo-partner{margin-right:10px;width:48px;border-radius:4px}.header-info .title{flex:1 1;font-size:14px}.header-top .back-btn{margin-right:15px;cursor:pointer}.header-amount{width:100%;display:flex;flex-direction:column;background-color:#ff2e4b;color:#fff}.header-amount div{display:flex;justify-content:space-between;align-items:center;padding:5px 16px;font-size:12px}@media only screen and (max-width:380px){.header__subtitle{font-size:12px}}.swiper-pagination-bullet{background:linear-gradient(#fff,#b5b5b5)}.article-header h6{font-size:16px;line-height:24px}.article-content{margin-top:20px}.article-content .MuiButtonBase-root:nth-child(2){border-left:.5px solid #e0e0e0!important}.MuiTab-wrapper img{margin-right:5px!important}.button-red{background-color:#e93871!important}.timeline-content .subtitle{font-size:14px;line-height:1.5;letter-spacing:.00938em}.timeline-content .title{font-weight:400;line-height:1.5;letter-spacing:.00938em}.timeline-content p{line-height:1.5;letter-spacing:.00938em;margin-bottom:12px}.hide{display:none!important}.list-empty{list-style:none}.swiper-container{width:100%;height:100%}.swiper-slide{text-align:center;font-size:18px;background:#fff;min-width:36px;max-width:480px;display:flex;justify-content:center;align-items:center}.swiper-slide img{width:100%;height:auto}.swiper-pagination-bullet{background:#fff;opacity:.8}.swiper-pagination-bullet-active{background:#e93871;opacity:1}.article{padding:16px}.article-header{width:100%;display:flex;justify-content:flex-start;align-items:flex-start;margin-bottom:22px}.article-header img{margin-right:10px}.article-header h2,.article-header h6{font-size:18px;font-weight:600;line-height:26px;margin:0}.article-progress{width:100%}.progress-total{width:100%;display:flex;justify-content:space-between;align-items:center}.progress-total .collected{font-style:normal;font-weight:600;font-size:16px;line-height:22px;letter-spacing:-.02em;color:#333}.progress-total .target{font-style:normal;font-weight:400;font-size:13px;line-height:18px;letter-spacing:-.02em;color:#828282}.progress-info{display:flex;justify-content:space-between;align-items:center;padding:0 0 20px}.progress-info .donatur{font-weight:400;color:#e93871}.progress-info .donatur,.progress-info .expired{font-style:normal;font-size:14px;line-height:19px;letter-spacing:-.02em}.progress-info .expired{font-weight:600;color:#4f4f4f}.donation-progress{width:100%;margin:10px 0 15px}.MuiLinearProgress-root{height:8px!important}.MuiLinearProgress-colorPrimary{background-color:#eaeaea!important}.MuiLinearProgress-barColorPrimary{background-color:#ea3771!important}.article-content{width:100%;margin-top:5px!important}.MuiPaper-elevation4{box-shadow:none!important}.MuiAppBar-colorDefault{color:rgba(0,0,0,.87);background-color:#f8f8f8!important;border-top:.5px solid #e0e0e0!important}.MuiTab-root{text-transform:capitalize!important}.MuiButtonBase-root{background:#fff!important}.MuiTab-labelIcon{min-height:0!important}.MuiTab-wrapper{flex-direction:row!important}.MuiTab-wrapper img{margin-right:8px!important;margin-bottom:0!important}.MuiTab-root{padding:9px 12px!important}.MuiTabs-scroller{background:#f2f2f2!important}.button{border:none!important;font-style:normal;font-weight:700;font-size:14px;line-height:19px;letter-spacing:-.02em;color:#fff;height:auto;padding:11px!important;border-radius:3px;box-shadow:none!important}.button-red{background:#c5143e!important;color:#fff!important}.button-orange{background-color:#ff8528!important;color:#fff!important}.button.fix-parent{width:100%}ul.timeline{list-style-type:none;position:relative;padding-left:1.5rem}ul.timeline:before{content:" ";background:#e0e0e0;display:inline-block;position:absolute;left:4px;width:1px;height:100%;z-index:400;border-radius:1rem}li.timeline-item{margin:12px 0;border-radius:5px;background-color:#fff}.timeline-arrow{border-left:.5rem solid transparent;border-bottom:.5rem solid red;border-right:.5rem solid transparent;display:block;position:absolute;left:10px;bottom:100%;background:#fff}li.timeline-item img{width:100%}li.timeline-item:before{content:" ";background:#e93871;display:inline-block;position:absolute;border-radius:50%;border:3px solid #fff;left:-5px;width:14px;height:14px;z-index:400}.timeline-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:20px}.timeline-header img{width:40px!important;margin-right:10px;border-radius:4px}.timeline-header h6{font-weight:600;font-size:14px;line-height:19px;color:#4f4f4f}.timeline-header h6,.timeline-header p{margin:0;font-style:normal;letter-spacing:-.03em}.timeline-header p{font-weight:400;font-size:10px;line-height:14px;color:#828282}.timeline-content{border:1px solid #dee2e6;padding:12px;border-radius:5px;position:relative}.timeline-content .subtitle{font-style:normal;font-weight:400;font-size:13px;line-height:14px;letter-spacing:-.03em;color:#333;margin-top:5px;margin-bottom:10px}.timeline-content .title{font-style:normal;font-weight:700;font-size:16px;line-height:22px;letter-spacing:-.03em;color:#4f4f4f;margin-top:0}.timeline-content p{font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:-.03em;color:#333}.timeline-content img{margin-top:10px;width:100%}.timeline-content:after,.timeline-content:before{bottom:100%;left:20px;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none}.timeline-content:after{border-color:rgba(106,142,166,0) rgba(106,142,166,0) #fff;border-width:10px;margin-left:-10px}.timeline-content:before{border-color:rgba(194,225,245,0) rgba(194,225,245,0) #dee2e6;border-width:11px;margin-left:-11px}.bg-white{background:#fff}.article-desc{font-size:14px;line-height:24px}.default-page{width:100%;padding-top:30px;background:#fff}.default-page-header{padding:10px;font-style:normal;font-weight:700;font-size:18px;line-height:21px;text-align:center;letter-spacing:-.05em;text-transform:uppercase;color:#121014}.default-page-body{width:100%;position:relative}.default-page-body img{width:100%;height:auto}.default-page-body .text{width:90%;position:absolute;bottom:160px;left:50%;transform:translateX(-50%);font-style:normal;font-weight:400;font-size:14px;line-height:18px;text-align:center;letter-spacing:-.035em;color:#fff}#download-btn{margin-top:20px;margin-bottom:15px;border-radius:24px;padding:10px 30px!important;border:none!important;font-size:13px}.info-success{background:#edfcff;border-radius:3px;width:90%;margin-left:auto;margin-right:auto;padding:15px 30px;text-align:center;color:#38a0b7}.info-success h4{font-weight:600;font-size:15px;line-height:18px;text-transform:uppercase;margin:0 0 10px}.info-success h4,.info-success p{font-style:normal;letter-spacing:-.04em}.info-success p{font-weight:400;font-size:14px;line-height:20px;text-align:center}.m-b-30{margin-bottom:30px}.p-t-80{padding-top:80px}.body{width:100%}.modal{position:fixed;width:inherit;max-width:480px;height:100%;background:#fff;z-index:99999;top:0;display:none}.block{display:block}.pointer{cursor:pointer}.modal-header{padding:16px 18px;border-bottom:.25px solid #efefef;display:flex;justify-content:flex-start;align-items:center}.modal-header h4{margin:0}.modal-header .back-btn img{margin-right:16px;cursor:pointer}.modal-body{width:100%;padding:0;overflow-y:auto;height:calc(100% - 53px)}.donatur-list{padding:0;margin:0}.donatur-list li{display:flex;justify-content:flex-start;align-items:center;padding:0 0 0 16px}.donatur-img{width:50px;height:50px;border-radius:50%;margin-right:15px}.donatur-info{flex:1 1;display:flex;flex-direction:column;color:#000;padding:15px 0;border-bottom:1px solid #cecece}.donatur-info span{margin-bottom:5px}.donatur-info .name{font-size:14px;color:#e93871}.donatur-info .amount{font-size:13px;color:#000}.donatur-info .date{font-size:10px;color:#000}.banner{position:relative}.shared{position:absolute;z-index:2;right:0;top:0;cursor:pointer;background:rgba(0,0,0,.3);padding:5px}.modal-responsive{position:fixed;width:auto;max-width:480px;height:100%;background:#fff;z-index:99999;top:0}.wrapper-donatur{padding:20px 0 0}.wrapper-donatur h3{margin:0 0 10px}.donatur{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.provider-image{border-radius:4px!important}.donatur .donatur-desc{flex:1 1;padding:0 10px;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.donatur .donatur-desc h3{margin:0 0 5px}.donatur .donatur-desc p{font-size:13px;color:#bababa}.updates-list{padding:0 7px}.tab-container{background-color:#fff;width:100%;height:70vh;overflow-y:scroll;padding-bottom:10px}.tab-container::-webkit-scrollbar{display:none}.tab-container{-ms-overflow-style:none;scrollbar-width:none}#updates-content{position:relative}.join-fundraiser{border:1px solid #dee2e6;border-radius:5px;margin:0 20px 10px;padding:20px;z-index:999;background:#fff}.join-fundraiser p{padding:0 20px;font-size:14px;color:#656565}.join-fundraiser .button-join{color:#e93871!important;text-transform:capitalize}.join-fundraiser .button-join,.join-fundraiser .MuiButtonBase-root:nth-child(2){border:1px solid #e93871!important}.article-tag{display:block;margin:0 0 20px;padding:0 10px;white-space:nowrap;overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}.article-tag::-webkit-scrollbar{display:none}.article-tag .tag-item{display:inline-block;margin:0 5px 5px;padding:0 10px;line-height:30px;color:#999;border:1px solid #999;border-radius:15px;overflow:hidden;cursor:pointer}.article-tag .tag-item.selected{color:#fff;background-color:#e93871;border-color:#e93871}.article-list{display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-overflow-style:none;scrollbar-width:none}.article-list::-webkit-scrollbar{display:none}.article-list .article-item{display:flex;flex-direction:column;margin-bottom:20px;border:1px solid #e2e2e2;border-radius:8px;overflow:hidden}.article-list .article-item .article-img{width:100%;height:auto;margin-bottom:0}.article-list .article-item .article-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;padding:10px}.article-list .article-item .article-header .title{line-height:1.4em;margin-right:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;margin-bottom:0;margin-top:0}.article-list .article-item .article-header .like{white-space:nowrap}.article-list .article-item .article-desc{line-height:1.2em;max-height:3.6em;margin-bottom:10px;padding:0 10px;color:#999;overflow:hidden;text-overflow:ellipsis}.article-link{text-decoration:none;color:#000}.content{flex:1 1;background:#fff;padding:20px;position:relative;display:flex;flex-direction:column}.content h3,.content p{width:100%}.form-group{width:100%;padding:5px 0;position:relative;float:left}.form-group p{margin-bottom:10px}.form-group label{width:100%}.form-control{width:100%;border:1px solid #c5c5c5;min-height:40px;border-radius:4px;outline:none;background-color:#e4e4e4;text-indent:10px;font-family:inherit}.col-sm-6{width:50%;float:left;padding:0}.btn-control{width:100%}.text-right{text-align:right}.text-center{text-align:center}.btn{padding:15px;border:none;border-radius:2px;cursor:pointer;width:98%}.btn-default{background-color:#e4e4e4}.btn-warning{background:#e93871;color:#fff;font-weight:700}.term{color:#e93871;text-decoration:none}.quote{padding:10px;border-radius:4px;border:1px dashed;margin-top:20px;text-align:center;font-size:12px}.action-btn{background:#fff;position:sticky;padding:15px;width:100%}.action-btn p{font-size:12px}.action-btn p,p{margin-bottom:10px}.form-control.right{text-align:right;text-indent:15px;padding-left:15px}.form-control.right::-webkit-input-placeholder{text-align:left}.form-control.right:-moz-placeholder{text-align:left}.show{display:block}.hide{display:none}.payment-icon{width:100px}.payment-icon img{width:100%}.payment-list{width:100%;margin:0;padding:15px;background:#fff}.payment-list li{display:flex;justify-content:flex-start;align-items:center;margin-bottom:10px;cursor:pointer}.payment-list li:last-child>.payment-info{border:none}.payment-icon{width:40px;box-sizing:border-box;height:40px;border:1px solid #c5c5c5;border-radius:50%;justify-content:center;padding:5px;margin-right:15px}.payment-icon,.payment-info{display:flex;align-items:center}.payment-info{justify-content:space-between;padding:10px 0;flex:1 1;font-size:12px;border-bottom:1px solid #c5c5c5}p{padding:0;margin:0}.list-title{margin-bottom:10px}.dark{background:#f8f8f8;padding:0}.m-b-10{margin-bottom:10px}.partner-icon{background:#f8f8f8;position:fixed;bottom:0;margin:0;padding:10px;min-width:360px;max-width:480px;width:100%;display:flex;justify-items:center;align-items:center}.partner-icon img.midtrans{height:17px!important}.partner-icon img{height:20px;margin-right:10px}.partner-icon-wrapper{width:100%;text-align:center}.amount{font-size:20px;font-weight:700;color:#ff2e4b}.action-btn{position:fixed;min-width:360px;bottom:0;margin:0;padding:0;max-width:480px;background-color:#fff;z-index:99;border-top:1px solid #e6e6e6}.action-btn,.action-btn .action-btn-item{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.action-btn .action-btn-item{width:100%;padding:10px 15px}.action-btn .action-btn-info{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.action-btn .action-btn-item button,.divider{width:100%}.divider{height:1px;background:#e6e6e6}.page-header{width:100%;display:flex;flex-direction:column;background:#fff}.page-header-top{width:calc(100% - 40px);display:flex;margin:0 auto;padding:15px 0;background:#fff;align-items:center}.page-header-top .back-btn{margin-right:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.page-header-top .text-header{flex:1 1;display:flex;flex-direction:column;align-items:flex-start}.page-header-top .text-header .title{margin:0;font-size:15px;font-weight:600;color:#757474}.page-header-top .text-header .type{margin-top:2px;font-size:14px;font-weight:700;color:#565656}.page-header-info{padding:0;width:100%;display:flex;justify-content:flex-start;align-items:center}.page-header-info .logo{margin-right:15px;width:36px;height:36px;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:4px}.page-header-info .title{flex:1 1;font-size:12px}.transaction-info li{padding:5px 0}.qrcode-wrapper{display:flex;align-items:center;justify-content:center;margin-top:16px;width:100%}.qrcode-wrapper .qrcode-preview{width:80%!important;height:auto!important}.hide-scroll{overflow-y:hidden!important}.relative{position:relative!important}.scroll{overflow-y:auto!important}.payment-scroll{padding-bottom:110px}.payment-detail-scroll{padding-bottom:42px!important}.ovo-state{padding-bottom:30px}.ovo-state h2,.ovo-state h3{margin:0}.ovo-state h3{margin-bottom:15px}.ovo-state h2{margin-bottom:10px}.ovo-state img{width:100%;margin:15px 0}.ovo-state p{font-weight:600;font-size:12px}.article-desc p{margin-bottom:12px}.clipboard{justify-content:space-between}.clipboard,.clipboard-content{display:flex;align-items:center}.clipboard-content{justify-content:flex-start;min-height:50px}.clipboard-content>img{height:60px;margin-right:15px}.clipboard-action{width:18px;height:18px;cursor:pointer}.clipboard-action>img{width:100%;height:100%;object-fit:contain;object-position:center}.transfer-manual__title{text-align:center;margin:0 0 25px;font-size:16px}.transfer-manual__desc{font-size:14px;line-height:19px;margin:0}.transfer-manual__label{font-size:15px;line-height:normal;margin:0}.transfer-manual__bank-account{margin:0 0 30px}.text-primary{color:#000}.fundraiser{padding:5px 10px}.capitalize{text-transform:capitalize}.fundraiser .header-title{color:#5c5c5c;margin:0}.card{background:#fff;padding:20px 30px;margin-bottom:10px}.card p{font-size:13px;line-height:18px}.box{padding:15px 20px;border-radius:4px}.success{background:#dff1ff}.fundraiser .form-group{margin-bottom:15px}.fundraiser .form-group span{font-size:11px}.fundraiser .form-placeholder{display:flex;align-items:center;margin-top:10px;margin-bottom:5px;border:1px solid #c5c5c5;width:100%;height:40px;border-radius:4px;background-color:#fff;font-family:inherit}.fundraiser .form-placeholder .label{display:flex;align-items:center;padding-left:10px;width:auto}.fundraiser .form-placeholder .form-control{flex:1 1;display:flex;align-items:center;margin:0;padding:0 10px 0 0;min-width:0;width:auto;text-indent:0;font-weight:700;border:none;background-color:transparent}.fundraiser .form-control{margin-top:10px;margin-bottom:5px;background:#fff}.fundraiser-step{padding:0;margin:0}.fundraiser-step li{list-style:none;padding:10px 0}.fundraiser-step-wrapper{display:flex;justify-content:flex-start}.step-number{width:25px;height:25px;box-sizing:border-box;background-color:#fd1270;display:flex;justify-content:center;align-items:center;border-bottom-left-radius:6px;border-top-right-radius:6px;margin-right:20px;color:#fff;font-size:12px;font-weight:14px}.step-content{display:flex;flex-direction:column;flex:1 1}input[type=checkbox]{top:0;left:0;width:100%;cursor:inherit;height:100%;margin:0;opacity:0;padding:0;z-index:1;position:absolute}.bg-pastel{background:#ffebf1}.bg-grey{background:#e6e6e6}.grey{color:#5c5c5c}.pink{color:#fd1270}.title-qb{font-size:18px;font-weight:700;color:#181825}.flex-col{display:flex;flex-direction:row!important;justify-content:space-between}.radius-20{border-radius:20px}.icon-history{cursor:pointer}.infaq .button-red{background:#c5143e!important;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:8px 10px!important}.infaq .button-red img{margin-right:5px}.infaq .MuiLinearProgress-root{height:6px!important;border-radius:50.9812px}.infaq .donation-progress{margin-bottom:10px!important}.infaq .summary{display:flex;justify-content:space-between;align-items:center}.infaq .summary .collected{display:flex;flex-direction:column}.summary{padding:15px 0}.summary .collected .label{font-size:14px;font-weight:600;color:#181826;margin-bottom:2px}.summary .collected .total{font-size:20px;font-weight:800;color:#181826}.highlighted{padding:15px 0;overflow-x:auto;overflow-y:hidden;display:flex}.cardv{width:150px;box-shadow:0 0 5.31054px rgba(0,0,0,.14);border-radius:8px;margin-right:5px;text-align:left;color:#181826}.cardv,.cardv-header{box-sizing:border-box}.cardv-header{width:100%;height:90px}.cardv-header img{width:100%;height:100%;object-fit:cover;object-position:center;border-top-right-radius:4px;border-top-left-radius:4px}.cardv-body{box-sizing:border-box;padding:10px 10px 15px}.cardv .title{font-size:13px;color:#181826;margin:5px 0}.cardv .collected{display:flex;flex:1 1;flex-direction:column}.cardv-body .partner{font-size:12px;color:#bababa;font-weight:600}.cardv-body .collected .label{font-size:13px;color:#bababa;margin-bottom:5px}.cardv-body .collected .total{font-size:15px;font-weight:600;color:#181826}.input-search{background:#f7f7f7;color:#b3b3b3;text-indent:40px;border-radius:20px;border:none}.input-search:-ms-input-placeholder{color:#b3b3b3}.input-search::placeholder{color:#b3b3b3}.form-input-search:before{content:"";position:absolute;left:13px;width:30px;height:40px;background-image:url(/icon/ic_search.svg);background-position:50%;background-repeat:no-repeat}.button-search{width:100%;border-radius:20px;height:40px;border:none;background:#f7f7f7;display:flex;justify-content:flex-start;padding-left:20px!important;align-items:center;color:#b3b3b3;line-height:20px;cursor:pointer;font-weight:500}.button-search span{margin-left:8px;margin-top:2px}.list-infaq{width:100%}.list-infaq .infaq-item{width:100%;display:flex;align-items:stretch;padding:20px 0;border-bottom:1px dashed #d7d7d7}.infaq-image{width:130px;height:auto;margin-right:15px}.infaq-image img{width:100%;height:100%;object-fit:cover;border-radius:4px}.infaq-info{flex:1 1}.infaq-info .lembaga{display:flex;justify-content:flex-start;align-items:flex-start}.infaq-info .lembaga .lembaga-image{border:1px solid #e1e1e1;width:40px;height:40px;position:relative;padding:1px;margin-right:10px}.infaq-info .lembaga .lembaga-image img{width:100%;height:100%;object-fit:contain;object-position:center}.infaq-info .lembaga .title{flex:1 1;font-size:15px;color:#181826;font-weight:600;padding-right:0}.infaq-info .history .title{flex:1 1;font-size:15px;color:#181826;line-height:19px;font-weight:600;display:-webkit-box;max-width:100%;max-height:none;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.infaq-info .info{display:flex;justify-content:space-between;align-items:center}.infaq-info .info .collected{display:flex;flex-direction:column}.infaq-info .info .collected .label{font-size:13px;color:#bababa;margin-bottom:5px}.infaq-info .info .collected .donation-amount,.infaq-info .info .collected .total{font-size:14px;font-weight:600;color:#181826}.infaq-info .info .expired{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}.infaq-info .info .expired .label{font-size:13px;color:#bababa;margin-bottom:5px;height:15px}.infaq-info .info .expired .total{font-size:14px;font-weight:600;color:#181826}.card-history{width:140px;box-shadow:none}.card-history .cardv-header{height:130px}.card-history .cardv-header img{border-radius:4px}.card-history .cardv-body{padding:5px 0 0}.card-infaq .infaq-info{display:flex;flex-direction:column;justify-content:space-evenly}.card-infaq .infaq-info .lembaga{width:80%}.footer,.footer .footer-content{width:100%;background:#f6f6f6;position:relative}.footer .footer-content{padding:35px}.footer .footer-copyright{width:100%;background:#ececec;position:relative;padding:19px 0;text-align:center}.footer p{font-size:14px;line-height:21px;letter-spacing:-2%;color:#959595}.footer h2{color:#181825;font-size:18px}.section-header{display:flex;justify-content:space-between;align-items:center}.section-header h3{margin:0;color:#181826}.section-header .right{font-size:12px;font-weight:600;color:#181826}.list-category{width:100%;display:flex;flex-direction:column}.category-row{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;grid-gap:5px;gap:5px}.category-item{flex-grow:0;flex-shrink:0;flex-basis:calc(33.3333% - 10px);height:60px;align-items:center;text-align:center;background:#f7f7f7;margin-bottom:10px;padding:0 15px;font-size:14px;font-weight:600;line-height:20px;cursor:pointer;border-radius:6px;white-space:wrap;color:#181826}.category-item,.flex-column{display:flex;justify-content:center}.flex-column{flex-direction:column;align-items:flex-start;grid-row-gap:8px;row-gap:8px}.infaq-tag .tag-item.selected{background:#fff;color:#c5143e;border:1px solid #c5143e}ul.categories{list-style:none;padding:0;margin:0}ul.categories li{padding:17px 0;font-size:15px;font-weight:500;border-bottom:1px solid #d7d7d7}ul.categories li:first-child{border-bottom:1px solid #d7d7d7!important}ul.categories li:last-child{border-bottom:none}.swiper-card{width:150px!important;margin:3px 5px 10px 0!important}.infaq a{text-decoration:none;color:#000;color:initial}.myinfaq{width:150px!important;margin:0 5px 0 0!important}.myinfaq .cardv-header{height:105px!important}.myinfaq .cardv-header img{border-radius:4px}.myinfaq .cardv-body{padding:5px 0}.myinfaq .cardv-body .title{font-size:12px!important;font-weight:600!important}.myinfaq .cardv{box-shadow:none}.myhistory .title{display:-webkit-box;max-width:100%;min-height:20px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-progress{height:250px}.card-progress .title{height:32px}.card-progress .title,.infaq-item .title{display:-webkit-box;max-width:100%;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.infaq-item .title{max-height:34px}.card-progress .partner{display:-webkit-box;max-width:100%;height:17px;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.empty-state-infaq{background:#f7f7f7;width:100%;padding:20px;color:#b9b3b3}.empty-state-search{width:100%;height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center}.empty-state-search p{width:100%;margin-top:10px;text-align:center}.modal-profile{font-family:Inter,sans-serif}.modal-profile .MuiDialog-paper{width:360px;padding:20px 10px 30px;border-radius:12px;background:#f6f6f6}.modal-profile__content{width:100%;height:auto;padding:10px 24px 0!important;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.modal-profile__title{font-size:18px;font-weight:700;color:#000;text-align:center;margin:0 0 10px}.modal-profile__img{cursor:pointer;width:60px;height:60px}.modal-profile__img img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center}.modal-profile__desc{display:flex;flex-direction:column;justify-content:center;align-items:center;grid-gap:2px;gap:2px}.modal-profile__desc>.name{font-weight:600;font-size:16px;letter-spacing:-2%;color:#181825;margin:0}.modal-profile__desc>.email{font-size:12px;font-weight:400;letter-spacing:-.02em;color:#a7a7a7}.modal-profile__text{width:90%;margin-left:auto;margin-right:auto;text-align:center;font-size:13;font-weight:400;color:#000}.modal-profile__action{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;grid-gap:20px;gap:20px}.modal-profile__action button{padding:10px 20px!important;border-radius:4px!important;text-transform:capitalize!important}.modal-profile__action .logout{text-decoration:underline;font-size:14px;color:#000;cursor:pointer}.modal-login{font-family:Inter,sans-serif}.modal-login .MuiDialog-paper{width:360px;padding:20px 10px 30px;border-radius:12px;background:#f6f6f6}.modal-login__content{width:100%;height:auto;padding:10px 24px!important;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.modal-login__title{font-size:18px;font-weight:700;color:#000;text-align:center;margin:0 0 10px}.modal-login__desc{width:90%;font-size:13px;font-weight:400;color:#000;line-height:18px;text-align:center;margin:0 0 15px}.modal-login__feature{padding:0;display:flex;flex-direction:column;margin:0 0 30px}.modal-login__feature li{display:flex;justify-content:flex-start;align-items:flex-start;grid-gap:16px;gap:16px;padding:15px 0;border-bottom:1px solid #ebebeb}.modal-login__feature li:last-child{border-bottom:none}.modal-login__feature li .icon{width:48px;height:48px;margin-top:3px}.modal-login__feature li .icon img{width:100%;object-fit:cover;object-position:center}.modal-login__feature li .desc{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;grid-gap:4px;gap:4px}.modal-login__feature li .desc h3{font-size:16px;color:#3c3c3c;font-weight:800;margin:0}.modal-login__feature li .desc p{font-size:12px;color:#989898;margin:0;line-height:15px}.modal-login__action{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;grid-gap:20px;gap:20px}.modal-login__action .skip{font-size:13px;color:#989898;cursor:pointer}.modal-notification{font-family:Inter,sans-serif}.modal-notification .MuiDialog-paper{width:360px;padding:20px 5px 15px;border-radius:12px;background:#f6f6f6}.modal-notification__content{width:100%;height:auto;padding:0 10px!important;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.modal-notification__text{width:90%;margin-left:auto;margin-right:auto;text-align:left;font-size:14px;font-weight:500;color:#000}.modal-notification__action{width:100%;display:flex;justify-content:flex-end;align-items:center;grid-gap:15px;gap:15px}.modal-notification__action button{padding:4px 10px!important;border-radius:4px!important;text-transform:capitalize!important}.modal-notification__action .bordered{border:1px solid #dfdede!important}