{"version":3,"file":"styles.css","mappings":"AAqBE,4PCPA,YDmCI,sbC/BJ,2BCRF,yIDHE,mBAGA,oBADA,oBAJA,4BAGA,kBAFA,uBAIA,CCcM,4FAEE,gBADA,SACA,CAaN,wEACE,UAGE,mFACE,YAIJ,gGASE,mBAPA,mBASA,2DARA,kBASA,+DAXA,sBAOA,aAHA,YACA,kBAFA,kBAMA,kBAHA,0CAKA,CAEA,uNAEE,mDAEA,qRACE,eAKJ,uGAIE,SACA,SAHA,UAIA,UACA,oBANA,4BAEA,OAIA,CAIF,uGAEE,mBAGA,eAJA,aAGA,OADA,SAGA,SAIF,sGAGE,cADA,YAEA,mBAHA,UAGA,CAIF,uGAGE,cACA,OAHA,eACA,eAEA,CAIF,uGACE,aAIF,0GAGE,uBAGA,oCAIA,eATA,aAOA,iBACA,gBAPA,cAGA,SADA,eAGA,qBAIA,6BAEA,gHACE,iCACA,kBACA,qBAIJ,2RAEE,eACA,UACA,oBAIF,sGAME,mBAFA,mBADA,kBAEA,aAGA,cANA,YAKA,uBAEA,2CARA,UAQA,CAEA,4GAME,yBALA,WACA,gBAGA,YAFA,cAIA,iPAUN,0OAaE,oDACE,4CAGF,CA9BI,UA8BJ,gIAEE,CAFF,kCAGE,8BAGF,CANA,iFAEE,4DAIF,oYAIE,oYAOF,wCAGE,0TAKA,yJAmBR,wJDjNA,kBACA,qCAEA,sKCyNE,SD5NF,oBACA,+EAIA,iFC4NA,mBClPA,qIAQA,qBAQA,CARA,kBAHA,iCACA,kBAEA,CAQA,uCACE,gCACA,6CAIA,6DAEE,UACA,mCAQJ,+DAEE,WACA,WACA,4BAMA,2BAHA,YACA,CAEA,gBAFA,cAEA,6BAFA,UAEA,mCAEE,aACA,qCAGA,wBAGF,qCACE,kBAGF,2DACE,cAQJ,+DACE,kBACA,mDACA,eACA,6BAEA,4GAGE,kBCpEF,sGAMA,uEAIE,kFAOF,aACE,CAPE,qEAMJ,CACE,eACA,SACA,UAIF,gGAGE,yBAIF,2DAGE,eAIF,CAJE,UAIF,2DAEE,eAGF,CAJE,UAIF,yFAEE,eACA,WAIF,qDAGE,eAIF,CANE,cACA,WAKF,uDAGE,eAIF,CANE,gBACA,aAKF,qDAGE,eAIF,CANE,cACA,WAKF,qEAEE,cACA,WAIF,0EAGE,WAIF,iBALE,UAKF,yDAIE,eAIF,CANE,cACA,WAKF,qDAEE,eACA,CAHF,cACE,WAEA,4DAMA,eACA,CAHF,cACE,WAGA,sDAKA,eACA,CAFF,yBAEE,wDAMA,eACA,CAFF,yBAEE,CACA,2DAKA,YAEA,gBAFA,cAEA,CAHF,UAOA,8DAMA,gBALE,cACA,WAIF,wDAMA,4BAJE,cAIF,oEAOE,eACA,CAFF,yBAEE,sDAUN,gBAPI,cACE,WAMN,uDCnKE,gBDsKA,cACA,WCvKA,uDAIA,mFAIE,YAFA,UAEA,oIAKE,4IACE,YAIA,gBAJA,cAIA,CALF,UAKE,yIAQR,gIChCE,gBDuCA,QCvCA,0KAOM,kJAKA,0BAMJ,oFACE,mBAEA,kGACE,eAIJ,+HAME,sIAON,0GC/BM,oHAQJ,qGAIA,8BACE,yHAKA,4CACE,eC3BJ,wDACA,gFAEA,2BACA,sEACA,cACA","sources":["webpack://woo-stripe-payment/./assets/css/_components.scss","webpack://woo-stripe-payment/./assets/css/_mixins.scss","webpack://woo-stripe-payment/./assets/css/_checkout.scss","webpack://woo-stripe-payment/./assets/css/_express-checkout.scss","webpack://woo-stripe-payment/./assets/css/_icons.scss","webpack://woo-stripe-payment/./assets/css/_product.scss","webpack://woo-stripe-payment/./assets/css/_cart.scss","webpack://woo-stripe-payment/./assets/css/_mini-cart.scss","webpack://woo-stripe-payment/./assets/css/_vars.scss"],"sourcesContent":["// ==========================================================================\n// Shared Components\n// ==========================================================================\n\n// --------------------------------------------------------------------------\n// Express Checkout Buttons\n// --------------------------------------------------------------------------\n\n@import '_mixins';\n\n.wc-stripe_applepay-button,\n.wc-stripe_googlepay-button,\n.wc-stripe_link_checkout-button {\n  &.disabled {\n    @include disabled-opacity;\n  }\n}\n\n#wc-stripe_applepay-product-button,\n#wc-stripe_googlepay-product-button,\n#wc-stripe_link_checkout-product-button {\n  &.disabled {\n    @include disabled-opacity;\n  }\n}\n\n#wc-stripe_applepay-cart-button,\n#wc-stripe_googlepay-cart-button,\n#wc-stripe_link_checkout-cart-button {\n  &.StripeElement {\n    iframe {\n      @include stripe-element-max-width;\n    }\n  }\n}\n\n#wc-stripe_applepay-checkout-button,\n#wc-stripe_googlepay-checkout-button,\n#wc-stripe_link_checkout-checkout-button {\n  &.StripeElement {\n    iframe {\n      @include stripe-element-max-width;\n    }\n  }\n}\n\nul.wc_stripe_checkout_banner_gateways {\n  li.wc-stripe-checkout-banner-gateway {\n    &.StripeElement {\n      iframe {\n        @include stripe-element-max-width;\n      }\n    }\n  }\n}","// ==========================================================================\n// Mixins\n// ==========================================================================\n\n@mixin visually-hidden {\n  position: absolute !important;\n  z-index: -1000 !important;\n  height: 0 !important;\n  width: 0 !important;\n  padding: 0 !important;\n  opacity: 0 !important;\n}\n\n@mixin disabled-opacity {\n  opacity: 0.45;\n}\n\n@mixin stripe-element-max-width {\n  max-width: calc(100% + 8px);\n}\n\n@mixin custom-form-field-base {\n  box-sizing: border-box;\n  height: 40px;\n  padding: 10px 12px;\n  border-radius: 4px;\n  background-color: white;\n  -webkit-transition: box-shadow 150ms ease;\n  transition: box-shadow 150ms ease;\n}","// ==========================================================================\n// Checkout Page Styles\n// ==========================================================================\n\n// --------------------------------------------------------------------------\n// Place Order Button\n// --------------------------------------------------------------------------\n\n@import 'vars';\n\n#place_order.wc-stripe-hide,\n#payment #place_order.wc-stripe-hide,\n.woocommerce-checkout-review-order #payment #place_order.wc-stripe-hide {\n  @include visually-hidden;\n}\n\n// --------------------------------------------------------------------------\n// Payment Box (Express Gateways)\n// --------------------------------------------------------------------------\n\n#payment {\n  ul.payment_methods {\n    li[class*=payment_method_stripe_] {\n      .payment_box {\n        &.hide-payment-box {\n          padding: 0;\n          border-top: none;\n        }\n      }\n    }\n  }\n}\n\n// --------------------------------------------------------------------------\n// Saved Payment Methods\n// --------------------------------------------------------------------------\n\nul {\n  li[class*=\"payment_method_stripe_\"] {\n    ul.woocommerce-SavedPaymentMethods {\n      padding: 0;\n\n      li {\n        &::marker {\n          font-size: 0;\n        }\n      }\n\n      .wc-stripe-saved-method {\n        box-sizing: border-box;\n        background: #fafbfc;\n        border-radius: 5px;\n        padding: 12px 16px;\n        height: 50px;\n        margin-bottom: 8px;\n        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n        display: flex;\n        align-items: center;\n        position: relative;\n        border: 1px solid var(--wc-stripe-saved-token-border-color);\n        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02);\n\n        &:has(:checked),\n        &.selected {\n          box-shadow: 0 0 0 2px var(--wc-stripe-accent-color);\n\n          .wc-stripe-saved-method__label {\n            cursor: default;\n          }\n        }\n\n        // Hidden radio input\n        &__input {\n          position: absolute !important;\n          opacity: 0;\n          width: 0;\n          height: 0;\n          margin: 0;\n          padding: 0;\n          pointer-events: none;\n        }\n\n        // Clickable label\n        &__label {\n          display: flex;\n          align-items: center;\n          gap: 12px;\n          flex: 1;\n          cursor: pointer;\n          margin: 0;\n        }\n\n        // Brand icon\n        &__icon {\n          width: 36px;\n          height: 24px;\n          flex-shrink: 0;\n          object-fit: contain;\n        }\n\n        // Display name\n        &__title {\n          font-size: 14px;\n          font-weight: 500;\n          color: #1a1a1a;\n          flex: 1;\n        }\n\n        // Checkmark badge\n        &__check {\n          display: none;\n        }\n\n        // See more link (only visible on selected item, hidden when expanded)\n        &__see-more {\n          display: none;\n          line-height: 1;\n          background: transparent;\n          padding: 0.25rem;\n          margin: 0;\n          color: var(--wc-stripe-accent-color);\n          text-decoration: none;\n          font-size: 0.85rem;\n          font-weight: 500;\n          cursor: pointer;\n          transition: opacity .15s ease;\n\n          &:hover {\n            background-color: rgba(0, 0, 0, 0.05);\n            border-radius: 4px;\n            text-decoration: none;\n          }\n        }\n\n        &:has(:checked) .wc-stripe-saved-method__see-more,\n        &.selected .wc-stripe-saved-method__see-more {\n          display: inline;\n          opacity: 1;\n          pointer-events: auto;\n        }\n\n        // Plus icon for \"Add new\" option\n        &__plus {\n          width: 20px;\n          height: 20px;\n          border-radius: 50%;\n          background: #e5e7eb;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          flex-shrink: 0;\n          transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n\n          &::after {\n            content: '';\n            font-weight: 600;\n            line-height: 1;\n            width: 12px;\n            height: 12px;\n            background-color: #6b7280;\n            -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Crect x='25' y='5' width='10' height='50' rx='2' fill='black'/%3E%3Crect x='5' y='25' width='50' height='10' rx='2' fill='black'/%3E%3C/svg%3E\");\n            mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Crect x='25' y='5' width='10' height='50' rx='2' fill='black'/%3E%3Crect x='5' y='25' width='50' height='10' rx='2' fill='black'/%3E%3C/svg%3E\");\n            -webkit-mask-repeat: no-repeat;\n            mask-repeat: no-repeat;\n            -webkit-mask-size: contain;\n            mask-size: contain;\n          }\n        }\n      }\n\n      .woocommerce-SavedPaymentMethods-new {\n        background: white;\n        border-radius: 5px;\n        padding: 12px 16px;\n        margin-bottom: 8px;\n        margin-top: 0.75em;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        position: relative;\n        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n        box-shadow: 0 0 0 1.5px #d1d5db;\n\n        &:hover {\n          box-shadow: 0 0 0 1.5px #9ca3af;\n        }\n\n        &:has(:checked),\n        &.selected {\n          box-shadow: 0 0 0 2px var(--wc-stripe-accent-color);\n          color: var(--wc-stripe-accent-color);\n        }\n\n        &:has(:checked) .wc-stripe-saved-method__plus,\n        &.selected .wc-stripe-saved-method__plus {\n          background: var(--wc-stripe-accent-color);\n\n          &::after {\n            background-color: #fff;\n          }\n        }\n      }\n\n      &.wc-saved-payment-methods__expanded {\n        .wc-stripe-saved-method {\n          cursor: pointer;\n\n          &:hover {\n            background: #f4f5f7;\n            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n          }\n\n          .wc-stripe-saved-method__see-more {\n            opacity: 0;\n            pointer-events: none;\n          }\n        }\n      }\n    }\n\n    .woocommerce-SavedPaymentMethods-saveNew {\n      margin-top: 10px;\n    }\n  }\n}\n\n// --------------------------------------------------------------------------\n// Credit Card Gateway\n// --------------------------------------------------------------------------\n\nli.payment_method_stripe_cc {\n  .woocommerce-SavedPaymentMethods-new {\n    margin-bottom: 10px;\n  }\n\n  #wc-stripe-card-element {\n    &.inline-type {\n      @include custom-form-field-base;\n    }\n  }\n\n  #wc-stripe-cc-custom-form {\n    .StripeElement {\n      @include custom-form-field-base;\n    }\n  }\n\n  #wc-stripe-card {\n    border: none;\n    height: 15px;\n    padding: 0;\n    position: absolute !important;\n    right: 8px;\n    top: 50%;\n    transform: translatey(-50%);\n    width: 23px;\n\n    &.active {\n      height: 20px;\n      width: 32px\n    }\n  }\n}","// ==========================================================================\n// Express Checkout Banner\n// ==========================================================================\n\n.wc-stripe-banner-checkout {\n  display: none;\n  width: 100%;\n  margin: 0 0 1em 0;\n  padding: 0;\n  position: relative;\n  container-type: inline-size;\n  line-height: 1px;\n\n  &.active {\n    display: block;\n  }\n\n  // --------------------------------------------------------------------------\n  // Fieldset Container\n  // --------------------------------------------------------------------------\n\n  fieldset {\n    border: 1px solid #d1d1d1;\n    border-radius: 3px;\n    margin-bottom: 20px;\n    padding: 15px 25px;\n\n    legend {\n      font-weight: 500;\n      margin: 0 auto;\n      padding: 0 1rem;\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  // Divider\n  // --------------------------------------------------------------------------\n\n  span.banner-divider {\n    align-items: center;\n    background: transparent;\n    display: flex;\n    font-size: 16px;\n    left: 0;\n    right: 0;\n    top: -13px;\n    white-space: nowrap;\n\n    &::before,\n    &::after {\n      background: #d1d1d1;\n      content: \" \";\n      display: block;\n      height: 1px;\n      width: 50%;\n    }\n\n    &::before {\n      margin-right: 1rem;\n    }\n\n    &::after {\n      margin-left: 1rem;\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  // Gateway List\n  // --------------------------------------------------------------------------\n\n  ul.wc_stripe_checkout_banner_gateways {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n    grid-gap: 12px;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n\n    @container (max-width: 399px) {\n      grid-template-columns: 1fr;\n    }\n  }\n}","// ==========================================================================\n// Payment Method Icons\n// ==========================================================================\n\nul.payment_methods {\n  li {\n    &.payment_method_stripe_cc img {\n      \n    }\n\n    // Apple Pay\n    &.payment_method_stripe_applepay img {\n      width: 49px;\n      max-height: 32px;\n    }\n\n    // Google Pay\n    &.payment_method_stripe_googlepay img {\n      width: 48px;\n      max-height: 35px;\n\n      &[src*=googlepay_round_outline] {\n        max-height: 30px;\n        width: 56px;\n      }\n    }\n\n    // P24\n    &.payment_method_stripe_p24 img {\n      max-width: 90px;\n      width: 90px;\n      max-height: 45px;\n    }\n\n    // iDEAL\n    &.payment_method_stripe_ideal img {\n      max-width: 79.4px;\n      width: 79.4px;\n      max-height: 30px;\n    }\n\n    // FPX\n    &.payment_method_stripe_fpx img {\n      max-width: 75px;\n      width: 75px;\n      max-height: 25px;\n    }\n\n    // Klarna\n    &.payment_method_stripe_klarna img[src*=\"klarna\"] {\n      max-width: 64px;\n      width: 64px;\n    }\n\n    &.payment_method_stripe_klarna img[src*=\"klarna_pink\"] {\n      width: 45px;\n      height: 25px;\n      max-height: 25px;\n    }\n\n    // Giropay\n    &.payment_method_stripe_giropay img {\n      max-width: 65px;\n      width: 65px;\n      max-height: 28px;\n    }\n\n    // EPS\n    &.payment_method_stripe_eps img {\n      max-width: 70px;\n      width: 70px;\n      max-height: 46px;\n    }\n\n    // Multibanco\n    &.payment_method_stripe_multibanco img {\n      max-width: 48px;\n      width: 48px;\n      max-height: 48px;\n    }\n\n    // SEPA\n    &.payment_method_stripe_sepa img {\n      max-width: 67px;\n      width: 67px;\n      max-height: 18px;\n    }\n\n    // Sofort\n    &.payment_method_stripe_sofort img {\n      max-width: 70px;\n      width: 70px;\n      max-height: 21px;\n    }\n\n    // Bancontact\n    &.payment_method_stripe_bancontact img {\n      width: 60px;\n      height: 42px;\n      max-width: 60px;\n      max-height: 42px;\n    }\n\n    // WeChat\n    &.payment_method_stripe_wechat label img {\n      max-width: 82px;\n      width: 82px;\n      max-height: 23px;\n    }\n\n    // Alipay\n    &.payment_method_stripe_alipay img {\n      max-width: 72px;\n      width: 72px;\n      height: 36px;\n      max-height: 36px;\n    }\n\n    // GrabPay\n    &.payment_method_stripe_grabpay img {\n      max-width: 95px;\n      width: 95px;\n      max-height: 28px;\n    }\n\n    // OXXO\n    &.payment_method_stripe_oxxo img {\n      max-width: 52px;\n      width: 52px;\n      max-height: 24px;\n    }\n\n    // Swish\n    &.payment_method_stripe_swish img {\n      max-width: 90px;\n      width: 90px;\n      max-height: 28px;\n    }\n\n    // Twint\n    &.payment_method_stripe_twint img {\n      max-height: 35px;\n      width: 35px;\n    }\n\n    // Cash App\n    &.payment_method_stripe_cashapp img {\n      width: 32px;\n      height: 32px;\n    }\n\n    // Revolut\n    &.payment_method_stripe_revolut img {\n      width: 22px;\n      height: 28px;\n    }\n\n    // Zip\n    &.payment_method_stripe_zip img {\n      width: 48px;\n      height: 30px;\n    }\n\n    &.payment_method_stripe_promptpay img {\n      width: 84px;\n    }\n  }\n}\n\n// Bancontact label (additional selector)\nlabel[for=payment_method_stripe_bancontact] img {\n  width: 60px;\n  height: 42px;\n  max-width: 60px;\n  max-height: 42px;\n}","// ==========================================================================\n// Product Page Styles\n// ==========================================================================\n\n@import 'mixins';\n\n.wc-stripe-product-checkout-container {\n  &.bottom {\n    margin-top: 0.5em;\n  }\n\n  ul.wc_stripe_product_payment_methods {\n    margin: 0;\n    padding: 0;\n\n    li[class*=payment_method_stripe_] {\n      margin: 0;\n      list-style: none;\n\n      // Only visible items get bottom margin\n      &:not([style*=\"display: none\"]):not(.hidden):not(:last-child) {\n        margin: 0 0 1em;\n      }\n\n      .StripeElement {\n        iframe {\n          @include stripe-element-max-width;\n        }\n      }\n    }\n  }\n}\n\n.wc-stripe-bnpl-product-message {\n  margin: 10px 0px;\n}\n\n.wc-stripe-clear {\n  clear: both !important;\n  height: 0 !important;\n  visibility: hidden !important;\n}",".wc-stripe-cart-checkout-container {\n  ul.wc_stripe_cart_payment_methods {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n\n    &.active {\n      li.wc-stripe-payment-method {\n        &.or {\n          display: block;\n          margin: 15px 0;\n        }\n\n        p {\n          margin: 0;\n        }\n      }\n    }\n\n    li.wc-stripe-payment-method {\n      list-style: none;\n\n      &.or {\n        display: none;\n      }\n    }\n\n    .wc-stripe-cart-or {\n      margin: 1em 0;\n      text-align: center\n    }\n\n    li[class*=payment_method_stripe_] {\n      &:not(:last-child) {\n        margin: 0 0 1em;\n      }\n    }\n  }\n}\n\n.wc-stripe-bnpl-cart-message {\n  margin-top: 15px;\n}","@import 'mixins';\n\na {\n  &[class^=wc-stripe_][class*=-mini-cart] {\n    &:nth-child(n+1) {\n      margin-bottom: 10px;\n    }\n\n    &.StripeElement {\n      iframe {\n        @include stripe-element-max-width;\n      }\n    }\n  }\n}\n\n.wc-block-mini-cart__footer-actions {\n  &:has(.wc-stripe-mini-cart-express) {\n    flex-wrap: wrap;\n  }\n\n  .wc-stripe-mini-cart-express {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n\n    a[class^=wc-stripe_][class*=-mini-cart] {\n      margin-bottom: 0px;\n    }\n  }\n}",":root {\n  --wc-stripe-height-transition-duration: 0.35s;\n  --wc-stripe-height-increase-delay: 0.02s;\n  --wc-stripe-opacity-enter-duration: 0.3s;\n  --wc-stripe-opacity-exit-duration: 0.3s;\n  --wc-stripe-saved-token-border-color: #e6e6e6;\n  --wc-stripe-accent-color: #0073e6;\n  --wc-stripe-selected-bg-color: #e8f4fd;\n}"],"names":[],"sourceRoot":""}