#container header{border-bottom:1px solid #0003;display:flex;flex-direction:row;gap:1rem;padding:.6rem var(--padding-inline)}@media screen and (max-width:576px){#container header{gap:.5rem;padding:.5rem 1rem}}#container header img{max-width:45px;width:15%}#container header div.amount{align-items:flex-end;display:flex;flex-direction:column;flex-grow:1;font-size:.9rem;gap:2px;justify-content:center;line-height:1}#container header div.amount span.amount{font-size:1.5rem}#container header div.amount span:not(.amount){color:#000c}footer{text-align:center}footer a,footer button{background:none;border:none;color:#fff;cursor:pointer;font-family:inherit;font-weight:500;text-decoration:none}footer a:hover,footer button:hover{text-decoration:underline}footer>:first-child{background:#222;color:#fff;font-size:.75rem;margin:0;padding:.7rem}footer>:last-child{background:#000;padding-block:0 .7rem;padding-inline:1rem}footer>:last-child #links{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding:.5rem 0}footer>:last-child #links a,footer>:last-child #links button{display:inline-block;font-size:.7rem;padding:.3rem}footer>:last-child #links>:not(:last-child):after{color:#fff;content:"•";font-family:inherit;font-size:.8rem;font-weight:500;margin-inline:.5rem}footer>:last-child #disclaimer p{color:#fff;font-size:.7rem;font-weight:300;line-height:1rem;margin:0;opacity:.8}footer>:last-child #disclaimer p+p{margin-top:3px}@media screen and (max-width:767.9px){footer>:first-child,footer>:last-child{padding-inline:var(--padding-inline)}}@media screen and (max-width:425px){footer{text-align:left}footer>:last-child #links{justify-content:flex-start;margin-inline:-.3rem}footer>:last-child #links>:not(:last-child):after{margin-inline:.3rem}}footer.custom #disclaimer{padding-top:.7rem}#SkipTo{left:50%;position:fixed;text-align:center;top:0;transform:translate(-50%,-105%);transition:transform .3s;width:100%;z-index:9999}#SkipTo:focus-within{transform:translate(-50%,-10%)}#SkipTo button{border-radius:5px;font-size:1.3rem;font-weight:400;margin:0 2.5px;padding:5px}#InfoBlock,#PayOptions,#content,footer{outline:none}.collapsibleBody{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s}.collapsibleBody[aria-hidden=false]{grid-template-rows:1fr}.collapsibleBody>*{overflow:hidden}#InfoBlock{background:var(--grey-colour);font-size:.9rem;padding:1rem var(--padding-inline);position:relative}#InfoBlock,#InfoBlock *{text-align:left}#InfoBlock h2{display:inline;font-size:1.5rem;margin:0}#InfoBlock h2+p{margin-top:.8rem}#InfoBlock.collapsible [role=button]{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin:-1rem calc(var(--padding-inline)*-1);padding:1rem var(--padding-inline)}#InfoBlock.collapsible.expanded [role=button]{margin-bottom:0}#InfoBlock.collapsible.expanded p:first-of-type{margin-top:0}#InfoBlock.collapsible svg{color:var(--psi-blue);height:1.5rem;margin-bottom:5px}#InfoBlock p:last-of-type,#InfoBlock p:nth-of-type(2){margin-bottom:0}#InfoBlock ol{margin:0;padding-left:30px}#Limits{background:var(--grey-colour);font-size:.9rem;padding:1rem var(--padding-inline);position:relative}#Limits h3{font-size:1.1rem;margin:0}#Limits p{margin:.2rem 0 0}#Limits p a{color:var(--psi-blue);cursor:pointer;font-weight:500;text-decoration:none}#Limits p a:hover{text-decoration:underline}#InfoBlock,#Limits{border-bottom:1px solid #ccc}#LandingTitle{font-size:1.5rem;margin-top:2rem}#PayOptions{--card-width:19em;column-gap:1.5rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-inline:-1.5rem;padding:1.5rem 0;text-align:center}@media screen and (min-width:964px){#PayOptions{column-gap:3.5rem}}@media screen and (max-width:576px){#PayOptions{margin-inline:-1rem}}#PayOptions .payOption{box-shadow:0 5px 5px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:1.5rem;width:var(--card-width)}@media screen and (max-width:850px){#PayOptions .payOption{flex:.6 1;min-width:18em;width:auto}}@media screen and (max-width:300px){#PayOptions .payOption{margin-inline:0;min-width:100%;width:100%}}#PayOptions .payOption>svg{color:var(--icon-colour);font-size:2.5em;margin-bottom:1rem}#PayOptions .payOption h2{font-size:1.2em;margin-block:0}#PayOptions .payOption p{color:#000c;font-size:.9rem;margin-bottom:0;margin-top:.3em}#PayOptions button{font-size:1rem;margin-top:1rem;padding-inline:10px;width:100%}.iconTextCont{--icon-size:6rem;text-align:center}.iconTextCont>:first-child{margin-top:2rem}.iconTextCont .fa-stack{height:var(--icon-size);margin-top:.7rem;width:var(--icon-size)}.iconTextCont .fa-stack .fa-spinner-third{color:#0009;height:var(--icon-size);width:var(--icon-size)}.iconTextCont .fa-stack svg:last-child{height:calc(var(--icon-size)*.4);width:calc(var(--icon-size)*.5)}.iconTextCont .fa-stack+button{background:none;border:none;border-radius:.2rem;cursor:pointer;display:block;height:2rem;margin:-.2rem auto -.5rem;min-width:3rem;padding:.5rem;position:relative;z-index:1}.iconTextCont svg:last-of-type{color:var(--icon-colour)}.iconTextCont.green svg:last-of-type{color:#97c93d}.iconTextCont h1{font-size:1.5em;margin-bottom:.5em;margin-top:.5em}.iconTextCont hr+h2{font-size:1.3em;margin-bottom:.5em;margin-top:2rem}.iconTextCont p{color:#000c;margin-top:0}button#ChangeDevice{margin-bottom:1rem;margin-top:.5rem}#Help{color:#000000b3;font-size:.9em;font-weight:400;margin-bottom:.5em;margin-top:-.5em}#Help a{color:inherit;cursor:pointer;font-weight:500;text-decoration:none}#Help a:hover{text-decoration:underline}div#ScanQR{box-shadow:0 5px 5px #0000001a;margin-top:2rem}div#ScanQR h2{font-size:1.2em;margin-bottom:0;margin-top:0}div#ScanQR img{max-width:200px}hr{border:0;border-top:1px solid #ccc;box-sizing:initial;height:0;margin-top:40px;overflow:visible;width:100%}.errorContent{max-width:650px;padding-top:1.2rem}.custom .errorContent{width:90%}.errorContent svg{color:#c90000;margin-right:.5rem}.errorContent h1{font-size:1.4em;margin-top:.5em}.errorContent a#ReturnToStore{margin-top:1.2rem;padding-block:.65em}#PayOptions .payOption,div#ScanQR{align-items:center;background-color:#fff;border-radius:5px;box-shadow:0 4px 30px 0 #a3acbf80;display:flex;flex-direction:column;padding:1.25em}.linkBtn{background:none;border:none;color:#000000b3;cursor:pointer;display:inline-block;font-family:Rubik;font-size:.9em;font-weight:500;text-decoration:none}.linkBtn:hover{text-decoration:underline}#CancelPayment{margin-bottom:1rem;margin-top:2rem}#PaymentExpired h2{font-size:1.1em;font-weight:500;margin-bottom:0}#PaymentExpired h2+p{margin-top:.2em}#PaymentExpired a:not(.btn){color:var(--psi-blue);cursor:pointer;font-weight:500;text-decoration:none}#PaymentExpired a:not(.btn):hover{text-decoration:underline}#PaymentCancelled p{margin:0}#PaymentCancelled ol{margin-top:0}#PaymentRejected p{margin-bottom:0}#PaymentRejected ul{margin-top:0}#ProgressBar{--angle:25deg;--border-radius-1:30px;--border-radius-2:50px;display:flex;padding:1rem 5px}#ProgressBar ol{--padding-x:1rem;--border-colour:#0000004d;display:flex;justify-content:center;margin:0 auto;max-width:100%;min-height:3rem;padding:0;width:700px}@media screen and (max-width:767.9px){#ProgressBar ol{width:calc(100% - 4px)}}#ProgressBar ol li{--bg-colour:#fff;--prev-bg-colour:#fff;--prev-border-colour:#adaeaf;background-color:var(--bg-colour);border-block:1px solid var(--border-colour);box-sizing:border-box;display:inline-flex;flex:1 1;font-size:.9em;justify-content:center;list-style-type:none;overflow:hidden;padding-block:.5rem;position:relative}#ProgressBar ol li.active{--bg-colour:var(--interac-yellow);--prev-bg-colour:#fff}#ProgressBar ol li.active~li{--bg-colour:var(--grey-colour);--prev-bg-colour:var(--grey-colour)}#ProgressBar ol li.active+li{--prev-bg-colour:var(--interac-yellow);--prev-border-colour:var(--interac-yellow-border)}#ProgressBar ol li:first-child{border-left:1px solid var(--border-colour);border-radius:var(--border-radius-1) 0 0 var(--border-radius-1)/var(--border-radius-2) 0 0 var(--border-radius-2)}#ProgressBar ol li:first-child span{margin-left:var(--padding-x)}#ProgressBar ol li:last-child{border-radius:0 var(--border-radius-1) var(--border-radius-1) 0/0 var(--border-radius-2) var(--border-radius-2) 0;border-right:1px solid var(--border-colour);flex-grow:.9}#ProgressBar ol li:not(:first-child){padding-left:2rem}#ProgressBar ol li:not(:first-child):after,#ProgressBar ol li:not(:first-child):before{--rotate:calc(45deg + var(--angle)/2);--scaleY:0.906307787;--scaleY:cos(var(--angle));--scale:0.5928445237;--scale:calc(0.5/sin(45deg + var(--angle) / 2));aspect-ratio:1/1;content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-50%) rotate(var(--rotate)) skewX(var(--angle)) scaleY(var(--scaleY)) scale(var(--scale));transform-origin:center;z-index:1}#ProgressBar ol li:not(:first-child):before{--scale:0.6402720856;--scale:calc(0.54/sin(45deg + var(--angle) / 2));background-color:var(--prev-border-colour)}#ProgressBar ol li:not(:first-child):after{background-color:var(--prev-bg-colour)}#ProgressBar ol li:not(:first-child) span{margin-right:var(--padding-x)}#ProgressBar ol li span{align-self:center;display:flex;font-size:.9em;z-index:10}@media screen and (max-width:425px){#ProgressBar ol li{--angle:45deg}#ProgressBar ol li:not(:first-child){padding-left:1.3rem}#ProgressBar ol li span{font-size:.8em}}#Loading{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;height:100vh;height:100dvh;justify-content:center;padding:3rem 1rem;text-align:center}#Loading svg{--fa-primary-color:#7f7f7f;--fa-secondary-color:#ccc;--fa-secondary-opacity:1}#Loading h1{margin-bottom:0;margin-top:0}#Loading p{margin:0 0 2rem}:root{--interac-yellow:#ffb92a;--interac-yellow-border:#b2811d;--interac-yellow-hover:#ffc142;--psi-blue:#00444d;--icon-colour:#000;--grey-colour:#f8f9fa}body{font-family:Rubik,sans-serif;margin:0}h1,h2,h3{font-weight:400}#container{--padding-inline:1rem;display:flex;flex-direction:column;max-width:900px}@media screen and (min-width:768px){#container{--padding-inline:2rem;margin:0 auto;min-height:calc(100vh - 4rem);min-height:calc(100dvh - 4rem);padding:2rem}#container>*{border:1px solid #ccc;border-bottom:none!important}#container>:first-child{border-radius:5px 5px 0 0}#container>:last-child{border-radius:0 0 5px 5px;border-width:0;overflow:hidden}}@media screen and (max-width:767.9px){#container{min-height:100vh;min-height:100dvh}}#container main{--border-height:1.5rem;overflow:hidden}#container main,#content{display:flex;flex-direction:column;flex-grow:1}#content{align-items:center;padding:1rem 3rem}@media screen and (max-width:576px){#content{padding:1rem}}.btn{background:#ffb92a;background:var(--interac-yellow);border:none;border-radius:6px;box-sizing:border-box;color:#000;cursor:pointer;display:inline-block;font-family:Rubik;font-weight:500;padding:.5em 1.4em;text-align:center;text-decoration:none}.btn:hover{background:#ffc142;background:var(--interac-yellow-hover)}.btn[disabled]{opacity:.7;pointer-events:none}.visually-hidden{height:1px;left:-10000px;overflow:hidden;position:absolute;width:1px}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}#PaymentDemoPage{font-family:Roboto;height:100vh;height:100dvh}#PaymentDemoPage h1,#PaymentDemoPage h2,#PaymentDemoPage h3{color:#000}#PaymentDemoPage .maxWidth{margin:0 auto;max-width:800px}#PaymentDemoPage header div#InteracHeader{background-color:#1c1601;height:50px;padding:1rem}#PaymentDemoPage header div#BankHeader{height:calc(50px + 2em)}#PaymentDemoPage header div#BankHeader img{padding-left:.7rem;width:250px}#PaymentDemoPage #Banner{background:#ffb92a;font-size:.9em;font-weight:500;padding:.5em 1rem;text-align:center}#PaymentDemoPage #InteracInfo{margin-bottom:4rem;margin-left:2rem}#PaymentDemoPage #InteracInfo h1{font-weight:500;text-transform:capitalize}#PaymentDemoPage #InteracInfo #Amount span:first-child{font-size:3em}#PaymentDemoPage #InteracInfo #Amount span:last-child{font-size:2em}#PaymentDemoPage #ChooseBank h2{font-weight:500;margin-bottom:.7rem;margin-left:2rem;text-transform:capitalize}#PaymentDemoPage #ChooseBank #Banks{background:#d7d7d7;border-radius:5px;margin:0 1rem}#PaymentDemoPage #ChooseBank #Banks div{padding:1.3rem}#PaymentDemoPage #ChooseBank #Banks div button{border:none;box-sizing:border-box;cursor:pointer;display:inline-block;margin:0;padding:0}#PaymentDemoPage #ChooseBank #Banks div img{display:block;width:280px}#PaymentDemoPage #AcceptPayment{padding:.5rem 2rem}#PaymentDemoPage #AcceptPayment h1{font-size:1.2rem;font-weight:500}#PaymentDemoPage #AcceptPayment #Amount{font-size:2.3rem;margin-bottom:1.2rem}#PaymentDemoPage #AcceptPayment button{background:#a30000;border-radius:5px;color:#fff;font-family:Roboto;font-size:1.4rem;font-weight:400;padding:.4em 3.3em;width:250px}#PaymentDemoPage #AcceptPayment button:hover{background:#bd0000}#PaymentDemoPage #AcceptPayment #ErrorMsg{color:#a30000}#PaymentDemoPage #MoneySent{display:flex}#PaymentDemoPage #MoneySent svg{color:green;margin:auto .5rem}#PaymentDemoPage #MoneySent h1{display:inline-block;font-size:1.5em}
/*# sourceMappingURL=main.7dbe9308.css.map*/