{"version":3,"file":"admin-addons.bundle.css","mappings":"AACA,8CACC,sBAGD,iBACC,gBACA,yBACA,kBACA,sBACA,aACA,YACA,sBACA,uCACA,oBACA,SACA,sEACA,SACA,YACA,iBACA,uBACA,aACA,WACA,mCAEA,yFAIC,sBAGD,qCACC,mBACA,mBACA,yBACA,kBAGA,aACA,uBACA,iBACA,aACA,WAGD,0CACC,cACA,eACA,gBACA,iBACA,SACA,kBAGD,0BACC,aACA,sBACA,SACA,YACA,WAGD,wBACC,cACA,eACA,gBACA,iBACA,SAGD,0BACC,cACA,eACA,iBACA,SAEA,gCACC,mBACA,kDACA,WACA,gBACA,kBACA,mBACA,UAGD,4CACC,cAGD,8CACC,cAIF,uBACC,aACA,SACA,gDACA,YACA,SACA,WAGD,uBACC,gBACA,yBACA,kBACA,aACA,sBACA,YACA,gBACA,WAEA,sCACC,WAIF,+BACC,eACA,aACA,SACA,gBACA,WAGD,mCACC,cACA,aACA,iBACA,WAGD,4BACC,aACA,cACA,sBACA,SACA,YACA,uBAGD,8BACC,mBACA,aACA,eACA,QACA,8BACA,YACA,WAGD,uBACC,cACA,eACA,gBACA,iBACA,SAGD,uBACC,mBACA,cACA,eACA,gBACA,iBACA,eACA,YACA,uBACA,gBACA,mBAEA,gCACC,mBACA,cAGD,iCACC,mBACA,cAIF,8BACC,cACA,eACA,gBACA,iBACA,SAGD,+BACC,mBACA,aACA,eACA,QACA,SACA,YACA,UAEA,mIAEC,mBACA,kBACA,gBACA,oBACA,oBACA,0BACA,cACA,uBACA,uBACA,4BACA,eACA,wBACA,YACA,uBACA,4BACA,mBAGD,2JAEC,2BACA,oCACA,yBACA,gBAEA,ufAGC,2BACA,gCACA,6BACA,yBAIF,+JAEC,wCACA,gCAIF,yBACC,kBAEA,wDACC,mBACA,SACA,cACA,gBAEA,2LAGC,mBACA,SACA,gBACA,cAIF,kCACC,WACA,iBACA,sBAIF,+CACC,YACA,oBAIF,qCAEE,uBACC,iDAKH,qCAEE,uBACC,sC","sources":["webpack://peachpay-for-woocommerce/./frontend/admin/scss/addons.scss"],"sourcesContent":["// stylelint-disable-next-line selector-id-pattern -- shared shell id from admin.scss\n#peachpay_settings_container > .peachpay-addons {\n\tbox-sizing: border-box;\n}\n\n.peachpay-addons {\n\tbackground: #fff;\n\tborder: 1px solid #c3c4c7;\n\tborder-radius: 4px;\n\tbox-sizing: border-box;\n\tdisplay: flex;\n\tflex: 1 1 0%;\n\tflex-direction: column;\n\tfont-family: Inter, system-ui, sans-serif;\n\tfont-synthesis: none;\n\tgap: 28px;\n\theight: fit-content;\n\tmargin: 0;\n\tmin-width: 0;\n\toverflow: visible;\n\toverflow-wrap: anywhere;\n\tpadding: 20px;\n\twidth: 100%;\n\t-webkit-font-smoothing: antialiased;\n\n\t&,\n\t& *,\n\t& *::before,\n\t& *::after {\n\t\tbox-sizing: border-box;\n\t}\n\n\t&__banner-placeholder {\n\t\talign-items: center;\n\t\tbackground: #f0f0f1;\n\t\tborder: 1px solid #c3c4c7;\n\t\tborder-radius: 8px;\n\n\t\t// Temporarily hidden until the final banner is ready. Remove this override to restore it.\n\t\tdisplay: none;\n\t\tjustify-content: center;\n\t\tmin-height: 112px;\n\t\tpadding: 20px;\n\t\twidth: 100%;\n\t}\n\n\t&__banner-placeholder-copy {\n\t\tcolor: #646970;\n\t\tfont-size: 13px;\n\t\tfont-weight: 500;\n\t\tline-height: 18px;\n\t\tmargin: 0;\n\t\ttext-align: center;\n\t}\n\n\t&__catalog {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 12px;\n\t\theight: auto;\n\t\twidth: 100%;\n\t}\n\n\t&__title {\n\t\tcolor: #1d2327;\n\t\tfont-size: 16px;\n\t\tfont-weight: 600;\n\t\tline-height: 24px;\n\t\tmargin: 0;\n\t}\n\n\t&__message {\n\t\tcolor: #646970;\n\t\tfont-size: 13px;\n\t\tline-height: 18px;\n\t\tmargin: 0;\n\n\t\t&:empty {\n\t\t\tclip: rect(0 0 0 0);\n\t\t\tclip-path: inset(50%);\n\t\t\theight: 1px;\n\t\t\toverflow: hidden;\n\t\t\tposition: absolute;\n\t\t\twhite-space: nowrap;\n\t\t\twidth: 1px;\n\t\t}\n\n\t\t&[data-state='error'] {\n\t\t\tcolor: #b32d2e;\n\t\t}\n\n\t\t&[data-state='success'] {\n\t\t\tcolor: #1e7e34;\n\t\t}\n\t}\n\n\t&__grid {\n\t\tdisplay: grid;\n\t\tgap: 12px;\n\t\tgrid-template-columns: repeat(3, minmax(0, 1fr));\n\t\theight: auto;\n\t\tmargin: 0;\n\t\twidth: 100%;\n\t}\n\n\t&__card {\n\t\tbackground: #fff;\n\t\tborder: 1px solid #e0e0e0;\n\t\tborder-radius: 8px;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tmin-width: 0;\n\t\toverflow: hidden;\n\t\twidth: 100%;\n\n\t\t&[data-busy='1'] {\n\t\t\topacity: 0.6;\n\t\t}\n\t}\n\n\t&__card-graphic {\n\t\tflex: 0 0 108px;\n\t\theight: 108px;\n\t\tmargin: 0;\n\t\toverflow: hidden;\n\t\twidth: 100%;\n\t}\n\n\t&__card-graphic img {\n\t\tdisplay: block;\n\t\theight: 108px;\n\t\tobject-fit: cover;\n\t\twidth: 100%;\n\t}\n\n\t&__card-body {\n\t\tdisplay: flex;\n\t\tflex: 1 1 auto;\n\t\tflex-direction: column;\n\t\tgap: 12px;\n\t\tmin-width: 0;\n\t\tpadding: 16px 18px 18px;\n\t}\n\n\t&__card-header {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tgap: 8px;\n\t\tjustify-content: space-between;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t}\n\n\t&__name {\n\t\tcolor: #1d2327;\n\t\tfont-size: 15px;\n\t\tfont-weight: 600;\n\t\tline-height: 20px;\n\t\tmargin: 0;\n\t}\n\n\t&__pill {\n\t\tborder-radius: 10px;\n\t\tflex: 0 1 auto;\n\t\tfont-size: 11px;\n\t\tfont-weight: 500;\n\t\tline-height: 16px;\n\t\tmax-width: 100%;\n\t\tmin-width: 0;\n\t\toverflow-wrap: anywhere;\n\t\tpadding: 2px 8px;\n\t\twhite-space: normal;\n\n\t\t&--enabled {\n\t\t\tbackground: #e6f4ea;\n\t\t\tcolor: #1e7e34;\n\t\t}\n\n\t\t&--disabled {\n\t\t\tbackground: #f0f0f1;\n\t\t\tcolor: #646970;\n\t\t}\n\t}\n\n\t&__description {\n\t\tcolor: #646970;\n\t\tfont-size: 13px;\n\t\tfont-weight: 400;\n\t\tline-height: 18px;\n\t\tmargin: 0;\n\t}\n\n\t&__card-actions {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tgap: 8px;\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\tpadding: 0;\n\n\t\t[data-addon-toggle].button,\n\t\t[class~='peachpay-addons__settings'].button {\n\t\t\talign-items: center;\n\t\t\tborder-radius: 4px;\n\t\t\tbox-shadow: none;\n\t\t\tdisplay: inline-flex;\n\t\t\tfont-family: inherit;\n\t\t\tfont-size: 13px !important;\n\t\t\tflex: 0 1 auto;\n\t\t\theight: auto !important;\n\t\t\tjustify-content: center;\n\t\t\tline-height: 18px !important;\n\t\t\tmax-width: 100%;\n\t\t\tmin-height: 0 !important;\n\t\t\tmin-width: 0;\n\t\t\toverflow-wrap: anywhere;\n\t\t\tpadding: 6px 12px !important;\n\t\t\twhite-space: normal;\n\t\t}\n\n\t\t[data-addon-toggle].button[data-addon-enabled='1'],\n\t\t[class~='peachpay-addons__settings'].button {\n\t\t\tbackground: #fff !important;\n\t\t\tborder: 1px solid #6d4eb4 !important;\n\t\t\tcolor: #6d4eb4 !important;\n\t\t\tfont-weight: 600;\n\n\t\t\t&:hover,\n\t\t\t&:focus,\n\t\t\t&:active {\n\t\t\t\tbackground: #fff !important;\n\t\t\t\tborder-color: #6d4eb4 !important;\n\t\t\t\tbox-shadow: 0 0 0 1px #6d4eb4;\n\t\t\t\tcolor: #6d4eb4 !important;\n\t\t\t}\n\t\t}\n\n\t\t[data-addon-toggle].button:focus-visible,\n\t\t[class~='peachpay-addons__settings'].button:focus-visible {\n\t\t\tbox-shadow: 0 0 0 2px #6d4eb4 !important;\n\t\t\toutline: 2px solid transparent;\n\t\t}\n\t}\n\n\t&__toggle {\n\t\tposition: relative;\n\n\t\t&.button[data-addon-enabled='0'] {\n\t\t\tbackground: #f0f0f1;\n\t\t\tborder: 0;\n\t\t\tcolor: #1d2327;\n\t\t\tfont-weight: 500;\n\n\t\t\t&:hover,\n\t\t\t&:focus,\n\t\t\t&:active {\n\t\t\t\tbackground: #e7e7e8;\n\t\t\t\tborder: 0;\n\t\t\t\tbox-shadow: none;\n\t\t\t\tcolor: #1d2327;\n\t\t\t}\n\t\t}\n\n\t\t.spinner {\n\t\t\tfloat: none;\n\t\t\tmargin: 0 0 0 4px;\n\t\t\tvertical-align: middle;\n\t\t}\n\t}\n\n\t&__settings[aria-disabled='true'] {\n\t\topacity: 0.65;\n\t\tpointer-events: none;\n\t}\n}\n\n@media screen and (max-width: 960px) {\n\t.peachpay-addons {\n\t\t&__grid {\n\t\t\tgrid-template-columns: repeat(2, minmax(0, 1fr));\n\t\t}\n\t}\n}\n\n@media screen and (max-width: 600px) {\n\t.peachpay-addons {\n\t\t&__grid {\n\t\t\tgrid-template-columns: minmax(0, 1fr);\n\t\t}\n\t}\n}\n"],"names":[],"sourceRoot":""}