body{margin:0;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:Manrope,sans-serif!important;height:100vh;font-family:Manrope,sans-serif}button{background:transparent;border:none;cursor:pointer}.card{width:300px;box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005,0 2px 4px #00000005;position:relative;background:#fff;border-radius:8px;font-size:14px;box-sizing:border-box;padding:10px 20px;margin:auto;max-height:400px}header{display:flex;justify-content:space-between;align-items:center}.divider{margin:5px 0;border-block-start:1px solid rgba(5,5,5,.06)}.message>div:nth-child(1){font-weight:900;font-size:12px;color:#353f50}.message>div:nth-child(2){color:#707e94;font-size:10px;font-weight:500}.card-icon{width:35px;height:35px;border-radius:50%;background-size:cover;background-position:center}.badge{margin-top:24px;margin-bottom:24px;padding:13px;border-radius:10px;border:1px solid #e4e8ee;font-size:11px;box-shadow:0 10px 10px #e3e6e7;border-left:5px solid #0275d8;font-weight:600;color:#353f50}.merchant-details{display:flex;justify-content:space-between;align-items:center;margin:10px 0 6px}.merchant-details>.title{color:#707e94;font-weight:500;font-size:11px}.merchant-details>.value{color:#353f50;font-weight:700;text-align:right;font-size:11px}.otp-form{margin-top:10px}.otp-label{font-size:12px;font-weight:700;color:#353f50}.input-wrapper{display:flex;align-items:center;margin-top:6px;margin-bottom:8px;column-gap:5px}.input-wrapper>.otp-spacer{width:5px}.input-wrapper>input{width:1em;text-align:center;flex:1 1 0%;border-width:0px;border-radius:5px;background:#f3f5f6;height:35px;font-size:14px;color:#121212}.resend-cancel-wrapper{display:flex;justify-content:space-between;align-items:center}.font-mini{font-size:11px}.cancel-btn{font-weight:600;cursor:pointer;color:#e74c3c;font-size:13px}.font-mini>.resend-btn{color:#0275d8;font-weight:900;cursor:pointer;font-size:11px}.font-mini>.resend-btn:disabled{border-color:#d9d9d9;color:#00000040;box-shadow:none;cursor:not-allowed}.submit-btn{width:100%;height:35px;margin:10px 0;font-weight:700;color:#fff;background-color:#0275d8;box-shadow:0 2px #0591ff1a;font-size:13px;line-height:1.5714285714285714;padding:4px 15px;border-radius:6px}.submit-btn:disabled{cursor:not-allowed;border-color:#d9d9d9;color:#00000040;background:#0000000a;box-shadow:none}footer{display:flex;justify-content:center}.toastOTP{background-color:#fff!important;width:90%;max-width:450px!important;border-left:8px solid;display:flex!important;justify-content:space-between}.Toastify__toast--success{border-left-color:#36743d!important;background:#f1fef1!important;color:#163c29!important}.Toastify__toast--error{border-left-color:#e74c3c!important;background:#fbe9e9!important;color:#a4251a!important}.toastOTP>.toast-close{color:#222!important}.hide{display:none}.show-attempt-text{text-align:center;color:#a4251a}.page-expires-in{text-align:center}.page-expires-in span{font-weight:600}.loader-wrapper{display:flex;justify-content:center;align-items:center;height:100vh}.loader{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}