/* POPUP WHEN CHECKOUT FAILS*/@font-face{font-family:"Roboto";src:url("../fonts/Roboto-Regular.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}.decline-popup{font-family:"Roboto",sans-serif;position:fixed;z-index:100;width:100dvw;height:100dvh;display:none;inset:0}.decline-popup .close{position:absolute;top:0.75em;right:0.75em;z-index:101}.close button{padding:0;background-color:transparent;border:none;width:18px;height:18px;cursor:pointer}.decline-popup.active{display:block}.decline-wrapper{position:relative;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;background-color:rgb(240, 91, 97);border-radius:0.375rem;width:900px;height:600px}.white-content{display:flex;flex-direction:column;align-items:center;width:500px;height:500px;border-radius:50%;background-color:white;padding:1.25rem}.white-content > div{height:50%}.decline-wrapper .image{margin-top:19px;width:200px;min-height:200px}.decline-wrapper .text{width:80%;font-size:18px;text-align:center;margin:43px auto 2.5rem}.decline-wrapper .text .reason{padding:0 3em;color:rgb(107, 114, 128);font-size:15px;line-height:105%;min-height:65px;margin-top:8px}.decline-wrapper .button-try{display:flex;justify-content:center;margin-top:0.5rem}.decline-wrapper .button-try button{background-color:rgb(240, 91, 97);color:white;font-weight:700;font-size:20px;width:168px;height:55px;border-radius:9999px;border:none;cursor:pointer}/* SVG */svg{width:200px;height:200px}.st1{fill:#fff}.st2{fill:#ffd1d7}.st3{fill:#856975}/* END SVG */@media (max-width: 1024px){.decline-wrapper{width:550px;height:600px}}@media (max-width: 640px){.decline-wrapper{width:350px;height:400px}.white-content{width:325px;height:325px;padding:0}svg{width:135px;height:135px}.decline-wrapper .image{width:135px;height:150px;min-height:auto}.decline-wrapper .text{font-size:14px;margin:0 auto 2.5rem;width:100%}.decline-wrapper .text .type{font-size:14px}.decline-wrapper .text .reason{font-size:9.5px;width:85%;margin-inline:auto}.decline-wrapper .button-try button{width:100px;height:40px;font-size:11px}}@media (max-width: 350px){.decline-popup{padding-inline:10px}.decline-wrapper{width:100%}.white-content{width:80%;height:80%}}/* For loading indicator on payment *//*.button,button,input[type=button],input[type=submit]{border:0;width:100%;display:block;cursor:pointer;position:relative;outline:0;padding:20px 15px;background:#2288D0;color:#fff;font-size:20px}*/#loading-indicator::after,#loading-indicator::before{box-sizing:border-box;left:50%;position:absolute;top:50%}#loading-indicator{background-color:rgba(0, 0, 0, 0.5);bottom:0;box-sizing:border-box;font-size:1px;height:100%;left:0;margin:0 !important;padding:0 !important;position:fixed;right:0;top:0;width:100%;z-index:2147483646}#loading-indicator::before{background:url(/blood/v1/su/images//loading.gif) center center no-repeat rgba(0, 0, 0, 0);content:"";height:70px;margin-left:-35px;margin-top:-70px;width:70px;z-index:2}#loading-indicator::after{background:#fff;border-radius:5px;color:#000;content:"Processing, one moment please... ";font-family:arial;font-size:17px;height:110px;line-height:98px;margin-left:-150px;margin-top:-75px;padding-top:35px;text-align:center;width:300px;z-index:1}