::-webkit-scrollbar{width:.6rem;height:.6rem}::-webkit-scrollbar-track{border-radius:1rem;background:var(--rgba-black-01)}::-webkit-scrollbar-thumb{border-radius:1rem;background:var(--rgba-black-02)}::-webkit-scrollbar-thumb:hover{background:var(--rgba-black-04)}::-webkit-scrollbar-thumb:active{background:var(--rgba-black-08)}:root{--rgba-black-007: rgba(0, 0, 0, 0.07);--rgba-black-01: rgba(0, 0, 0, 0.1);--rgba-black-02: rgba(0, 0, 0, 0.2);--rgba-black-04: rgba(0, 0, 0, 0.4);--rgba-black-06: rgba(0, 0, 0, 0.6);--rgba-black-09: rgba(0, 0, 0, 0.9);--rgba-black-08: rgba(0, 0, 0, 0.8);--rgba-black-012: rgba(0, 0, 0, 0.12);--rgba-black-014: rgba(0, 0, 0, 0.14);--rgba-white-03: rgba(255, 255, 255, 0.3);--rgb-white: rgb(238, 238, 238);--font-family: "Inter", sans-serif}html,body{font-size:62.5% !important}#backend-url{color:green;padding:2rem;font-size:x-large}.footer{position:fixed;left:0;bottom:0;width:100%;text-align:left}.modal-overlay{z-index:9998;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.modal-content{width:60rem;height:81rem;border-radius:2.4rem;z-index:9999;position:relative;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;background-color:#fff}.modal-content .close-content{display:flex;align-items:center;justify-content:space-between;height:5%;padding:1.6rem 0rem 1.6rem 1.6rem}.modal-content .close-content .close-btn{display:flex;align-items:center;cursor:pointer}.loader{--d: 3.5rem;width:1rem;height:1rem;border-radius:50%;color:#bf4f30;box-shadow:calc(1*var(--d)) calc(0*var(--d)) 0 0,calc(.707*var(--d)) calc(.707*var(--d)) 0 1px,calc(0*var(--d)) calc(1*var(--d)) 0 2px,calc(-0.707*var(--d)) calc(.707*var(--d)) 0 3px,calc(-1*var(--d)) calc(0*var(--d)) 0 4px,calc(-0.707*var(--d)) calc(-0.707*var(--d)) 0 5px,calc(0*var(--d)) calc(-1*var(--d)) 0 6px;animation:l27 1s infinite steps(8)}@keyframes l27{100%{transform:rotate(1turn)}}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}@media(max-width: 640px){.html,body{font-size:55.5% !important}.modal-content{width:50rem;height:100% !important;border-radius:0}.details-content{padding:1.6rem 2rem !important}.payment-selector-inner-box{min-height:5rem}}@media(min-width: 600px)and (max-width: 768px){.html,body{font-size:55.5% !important}}@media(max-width: 320px){.html,body{font-size:24.5% !important}.modal-content{width:31rem}}@media(max-height: 500px){.modal-content{height:40rem}}@media(min-height: 500px)and (max-height: 699px){.modal-content{height:55rem}}@media(min-height: 700px)and (max-height: 899px){.modal-content{height:70rem}}@media(min-height: 900px){.modal-content{height:81rem !important;border-radius:2.4rem}}@media(min-width: 1024px)and (min-height: 900px){.modal-content{height:81rem}}
.modal-content-response{justify-content:center;gap:2.2rem;align-items:center}.response-text{font-family:var(--font-family);font-size:1.8rem;font-weight:600;line-height:2.7rem;text-align:center;color:var(--d-100, #262626)}.response-second-text{font-family:var(--font-family);font-size:1.4rem;font-weight:500;line-height:1.8rem;text-align:center;color:var(--d-60, rgba(38, 38, 38, 0.6))}.return-button{cursor:pointer;width:100%;height:4.2rem;border-radius:.8rem;background-color:var(--d-100, #262626);color:var(--r-100, #FFFFFF);font-family:var(--font-family);font-size:1.4rem;font-weight:500;line-height:1.8rem;text-align:center}a{font-family:var(--font-family);font-size:1.2rem;font-weight:600;line-height:1.6rem;text-align:center;color:var(--d-100, #17171A);text-decoration:none;cursor:pointer}
.payment-provider-selector{margin-left:5%;width:60%;display:flex;flex-direction:column;flex-basis:0;flex-grow:1;gap:.5rem;align-items:start;justify-content:center}.title{display:flex;align-items:center;font-family:var(--font-family);font-size:1.4rem;font-weight:500;line-height:1.8rem;color:var(--d-100, #262626)}.title-split{justify-content:space-between;width:100%}@media screen and (max-width: 550px){.payment-details-modal{box-sizing:border-box;width:100%;.date-text{font-size:14px;min-width:fit-content}.payment-provider-details{gap:10px}.payment-selector-inner-box{padding:0 1rem;gap:8px}}}@media screen and (max-width: 440px){.payment-details-modal{.short-text{max-width:120px;font-size:12px}}}.details-content{display:flex;flex-direction:column;height:18rem;padding:2.4rem 2.8rem;gap:1rem;border-radius:1.6rem;border:1px solid var(--d-7, rgba(38, 38, 38, 0.0705882353));background-color:var(--d-3, rgba(38, 38, 38, 0.031372549))}.circle{width:5rem;min-width:5rem;height:5rem;background-color:#ff6d45;border-radius:50%;display:flex;align-items:center;justify-content:center}.initials{color:#fff;font-family:var(--font-family);font-size:1.6rem;font-weight:500;line-height:2rem;display:flex;justify-content:space-between;gap:10px}.details-first-box{display:flex;flex-direction:row;justify-content:space-between;width:100%}.details-box-data{display:flex;align-items:center;gap:1rem;width:100%}.app-data{display:flex;flex-direction:column;gap:.8rem;width:100%}.first-text{font-family:var(--font-family);font-size:1.6rem;font-weight:600;line-height:2rem;text-align:left;color:var(--d-100, #262626);display:flex;width:100%;justify-content:space-between}.second-text{font-family:var(--font-family);font-size:1.4rem;font-weight:500;line-height:1.8rem;text-align:left;color:var(--d-60, rgba(38, 38, 38, 0.6))}.date-text{font-family:var(--font-family);font-size:1.6rem;font-weight:600;line-height:2rem;text-align:right;color:var(--d-100, #262626)}.details-second-box{display:flex;flex-direction:column;gap:.5rem}.amount-value{font-family:var(--font-family);font-size:2.2rem;font-weight:600;line-height:3.3rem;text-align:left;color:var(--d-100, #262626)}.amount-text{font-family:var(--font-family);font-size:1.4rem;font-weight:500;line-height:1.8rem;text-align:left;color:var(--d-60, rgba(38, 38, 38, 0.6))}.note-text{font-family:var(--font-family);font-size:1.2rem;font-weight:500;line-height:1.8rem;text-align:left;color:var(--d-60, rgba(38, 38, 38, 0.6))}.payment-selector-text{padding:1.6rem}.payment-selector-box{display:flex;height:100%;overflow-y:auto;padding:0rem 1.6rem 1.6rem 1.6rem;gap:1.5rem;flex-direction:column;border-radius:.8rem}@media screen and (max-width: 550px){.payment-selector-box{width:100%;box-sizing:border-box;margin:0 auto}}.payment-selector-inner-box{cursor:pointer;min-height:6.4rem;border-radius:1.6rem;padding:0rem 1.6rem;gap:1.6rem;background-color:#fff;border:1px solid var(--d-30, rgba(38, 38, 38, 0.3019607843));display:flex;align-items:center;justify-content:space-between}.payment-provider-details{display:flex;align-items:center;justify-content:center;gap:1.6rem;width:100%}.total-amount-box{padding:.4rem .8rem;border-radius:10rem;font-size:1rem;white-space:nowrap}.short-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width: 600px){.payment-selector-inner-box{min-height:5.4rem}}@media(min-height: 900px){.payment-selector-inner-box{min-height:6.4rem}}
.layout{width:100%;height:100%}
.card-selector-text{padding:1.6rem}.card-selector-box{display:flex;height:100%;overflow-y:auto;padding:0rem 1.6rem 1.6rem 1.6rem;gap:1.5rem;flex-direction:column;border-radius:.8rem}.card-selector-inner-box{cursor:pointer;min-height:6.4rem;border-radius:1.6rem;padding:0rem 1.6rem;gap:1.6rem;background-color:#fff;border:1px solid var(--d-30, rgba(38, 38, 38, 0.3019607843));display:flex;align-items:center;justify-content:space-between}.card-provider-details{display:flex;align-items:center;justify-content:center;gap:1.6rem}
.modal-content-momo{justify-content:flex-start}.text-box{display:flex;justify-content:flex-start;align-items:center;gap:.5rem}.details-content-momo{display:flex;flex-direction:column;height:45%;padding:1.6rem;gap:5rem;border-radius:1.6rem;border:1px solid var(--d-7, rgba(38, 38, 38, 0.0705882353));background-color:var(--d-3, rgba(38, 38, 38, 0.031372549))}.details-content-momo-transaction-status{height:55%}.momo-details{display:flex;align-items:center;justify-content:space-between;gap:1.6rem}.pay-text{font-family:var(--font-family);font-size:1.6rem;font-weight:400;line-height:1.8rem;color:var(--d-100, #9E9E9E)}.currency-text{font-family:var(--font-family);font-size:1.6rem;font-weight:400;line-height:1.8rem;color:var(--d-100, #DF603E)}.body-primary-text{font-family:var(--font-family);font-size:1.8rem;font-weight:500;text-align:center}.body-data{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2.8rem}.input-container{position:relative;width:100%;max-width:31rem}.phone-input{width:100%;padding:1rem 4rem 0rem 1rem;height:4.5rem;font-size:1.6rem;font-weight:500;border:.1rem solid var(--d-7, rgba(23, 23, 23, 0.0705882353));border-radius:.5rem;outline:none;background:#fff;box-sizing:border-box}.phone-input:focus{border-color:rgba(38,38,38,.031372549);box-shadow:0 0 5px rgba(15, 15, 15, 0.5)}.floating-label{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:16px;color:#aaa;transition:.3s ease-in-out;pointer-events:none}.phone-input:focus+.floating-label,.phone-input:not(:placeholder-shown)+.floating-label{top:1rem;font-size:1rem;font-family:var(--font-family);font-weight:400;color:#9e9e9e}.button-box{max-width:31rem;width:100%}.button-box button{width:100%;padding:1.1rem;border-radius:.8rem;background:var(--d-100, #171717);color:#fff;border:none;cursor:pointer;font-size:1.6rem;font-weight:500;font-family:var(--font-family)}.button-box-second button{background:transparent;color:#171717;border:.1rem solid var(--d-7, rgba(23, 23, 23, 0.0705882353))}.button-box button:hover{opacity:.8}.button-box button:disabled{opacity:.5;cursor:not-allowed}.input-group-text{position:absolute;right:0rem;top:50%;transform:translateY(-45%);padding:1rem}.otp-container{display:flex;justify-content:center;width:31rem;cursor:pointer;gap:1.4rem}.otp-box{width:3.8rem;height:4.3rem;text-align:center;font-size:2rem;font-weight:700;color:#171717;padding:0;border:none;background-color:rgba(23,23,23,.031372549);border-radius:.6rem;outline:none;transition:all .3s ease-in-out}.otp-box:focus{background-color:#e6e6e6;box-shadow:0 0 8px rgba(0,0,0,.5019607843)}.footer-data{display:flex;justify-content:center;align-items:center;gap:.5rem}.code-text{font-family:var(--font-family);font-size:1.3rem;font-weight:600;line-height:1.8rem;color:var(--d-90, rgba(23, 23, 23, 0.8980392157))}.timer-text{font-family:var(--font-family);font-size:1.3rem;font-weight:600;line-height:1.8rem;color:var(--d-100, #DF603E)}.resend-text{cursor:pointer;text-decoration:underline}.resend-text:hover{color:var(--d-100-hover, #BF4F30)}@media(max-width: 320px){.otp-container{gap:1rem}}@media(max-height: 500px){.details-content-momo{gap:2rem;height:60%}.details-content-momo-transaction-status{height:70%}}@media(min-height: 500px)and (max-height: 699px){.details-content-momo{gap:5rem;height:55%}.details-content-momo-transaction-status{height:56%}}@media(min-height: 700px)and (max-height: 899px){.details-content-momo{gap:6rem;height:50%}.details-content-momo-transaction-status{height:60%}}@media(min-height: 900px){.details-content-momo{gap:5rem;height:45%}.details-content-momo-transaction-status{height:55%}}@media(min-width: 1024px)and (min-height: 800px){.details-content-momo{gap:7rem;height:45%}.details-content-momo-transaction-status{height:55%}}.loading-icon{animation:spinner-constant 1.5s linear infinite;background-repeat:no-repeat}.loading-icon::before,.loading-icon::after{content:"";grid-area:1/1;border-radius:50%;background:inherit;opacity:.9;transform:rotate(30deg)}.loading-icon::after{opacity:.8;transform:rotate(60deg)}@keyframes spinner-constant{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}