{"version":3,"file":"css/post-purchase.css","mappings":";;;AAAA;EACE,eAAe;EACf,MAAM;EACN,SAAS;EACT,OAAO;EACP,QAAQ;EACR,aAAa;AACf;;AAEA;EACE,8BAA8B;EAC9B,eAAe;EACf,MAAM;EACN,SAAS;EACT,OAAO;EACP,QAAQ;EACR,WAAW;AACb;;AAEA;EACE,YAAY;EACZ,UAAU;EACV,kBAAkB;EAClB,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA,oEAAoE;AACpE;EACE,QAAQ;EACR,YAAY;EACZ,WAAW;EACX,qBAAqB;EACrB,sBAAsB;AACxB;;AAEA;EACE,gBAAgB;EAChB,qBAAqB;EACrB,gBAAgB;EAChB,sBAAsB;EACtB,mBAAmB;EACnB,6CAA6C;EAC7C,cAAc;EACd,eAAe;EACf,kBAAkB;EAClB,gBAAgB;AAClB;;AAEA;EACE,kBAAkB;EAClB,SAAS;EACT,WAAW;EACX,YAAY;EACZ,UAAU;EACV,eAAe;EACf,6BAA6B;EAC7B,aAAa;AACf;;AAEA,0HAA0H;AAC1H;;;EAGE,wCAAwC;AAC1C;;AAEA;EACE;IACE,UAAU;EACZ;EACA;IACE,UAAU;EACZ;AACF;;AAEA;EACE;IACE,UAAU;EACZ;EACA;IACE,UAAU;EACZ;AACF;;AAEA;EACE;IACE,sBAAsB;IACtB,UAAU;EACZ;EACA;IACE,sBAAsB;IACtB,UAAU;EACZ;AACF;;AAEA;EACE;IACE,sBAAsB;IACtB,UAAU;EACZ;EACA;IACE,sBAAsB;IACtB,UAAU;EACZ;AACF;;;;;ACzGA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACEJ;;AC7CA;EACI;ADgDJ;;AC7CA;EACI;EACA;ADgDJ;;AC7CA;EACI;EACA;EACA;ADgDJ;;AC7CA;EACI;EACA;EACA;EACA;ADgDJ;;AC7CA;EACI;EACA;EACA;EACA;ADgDJ;;AC7CA;EACI;ADgDJ;;AC7CA;EACI;EACA;ADgDJ;;AC7CA;EACI;ADgDJ;;AC7CA;EACI;ADgDJ;AE3FA;EACI;EACA;EACA;EACA;AF6FJ;AE3FI;EACI;EACA;EACA;EACA;EACA;AF6FR;AE3FQ;EAPJ;IAQQ;EF8FV;AACF;AE3FI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AF6FR;AE1FI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AF4FR;AEzFI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AF2FR;AExFI;EACI;AF0FR;AEvFI;EACI;AFyFR;AEtFI;EACI;AFwFR;AErFI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AFuFR;AEpFI;EACI;EACA;AFsFR;AEnFI;EACI;AFqFR;AEnFI;EACI;AFqFR;ACxHI;EACI;AD0HR;ACvHI;EACI;ADyHR;ACtHI;EACI;EACA;EACA;ADwHR;ACrHI;EACI;EACA;EACA;EACA;EACA;EACA;ADuHR;ACrHQ;EACI;ADuHZ;ACnHI;EACI;ADqHR;AClHI;EACI;ADoHR;;AGnMA;EACI;EACA;AHsMJ;;AGnMA;EACI;AHsMJ;AGrMI;EACI;EACA;AHuMR;;AGnMA;EACI;AHsMJ;;AGnMA;EACI;AHsMJ;;AGnMA;EACI;AHsMJ;;AGnMA;EACI;AHsMJ;;AGnMA;EACI;AHsMJ;;AGnMA;EACI;AHsMJ;;AAhOA;EACI;AAmOJ,C","sources":["webpack://checkout-for-woocommerce/./node_modules/.pnpm/react-responsive-modal@6.4.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-responsive-modal/styles.css","webpack://checkout-for-woocommerce/./sources/scss/frontend/_custom-properties.scss","webpack://checkout-for-woocommerce/./sources/scss/frontend/post-purchase.scss","webpack://checkout-for-woocommerce/./sources/scss/frontend/components/modals.scss","webpack://checkout-for-woocommerce/./sources/scss/components/order-bump-steps.scss","webpack://checkout-for-woocommerce/./sources/scss/frontend/components/order-bump-offer-form.scss"],"sourcesContent":[".react-responsive-modal-root {\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1000;\n}\n\n.react-responsive-modal-overlay {\n  background: rgba(0, 0, 0, 0.5);\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: -1;\n}\n\n.react-responsive-modal-container {\n  height: 100%;\n  outline: 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n  text-align: center;\n}\n\n/* Used to trick the browser to center the modal content properly  */\n.react-responsive-modal-containerCenter:after {\n  width: 0;\n  height: 100%;\n  content: '';\n  display: inline-block;\n  vertical-align: middle;\n}\n\n.react-responsive-modal-modal {\n  max-width: 800px;\n  display: inline-block;\n  text-align: left;\n  vertical-align: middle;\n  background: #ffffff;\n  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.25);\n  margin: 1.2rem;\n  padding: 1.2rem;\n  position: relative;\n  overflow-y: auto;\n}\n\n.react-responsive-modal-closeButton {\n  position: absolute;\n  top: 14px;\n  right: 14px;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  background-color: transparent;\n  display: flex;\n}\n\n/* Used to fix a screen glitch issues with the animation see https://github.com/pradel/react-responsive-modal/issues/495 */\n.react-responsive-modal-overlay,\n.react-responsive-modal-container,\n.react-responsive-modal-modal {\n  animation-fill-mode: forwards !important;\n}\n\n@keyframes react-responsive-modal-overlay-in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes react-responsive-modal-overlay-out {\n  0% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n\n@keyframes react-responsive-modal-modal-in {\n  0% {\n    transform: scale(0.96);\n    opacity: 0;\n  }\n  100% {\n    transform: scale(100%);\n    opacity: 1;\n  }\n}\n\n@keyframes react-responsive-modal-modal-out {\n  0% {\n    transform: scale(100%);\n    opacity: 1;\n  }\n  100% {\n    transform: scale(0.96);\n    opacity: 0;\n  }\n}\n",":root {\n    --cfw-heading-font-family: -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif;\n    --cfw-body-font-family: -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif;\n    --cfw-body-background-color: #fff;\n    --cfw-body-text-color: #666;\n    --cfw-body-link-color: #0073aa;\n    --cfw-header-background-color: #fff;\n    --cfw-header-text-color: #2b2b2b;\n    --cfw-header-bottom-margin: 0;\n    --cfw-footer-background-color: #fff;\n    --cfw-footer-text-color: #999;\n    --cfw-footer-top-margin: 0;\n    --cfw-cart-summary-background-color: #ffffff;\n    --cfw-cart-summary-mobile-background-color: #f4f4f4;\n    --cfw-cart-summary-text-color: #333333;\n    --cfw-cart-summary-item-quantity-background-color: #727272e6;\n    --cfw-cart-summary-item-quantity-text-color: #fff;\n    --cfw-cart-summary-order-total-text-color: #000;\n    --cfw-breadcrumb-completed-text-color: #00000080;\n    --cfw-breadcrumb-current-text-color: #333;\n    --cfw-breadcrumb-next-text-color: #00000080;\n    --cfw-breadcrumb-completed-accent-color: #333;\n    --cfw-breadcrumb-current-accent-color: #333;\n    --cfw-breadcrumb-next-accent-color: #333;\n    --cfw-buttons-primary-background-color: #333;\n    --cfw-buttons-primary-text-color: #ffffff;\n    --cfw-buttons-primary-hover-background-color: #555;\n    --cfw-buttons-primary-hover-text-color: #ffffff;\n    --cfw-buttons-secondary-background-color: #333;\n    --cfw-buttons-secondary-text-color: #ffffff;\n    --cfw-buttons-secondary-hover-background-color: #555;\n    --cfw-buttons-secondary-hover-text-color: #555;\n    --cfw-logo-url: '';\n    --cfw-loading-shimmer-display-mode: block;\n    --cfw-loading-shimmer-cart-item-quantity-display-mode: none;\n    --cfw-loading-shimmer-primary-color: #eff1f3;\n    --cfw-loading-shimmer-gradient: linear-gradient(to right, var(--cfw-loading-shimmer-primary-color) 4%, #e2e2e2 25%, var(--cfw-loading-shimmer-primary-color) 36%);\n    --cfw-horizontal-divider-color: #B0B0B2;\n    --cfw-loading-shimmer-filter: none;\n    --cfw-tb-review-title: #333;\n    --cfw-tb-review-subtitle: rgb(107 114 128);\n    --cfw-tb-review-content: #333;\n    --cfw-tb-guarantee-title: #333;\n    --cfw-tb-guarantee-content: #333;\n}","// Only bump-specific styles\n@import \"custom-properties\";\n@import \"mixins\";\n@import \"components/modals\";\n@import \"components/order-bump-offer-form\";\n@import '~react-responsive-modal/styles.css';\n\n// Hide stepper on standard WooCommerce pages\n.woocommerce-order-received .cfw-order-bumps-stepper-wrapper {\n    display: none;\n}",".cfw-modal-root {\n    z-index: 999999 !important;\n}\n\n.cfw-modal-container {\n    display: flex;\n    align-items: center;\n}\n\n.cfw-modal {\n    padding: 32px;\n    margin: auto;\n    border-radius: 5px;\n}\n\n.cfw-modal:not(.cfw-full-screen) {\n    width: 100% !important;\n    max-width: 840px !important;\n    min-height: fit-content !important;\n    max-height: 80%;\n}\n\n.cfw-modal.cfw-full-screen {\n    max-width: 100%;\n    width: 100% !important;\n    height: 100% !important;\n    border-radius: 0 !important;\n}\n\n.cfw-modal:focus-visible {\n    outline: none !important;\n}\n\nbody.checkout-wc.modal-open {\n    height: 100vh;\n    overflow-y: hidden;\n}\n\n.cfw-modal.smarty-modal {\n    max-width: 600px !important;\n}\n\n.cfw-order-bump-after-checkout-wrap {\n    padding: 10px;\n\n    @import '../../components/order-bump-steps';\n\n    h2, h3 {\n        text-align: center;\n    }\n\n    h2 {\n        font-size: 2em;\n    }\n\n    h3 {\n        font-size: 1em !important;\n        font-weight: 500 !important;\n        margin-bottom: 1.8em !important;\n    }\n\n    .cfw-product-form-modal {\n        background: #fff;\n        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n        border: 1px solid #eee;\n        border-radius: 5px;\n        color: #333;\n        padding: 40px;\n\n        .cfw-product-form-modal-content {\n            padding-inline-start: 20px;\n        }\n    }\n\n    .cfw-primary-btn {\n        margin-bottom: 1em;\n    }\n\n    p {\n        margin-block-start: 1em !important;\n    }\n}",".cfw-order-bumps-stepper-wrapper {\n    margin-top: auto;\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 1.8em;\n\n    .stepper-item {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        flex: 1;\n\n        @media (max-width: 768px) {\n            font-size: 12px;\n        }\n    }\n\n    .stepper-item::before {\n        position: absolute;\n        content: \"\";\n        border-bottom: 4px solid #ccc;\n        width: 100%;\n        top: 20px;\n        left: -50%;\n        z-index: 2;\n    }\n\n    .stepper-item::after {\n        position: absolute;\n        content: \"\";\n        border-bottom: 4px solid #ccc;\n        width: 100%;\n        top: 20px;\n        left: 50%;\n        z-index: 2;\n    }\n\n    .stepper-item .step-counter {\n        position: relative;\n        z-index: 5;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        width: 40px;\n        height: 40px;\n        border-radius: 50%;\n        background: #ccc;\n        margin-bottom: 6px;\n    }\n\n    .stepper-item.active {\n        font-weight: bold;\n    }\n\n    .stepper-item.completed .step-counter {\n        background-color: var(--cfw-buttons-primary-background-color);\n    }\n\n    .stepper-item.completed::before {\n        border-bottom: 4px solid var(--cfw-buttons-primary-background-color);\n    }\n\n    .stepper-item.completed::after {\n        position: absolute;\n        content: \"\";\n        border-bottom: 4px solid var(--cfw-buttons-primary-background-color);\n        width: 100%;\n        top: 20px;\n        left: 50%;\n        z-index: 3;\n    }\n\n    .stepper-item:last-child::before {\n        border-bottom: 4px solid #ccc !important;\n        z-index: 3;\n    }\n\n    .stepper-item:first-child::before {\n        content: none;\n    }\n    .stepper-item:last-child::after {\n        content: none;\n    }\n}",".cfw-product-form-modal-title {\n    font-family: var(--cfw-heading-font-family);\n    font-size: 1.5em;\n}\n\n.cfw-product-form-modal-image-wrap {\n    padding-inline-end: 10px;\n    img {\n        width: 100%;\n        height: auto;\n    }\n}\n\n.woocommerce-variation-add-to-cart {\n    display: none !important;\n}\n\n.variations label {\n    text-align: start;\n}\n\n.stock.out-of-stock {\n    color: red;\n}\n\n.woocommerce-variation-price {\n    display: none !important;\n}\n\n.quantity {\n    display: none !important;\n}\n\np {\n    margin-bottom: 0.8em !important;\n}"],"names":[],"ignoreList":[],"sourceRoot":""}