@font-face{font-family:Averta;src:url(https://mufasa.k8.isw.la/p/safetoken-api/public/resources/templates/authentication/apps/v1_0/assets/AvertaDemoPECuttedDemo-Regular-A7gaq-Ug.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Averta;src:url(https://mufasa.k8.isw.la/p/safetoken-api/public/resources/templates/authentication/apps/v1_0/assets/fonnts.com-avertastd-bold-BjHGhoN6.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}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;height:100vh;font-family:Averta,sans-serif}button{background:transparent;border:none;cursor:pointer}.card{width:clamp(374px,100%,522px);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;margin:auto;min-height:400px;padding-bottom:24px}header{display:grid;grid-template-columns:repeat(2,1fr);padding:24px;box-sizing:border-box;align-content:center;height:80px}header>img:nth-child(2){justify-self:end}.divider{border-bottom:3px solid #f3f5f6}main{box-sizing:border-box;padding:24px}.message>.message-header{font-weight:600;font-size:14px;color:#353f50;line-height:20px}.message>.message-body{color:#5f738c;font-weight:400;font-size:14px;line-height:20px}.merchant-amount-wrapper{margin:24px 0}.merchant-amount-detail{padding:12px 0;display:grid;grid-template-columns:repeat(2,1fr)}.merchant-amount-detail>.title{color:#5f738c;font-family:Averta;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0px}.merchant-amount-detail>.value{justify-self:end;font-weight:600;font-size:14px;line-height:20px;letter-spacing:0px;text-align:right;color:#353f50}.otp-label{font-size:12px;font-weight:600;color:#353f50}.otp-input{width:100%;height:48px;padding:12px;box-sizing:border-box;border-radius:4px;border:none;background-color:#f3f5f6;font-size:14px}.otp-input:focus{outline:none}.resend-cancel-wrapper{display:flex;justify-content:space-between;align-items:center}.font-mini{margin-top:8px}.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:12px;display:flex;align-items:center;gap:8px}.font-mini>.resend-btn:disabled{border-color:#d9d9d9;color:#00000040;box-shadow:none;cursor:not-allowed}.font-mini .resend-btn:disabled svg path{stroke:#00000040}.submit-btn{width:100%;height:48px;margin:24px 0 0;font-weight:700;color:#fff;background-color:#0275d8;box-shadow:0 2px #0591ff1a;font-size:16px;font-weight:600;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)}}