x-payment-iframe>iframe{border:none;width:100%}body.admin-bar .ReactModal__Content .cpg-secure{top:42px}@media(max-width:782px){body.admin-bar .ReactModal__Content .cpg-secure{left:0;margin:10px;right:0;text-align:center}}.ReactModal__Content .cpg-secure{border:2px solid;border-radius:3px;color:#02c302;font-size:14px;left:20px;padding:5px;position:fixed;top:12px;width:auto;z-index:10000}.ReactModal__Content .cpg-secure img{height:12px;margin-right:3px;margin-top:-3px}.ReactModal__Content .cpg-modal-content{background:transparent;border:none;border-radius:4px;inset:50% auto auto 50%;margin-right:-50%;max-height:90%;outline:none;overflow-y:overlay;overflow:hidden;padding:0;position:absolute;transform:translate(-50%,-50%)}.ReactModal__Content .cpg-modal-content .cpg-modal-payment{background-color:#fff;border-radius:4px;max-height:90%;max-width:400px;padding:10px;text-align:center}.ReactModal__Content .cpg-modal-content .cpg-modal-payment .cpg-btn-close{color:#4a4545;cursor:pointer;filter:alpha(opacity=20);float:right;font-size:17px;font-weight:700;line-height:1;text-shadow:0 1px 0 #fff}.ReactModal__Content .cpg-modal-content .cpg-modal-payment .cpg-modal-header{display:flex;flex-direction:column;gap:7px;margin:10px;text-align:center}.ReactModal__Content .cpg-modal-content .cpg-modal-payment .cpg-modal-header .cpg-header-logo{margin:auto;max-width:150px}.ReactModal__Content .cpg-modal-content .cpg-modal-payment .cpg-modal-header .cpg-company-name{color:#243b53;font-size:18px;font-weight:400}.ReactModal__Content .cpg-modal-content .cpg-modal-payment .cpg-modal-header .cpg-order-detail{color:#243b53;font-size:16px;font-weight:700}.ReactModal__Content .cpg-modal-content .cpg-modal-payment>iframe{border:none;margin:10px}.ReactModal__Content .cpg-modal-content.loading .cpg-modal-payment{display:none}.ReactModal__Content .cpg-modal-content.loading .cpg-loading{display:inline-block}x-cpg-pay-with-stripe{align-items:center;background-color:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100vw;z-index:1000}x-cpg-pay-with-stripe .cpg-pay-with-stripe-content{align-items:center;border-radius:8px;display:flex;justify-content:center;max-width:80vw;overflow:scroll;overflow:hidden;width:500px}x-cpg-pay-with-stripe .cpg-pay-with-stripe-content>iframe{border:none;margin:10px}x-cpg-pay-with-stripe .cpg-pay-with-stripe-content.loading>iframe{display:none}x-cpg-pay-with-stripe .cpg-pay-with-stripe-content.loading .cpg-loading{display:inline-block}x-cpg-pay-with-stripe .cpg-pay-with-stripe-content.loading .cpg-loading div:after{background:#fafafa}.cpg-inline-content{align-items:center;display:flex;justify-content:center;margin:0;padding:0;width:100%}.cpg-inline-content>iframe{border:none;margin:10px}.cpg-inline-content.loading>iframe{display:none}.cpg-inline-content.loading .cpg-loading{display:inline-block}.cpg-inline-content.loading .cpg-loading div:after{background:#3f3b3b}.cpg-loading{color:official;display:none;height:80px;position:relative;width:80px}.cpg-loading div{animation:spinner-loading 1.2s linear infinite;transform-origin:40px 40px}.cpg-loading div:after{background:#fff;border-radius:20%;content:" ";display:block;height:18px;left:37px;position:absolute;top:3px;width:6px}.cpg-loading div:first-child{animation-delay:-1.1s;transform:rotate(0deg)}.cpg-loading div:nth-child(2){animation-delay:-1s;transform:rotate(30deg)}.cpg-loading div:nth-child(3){animation-delay:-.9s;transform:rotate(60deg)}.cpg-loading div:nth-child(4){animation-delay:-.8s;transform:rotate(90deg)}.cpg-loading div:nth-child(5){animation-delay:-.7s;transform:rotate(120deg)}.cpg-loading div:nth-child(6){animation-delay:-.6s;transform:rotate(150deg)}.cpg-loading div:nth-child(7){animation-delay:-.5s;transform:rotate(180deg)}.cpg-loading div:nth-child(8){animation-delay:-.4s;transform:rotate(210deg)}.cpg-loading div:nth-child(9){animation-delay:-.3s;transform:rotate(240deg)}.cpg-loading div:nth-child(10){animation-delay:-.2s;transform:rotate(270deg)}.cpg-loading div:nth-child(11){animation-delay:-.1s;transform:rotate(300deg)}.cpg-loading div:nth-child(12){animation-delay:0s;transform:rotate(330deg)}@keyframes spinner-loading{0%{opacity:1}to{opacity:0}}
