@font-face{font-family:__inter_047609;src:url(https://acs-icc.accessbankplc.com/_next/static/media/7385e8d9d3c5518f-s.p.ttf) format("truetype");font-display:swap}@font-face{font-family:__inter_Fallback_047609;src:local("Arial");ascent-override:90.00%;descent-override:22.43%;line-gap-override:0.00%;size-adjust:107.64%}.__className_047609{font-family:__inter_047609,__inter_Fallback_047609}:root{--navy-blue:#012132;--primary-blue:#0bb4da;--text-grey:#666}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter}.outer-container{width:100%;height:100%;display:table;position:absolute;background:var(--navy-blue)}.outer-container .mandate-close-btn{cursor:pointer;background:none;outline:none;border:none;position:absolute;top:3rem;right:25rem;z-index:999;font-size:1.5rem;color:#fff}.outer-container .mandate-close-btn svg path{width:10rem}.outer-container.in-frame{background:rgba(1,33,50,.2)}.middle-container{display:table-cell;vertical-align:middle}.inner-container{max-width:450px;width:30%;background:#fff;border-radius:20px;margin:2rem auto 5rem;padding:10px 30px 40px;position:relative;overflow:hidden}.app{display:flex;flex-direction:column;align-content:center}.text-bold{font-weight:700}.header span{margin:0 1rem}.bank-logo{width:1.5rem}.bank-logo,.scheme-logo{height:auto;margin-bottom:1rem}.scheme-logo{width:3rem}.aggregator-logo{width:6rem;height:auto}.merchant-details{background:rgba(3,87,238,.1);border-radius:4px;color:#0361f0;font-weight:700;padding:.5rem 0;width:60%;margin:0 auto;font-size:.8rem}.merchant-details span{margin-left:.5rem}.payment-information{background:var(--navy-blue);color:#fff;border-radius:10px;padding:.75rem 2rem;margin:1.75rem 0 1.25rem}.payment-information p{font-size:12px}.payment-information .amount{font-size:2rem;margin:.5rem 0 1rem}.payment-information span{font-weight:700}.actions,.auth-action{position:relative}.auth-action{z-index:2}.auth-action-details{width:60%}.actions .broken-lines{position:absolute}.actions .broken-lines.left{top:4rem;left:1.5rem}.actions .broken-lines.right{top:4rem;right:1.5rem}.actions p{font-size:.75rem;margin:0;color:#000;opacity:.6}.actions h3{margin:0 0 .5rem;font-size:1rem}.actions .action-text{padding-left:1rem}.actions .auth-action{border-radius:10px;padding:1rem;margin:1.5rem 0}.verify-otp{background:#f7f7f7}.verify-otp.can-verify{background:#f0fcff}.verify-otp.verified{background:#f0faf1}.verify-face{background:#f7f7f7}.verify-face.can-verify{background:#f0fcff}.verify-face.verified{background:#f0faf1}.loader-wrapper{padding:10rem 0}.loader{display:flex;justify-content:center}.footer{color:#000;font-size:.8rem;margin-top:2rem}.message-label{color:#1a1a1a;font-weight:700;font-size:.9rem}#error-page{color:#fff;text-align:center}.ripple{animation:ripple 10s ease-in-out infinite}.mobile-nav{display:none}.slide-enter{opacity:0;transform:translateX(-100%)}.slide-enter-active{opacity:1}.slide-enter-active,.slide-exit{transform:translateX(0)}.slide-exit-active{opacity:0;transform:translateX(100%)}.slide-enter-active,.slide-exit-active{transition:opacity .25s,transform .25s}@keyframes ripple{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.mobile-button-wrapper,.mobile-only{display:none}.face-verification-image-wrapper{margin-top:1rem}.mandate-details-button{border-radius:4px;background:rgba(11,180,218,.1);width:100%;color:#0bb4da;margin:.5rem 0}.mandate-details-list{border-radius:12px;border:2px dashed #b6effb;background:#fbfeff;padding:8px}.m-mandate-item{padding:16px 0;display:flex;align-items:center}.m-mandate-item .m-mandate-text{display:flex;justify-content:space-between;align-items:flex-start;margin-left:.5rem;padding:0}.m-mandate-item .m-mandate-text .m-mandate-title-desc{width:76%}.m-mandate-item .m-mandate-text .m-mandate-title-desc .m-mandate-title{font-weight:600;font-size:14px;font-size:1dpx}.m-mandate-item .m-mandate-text .m-mandate-title-desc .m-mandate-desc{padding:0;margin:0;color:grey;font-size:12px}.m-mandate-item .m-mandate-text .m-mandate-value{margin:0;font-weight:600;font-size:14px;text-align:right}.m-mandate-item .m-mandate-text .m-mandate-title-desc p{margin:0}.mobile-buttons{padding-top:0}@supports (accent-color:#fff){.notice{display:none}}.confirm-mandate{margin-top:0;display:block;padding-block:20px;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.confirm-mandate .text{font-size:13px}.highlight{color:red}.confirm-mandate input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:35%;left:0;height:25px;width:25px;border-radius:3px;border:1px solid #000}.confirm-mandate input:checked~.checkmark{border:1px solid #0bb4da;border-radius:3px;background-color:#0bb4da}.checkmark:after{content:"";position:absolute;display:none}.confirm-mandate input:checked~.checkmark:after{display:block}.confirm-mandate .checkmark:after{left:8px;top:4px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}@media screen and (max-width:480px){.m-mandate-item .m-mandate-text .m-mandate-title-desc{width:76%}.m-mandate-item .m-mandate-text .m-mandate-value{margin:0;font-weight:600;font-size:12px}.mobile-buttons{padding-top:4rem}.confirm-mandate{margin-top:4rem!important}.mobile-only{display:block}.face-verification-image-wrapper{margin-top:1.5rem}.desktop-only{display:none}body{background:#fff}.inner-container{height:100%;width:100%;border-radius:0;padding:8px 14px;margin:0 auto}.bank-logo{width:1.5rem}.mobile-nav{display:block}.mobile-button-wrapper{display:block;width:100%;position:absolute;bottom:1rem}.middle-container{display:table-cell;vertical-align:top}.auth-action img{width:2rem;height:auto}.auth-action .button-wrapper{margin:1rem 0 0 3rem}.auth-action .flex-center{align-items:flex-start}.merchant-details{width:80%}.payment-information .amount{font-size:1.25rem;margin:.5rem}.payment-information{padding:.75rem 0}.auth-action-details{width:100%}.actions h3{font-size:.9rem}.actions p{font-size:.7rem}.app-button.medium{padding:.65rem 1rem!important}.footer{position:absolute;bottom:1.5rem;left:0;right:0;width:100%}}@media screen and (min-width:481px) and (max-width:768px){.inner-container{width:440px}.expiration{width:-moz-fit-content;width:fit-content}.confirm-mandate{margin-top:4rem!important}.mobile-buttons{padding-top:4rem}.m-mandate-item .m-mandate-text .m-mandate-title-desc{width:76%}.m-mandate-item .m-mandate-text .m-mandate-value{margin:0;font-weight:600;font-size:12px}}@media screen and (min-width:769px) and (max-width:850px){.inner-container{width:50%}}@media screen and (min-width:851px) and (max-width:1000px){.inner-container{width:45%}}@media screen and (min-width:1001px) and (max-width:1140px){.inner-container{width:40%}}@media screen and (min-width:1141px) and (max-width:1330px){.inner-container{width:35%}}@media screen and (min-width:1331px) and (max-width:1400px){.inner-container{width:32%}}.text-grey{color:var(--text-grey)}.text-light-grey{color:var(--text-light-grey)}.text-black{color:var(--text-black)}.text-primary{color:var(--primary-blue)}.text-light{color:#cccfd4}.flex-center{display:flex;align-items:center}.flex-dir-col{flex-direction:column}.wrap{flex-wrap:wrap}.no-wrap{flex-wrap:nowrap}.text-center{text-align:center}.font-weight-500{font-weight:500}.font-weight-600{font-weight:600}.text-small{font-size:.8rem}.text-smaller{font-size:.75rem}.tiny-text{font-size:.7rem}.flex{display:flex}.justify-evenly{justify-content:space-evenly}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.align-items-center{align-items:center}.align-items-end{align-items:flex-end}.w-full{width:100%}.mt-0{margin-top:0}.mt-1{margin-top:1rem}.mt-1-5{margin-top:1.5rem}.mt-2{margin-top:2rem}.mt-05{margin-top:.5rem}.mr-05{margin-right:.5rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:1rem}.mb-1-5{margin-bottom:1.5rem}.mb-2{margin-bottom:2rem}.my-1{margin-top:1rem;margin-bottom:1rem}.my-2{margin-top:2rem;margin-bottom:2rem}.mr-1{margin-right:1rem}.my-0{margin-top:0;margin-bottom:0}.py-0{padding-top:0;padding-bottom:0}.my-05{margin-top:.5rem;margin-bottom:.5rem}.cursor-pointer{cursor:pointer}.capitalize{text-transform:capitalize}.text-decoration-none{text-decoration:none}