{"version":3,"file":"express-checkout-button.bundle.css","mappings":"AAAA,oBACC,gBACA,8CAGD,MACC,wBAMD,4BACC,6CACA,8DACA,wBACA,kBAMC,gDACC,WACA,kBACA,WACA,YACA,MACA,OACA,sBAGD,8EACC,0BAGD,uFAEC,UAOF,wCACC,6CACA,4CACA,8DAEA,wHACA,qCACA,wCACA,4CACA,2BAEA,sEACC,wBACA,mDACA,kDACA,8DACA,2CAIF,oCACC,+BASD,4CACC,wBAIF,6BACC,SACA,UACA,QACA,SAEA,yDAGC,aACA,uBACA,sBACA,mBACA,eACA,MACA,SACA,QACA,OACA,+BAXa,CAYb,mBACA,oCACA,iCAEA,6DACC,yBAGD,0BACC,KACC,yBAGD,GACC,yBA1BW,EA+Bd,2DACC,kBACA,sBACA,kBACA,gBACA,yBACA,mBACA,uCACA,cACA,0EACA,kBAEA,gEACC,aAGD,8DACC,gBACA,eACA,iBAGD,6DACC,gBACA,WACA,eACA,gBAIF,iEACC,kBACA,SACA,WACA,gBACA,WACA,eACA,cACA,yBACA,SACA,eAGD,yEACC,oBACA,mBACA,uBACA,gBACA,eACA,mBACA,kBACA,WACA,gBACA,qBAOD,uDACC,kBACA,OACA,QACA,SACA,MACA,YACA,aACA,mBAYA,SACA,UACA,YACA,aACA,0CACA,sDAfA,qCACC,yBAXF,uDAYG,cAGD,0BAfF,uDAgBG,gBAWF,2DACC,aACA,SAGD,2BACC,KACC,aACA,SAGD,GACC,SACA,OAQJ,yFACC,sB","sources":["webpack://peachpay-for-woocommerce/./frontend/express-checkout-button/scss/sdk.scss"],"sourcesContent":[".peachpay-lock-body {\n\toverflow: hidden;\n\tpadding-right: var(--peachpay-scrollbar-width);\n}\n\n.hide {\n\tdisplay: none !important;\n}\n\n/**\n* This block of styling is for any PeachPay express checkout button\n*/\n[data-peachpay-button='true'] {\n\tcolor: var(--pp-button-text-color) !important;\n\tbackground-color: var(--pp-button-background-color) !important;\n\ttransition: all 0.4s ease;\n\ttext-align: center;\n\n\t/**\n\t* This block defines the \"None\"(Default) effect for the PeachPay buttons.\n\t*/\n\t&.effect-none {\n\t\t&::before {\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\tborder-radius: inherit;\n\t\t}\n\n\t\t&:hover:not(.disabled,.loading)::before {\n\t\t\tbackground: rgb(0 0 0 / 10%);\n\t\t}\n\n\t\tspan,\n\t\ti {\n\t\t\tz-index: 1;\n\t\t}\n\t}\n\n\t/**\n\t* This block defines the \"Fade\" effect for the PeachPay buttons.\n\t*/\n\t&.effect-fade {\n\t\tcolor: var(--pp-button-text-color) !important;\n\t\tfill: var(--pp-button-text-color) !important;\n\t\tborder: 2px solid var(--pp-button-background-color) !important;\n\t\t/* stylelint-disable-next-line max-line-length */\n\t\tbackground: linear-gradient(to right, var(--pp-button-text-color) 50%, var(--pp-button-background-color) 50%) !important;\n\t\tbackground-size: 200% 100% !important;\n\t\tbackground-origin: border-box !important;\n\t\tbackground-position: right bottom !important;\n\t\tbox-shadow: none !important;\n\n\t\t&:hover:not(.disabled,.loading) {\n\t\t\tfilter: unset !important;\n\t\t\tcolor: var(--pp-button-background-color) !important;\n\t\t\tfill: var(--pp-button-background-color) !important;\n\t\t\tborder: 2px solid var(--pp-button-background-color) !important;\n\t\t\tbackground-position: left bottom !important;\n\t\t}\n\t}\n\n\t&.loading {\n\t\tcolor: transparent !important;\n\t}\n\n\t/**\n\t* This block ensures the \"View cart\" button does not appear after clicking a peachpay shortcode \"Add to cart\"\n\t* button. The built in WC Ajax \"Add to Cart\" functionality will automatically add the \"View cart\" button to\n\t* the page. PeachPay builds off of this functionality, so we need to hide the \"View cart\" button.\n\t*/\n\t/* stylelint-disable-next-line selector-class-pattern */\n\t& + a.added_to_cart {\n\t\tdisplay: none !important;\n\t}\n}\n\n#peachpay-checkout-container {\n\tmargin: 0;\n\tpadding: 0;\n\twidth: 0;\n\theight: 0;\n\n\t#peachpay-checkout-backdrop {\n\t\t$background: rgb(0 0 0 / 80%);\n\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\tposition: fixed;\n\t\ttop: 0;\n\t\tbottom: 0;\n\t\tright: 0;\n\t\tleft: 0;\n\t\tbackground-color: $background;\n\t\tz-index: 2147483647;\n\t\tanimation: fade-animation 0.4s linear;\n\t\ttransition: background 0.4s linear;\n\n\t\t&.out {\n\t\t\tbackground: rgb(0 0 0 / 0%);\n\t\t}\n\n\t\t@keyframes fade-animation {\n\t\t\tfrom {\n\t\t\t\tbackground: rgb(0 0 0 / 0%);\n\t\t\t}\n\n\t\t\tto {\n\t\t\t\tbackground: $background;\n\t\t\t}\n\t\t}\n\t}\n\n\t#peachpay-checkout-load-error {\n\t\tposition: relative;\n\t\twidth: min(92vw, 440px);\n\t\tpadding: 32px 28px;\n\t\tbackground: #fff;\n\t\tborder: 3px solid #e8a838;\n\t\tborder-radius: 10px;\n\t\tbox-shadow: 0 24px 70px rgb(0 0 0 / 28%);\n\t\tcolor: #1a1a3e;\n\t\tfont-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n\t\ttext-align: center;\n\n\t\t&.hide {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\th2 {\n\t\t\tmargin: 0 0 12px;\n\t\t\tfont-size: 22px;\n\t\t\tline-height: 1.25;\n\t\t}\n\n\t\tp {\n\t\t\tmargin: 0 0 22px;\n\t\t\tcolor: #555;\n\t\t\tfont-size: 15px;\n\t\t\tline-height: 1.5;\n\t\t}\n\t}\n\n\t.peachpay-checkout-load-error-close {\n\t\tposition: absolute;\n\t\ttop: 10px;\n\t\tright: 12px;\n\t\tpadding: 4px 8px;\n\t\tcolor: #777;\n\t\tfont-size: 24px;\n\t\tline-height: 1;\n\t\tbackground: transparent;\n\t\tborder: 0;\n\t\tcursor: pointer;\n\t}\n\n\t.peachpay-checkout-load-error-checkout-link {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tmin-height: 44px;\n\t\tpadding: 0 20px;\n\t\tbackground: #1a1a3e;\n\t\tborder-radius: 8px;\n\t\tcolor: #fff;\n\t\tfont-weight: 700;\n\t\ttext-decoration: none;\n\t}\n\n\t/**\n\t * Mobile styling for the Express Checkout iFrame.\n\t */\n\n\t#peachpay-checkout-iframe {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\ttop: 0;\n\t\twidth: 100vw;\n\t\theight: 100vh;\n\t\tz-index: 2147483647;\n\n\t\t@media screen and (max-width: 782px) {\n\t\t\t@supports (width: 100dvw) {\n\t\t\t\twidth: 100dvw;\n\t\t\t}\n\n\t\t\t@supports (height: 100dvh) {\n\t\t\t\theight: 100dvh;\n\t\t\t}\n\t\t}\n\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tborder: none;\n\t\toutline: none;\n\t\tanimation: slide-animation 0.5s ease-in-out;\n\t\ttransition: bottom 0.5s ease-in-out, top 0.5s ease-in-out;\n\n\t\t&.out {\n\t\t\tbottom: -100%;\n\t\t\ttop: 100%;\n\t\t}\n\n\t\t@keyframes slide-animation {\n\t\t\tfrom {\n\t\t\t\tbottom: -200%;\n\t\t\t\ttop: 200%;\n\t\t\t}\n\n\t\t\tto {\n\t\t\t\tbottom: 0;\n\t\t\t\ttop: 0;\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Compatibility for Salient theme on product page\n// stylelint-disable-next-line\n.woocommerce div.product .nectar-prod-wrap form.cart:not(.variations_form, .grouped_form) {\n\tflex-direction: column;\n}\n"],"names":[],"sourceRoot":""}