@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700;800&family=Inter:wght@400&display=swap";html,body{padding:0;margin:0;padding-top:1rem;background-image:url(mapbg.svg)}.page{background-image:url(mapbg.svg);height:100vh}.app-container{margin:0 auto;display:grid;gap:1rem;justify-content:center}@media screen and (min-width: 768px){.app-container{width:399px;padding:0}}p,h3{margin:0}.transfer-button{margin-top:1rem;height:36px;background:#23a26d;border-radius:8px;border:none;cursor:pointer;color:#fff;font-size:12px;font-family:Inter,sans-serif;font-weight:500;line-height:22px;transition:background-color .3s ease;text-decoration:none;display:grid;align-items:center;justify-content:center}.transfer-button:hover{background:#1e8d5f}.transfer-button:active{background:#1a7851}.transaction-card{background:#111;border-radius:21px;padding:20px}.transaction-card__content{display:flex;flex-direction:column;text-align:left;color:#bbb;font-family:Lato,sans-serif}.transaction-card__recipient{font-size:10px;font-weight:700;margin-bottom:12px!important}.transaction-card__date{font-size:10px;font-weight:400;margin-bottom:12px!important}.transaction-card__transaction-id{font-size:10px;font-weight:400;margin-bottom:2rem}.transaction-card__transaction-id span{color:#2ecc71}.transaction-card__amount{color:#fff;font-size:35px;font-weight:800;margin-bottom:2px!important}.transaction-card__progress .progress-header{display:flex;justify-content:space-between;margin-bottom:8px}.transaction-card__progress .progress-header span{color:#fff;font-size:11px;font-family:Inter,sans-serif;font-weight:400}.transaction-card__progress .progress-bars{height:20px;display:flex;justify-content:space-between;gap:4.47px;border-radius:3.89px}.transaction-card__progress .progress-bar{width:2.78px;height:20px;background:#23a26d45;border-radius:3.89px;transition:background-color .3s ease}.transaction-card__progress .progress-bar.active{background:#23a26d}.transfer-footer{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:3rem}.transfer-footer__legal{width:363px;text-align:center;color:#fff;font-size:10px;font-family:Inter,sans-serif;font-weight:400;word-wrap:break-word;line-height:1.4}.transfer-footer__copyright{text-align:center;color:#fff;font-size:10px;font-family:Inter,sans-serif;font-weight:400;word-wrap:break-word}.headery{display:flex;justify-content:space-between;align-items:center;padding:0 16px}.headery__logo{display:flex;align-items:center}.headery__logo img{height:2rem}.headery__logo span{margin-left:.5rem}.headery__actions{display:flex;align-items:center;gap:1rem}.headery__actions .mail-icon{width:1.5rem;height:1.5rem}.headery__actions .divi{border:1px solid #fff;width:0px;height:20px}.headery__actions .flag{font-size:1.5rem}.loader-container{display:flex;justify-content:center;align-items:center;height:90vh}.loader{--_lineThickness: var(--line-thickness, 10%);width:60px;height:60px;background:linear-gradient(#0000 26.6666666667%,#fff 0,#fff 57.5%,#0000 0),linear-gradient(#0000 36.6666666667%,#fff 0,#fff 73.3333333333%,#0000 0),linear-gradient(#0000 50%,#fff 0,#fff 89.6666666667%,#0000 0),linear-gradient(#0000,#fff 0,#fff 14.6666666667%,#0000 0);background-size:var(--_lineThickness) 400%;background-repeat:no-repeat;background-color:none;animation:matrix .5s infinite linear}@keyframes matrix{0%{background-position:0% 100%,50% 100%,100% 100%,100% 100%}to{background-position:0% 0%,50% 0%,100% 0%,100% 0%}}.notification-card{display:flex;justify-content:space-between}.notification-card .notification-content{display:grid;gap:2px}.notification-card .notification-header{display:flex;align-items:center;gap:8.93px}.notification-card .status-dot{width:11.95px;height:11.95px;border-radius:9999px}.notification-card .notification-title{color:#fff;font-size:14.94px;font-family:Lato,sans-serif;font-weight:500}.notification-card .notification-message{width:241.04px;margin-left:24.93px;color:#c6c6c6;font-size:9.96px;font-family:Lato,sans-serif;font-weight:400}.notification-card .status-badge{width:63.75px;height:20.92px;border-radius:7.97px;display:flex;align-items:center;justify-content:center;margin-left:16.93px}.notification-card .status-badge span{font-size:8.96px;font-family:Inter,sans-serif;font-weight:400}html,body{padding:0;margin:0;padding-top:1rem;background-image:url(mapbg.svg)}.page{background-image:url(mapbg.svg);height:100vh}.kapp-container{margin:0 auto;display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 768px){.kapp-container{width:399px;padding:0}}.fote{width:363px;text-align:center;color:#fff;font-size:10px;font-family:Inter,sans-serif;font-weight:400;word-wrap:break-word;line-height:1.4}.payment-details{background:#111;border-radius:18.03px;padding:16.21px 25.94px}.payment-details__header{color:#e4e4e4;font-size:11.21px;font-family:Lato,sans-serif;font-weight:700;line-height:17.94px;margin-bottom:23.41px}.payment-details__content .detail-row{display:flex;justify-content:space-between;margin-bottom:8.69px}.payment-details__content .detail-row:last-child{margin-bottom:0}.payment-details__content .detail-row .label{color:#e4e4e4;font-size:9.72px;font-family:Lato,sans-serif;font-weight:400;line-height:13.46px}.payment-details__content .detail-row .value{color:#fff;font-size:9.72px;font-family:Lato,sans-serif;font-weight:700;line-height:13.46px;text-align:right}.transaction-status-card{background:#111;border-radius:14px;display:flex;flex-direction:column;align-items:center;padding:28px 20px}.transaction-status-card__recipient{color:#bbb;font-size:15px;font-family:Lato,sans-serif;font-weight:700;line-height:22px;margin-bottom:14px}.transaction-status-card__amount{color:#23a26d;font-size:30px;font-family:Lato,sans-serif;font-weight:700;line-height:22px;margin-bottom:19px}.transaction-status-card__status{display:flex;gap:4px;align-items:center}.transaction-status-card__status .label{color:#bbb;font-size:15px;font-family:Lato,sans-serif;font-weight:500;line-height:22px}.transaction-status-card__status .value{font-size:15px;font-family:Lato,sans-serif;font-weight:600;line-height:22px}.transaction-status-card__status .value.pending{color:#ffd000}.transaction-status-card__status .value.completed{color:#2ecc71}.transaction-status-card__status .value.in_progress{color:#ffb300}.track{color:#fff;font-family:Lato;font-size:20px;font-style:normal;font-weight:600;line-height:normal;margin-top:33px;margin-bottom:33px;text-align:center}.vcon{display:flex;justify-content:center}.inbox{border-radius:21px;background:#111;padding-top:1rem;display:flex;flex-direction:column;gap:1rem;padding:0 21px}.inbox .yo{display:flex;gap:.5rem;align-items:center;margin-top:11px;margin-bottom:0}.inbox .yo .txt{color:#c40000;font-family:Lato;font-size:7.96px;font-style:normal;font-weight:400;line-height:normal}.inbox input{outline:none;height:23px;border-radius:8px;border:1px solid rgba(35,162,109,.27);background:#23a26d00;color:#757575;text-align:center;font-family:Inter;font-size:15px;font-style:normal;font-weight:400;line-height:normal;padding:.5rem 1rem;margin:8px 0}.inbox .trackbtn{height:41px;flex-shrink:0;border-radius:8px;background:#23a26d;display:flex;justify-content:center;margin-bottom:33px}.inbox .trackbtn .tracktxt{display:flex;align-items:center;gap:.5rem;color:#fff;text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:500;line-height:22px;letter-spacing:-.408px}