{"version":3,"file":"styles.css","mappings":"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","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// Adaptive Pricing Currency Selector\n// --------------------------------------------------------------------------\n\n#wc-stripe-currency-selector-element {\n  &.wc-stripe-currency-selector-above {\n    margin-bottom: 0.75rem;\n  }\n}\n\n// --------------------------------------------------------------------------\n// Saved Payment Methods\n// --------------------------------------------------------------------------\n\nul {\n  li[class*=\"payment_method_stripe_\"] {\n    ul.woocommerce-SavedPaymentMethods {\n      margin: 0;\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          margin: 0;\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        // Adaptive Pricing: saved method not supported by the currently selected currency\n        &--unavailable {\n          @include disabled-opacity;\n          pointer-events: none;\n\n          .wc-stripe-saved-method__label {\n            cursor: default;\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.woocommerce-checkout {\n  #payment {\n    ul.payment_methods {\n      li[class*=\"payment_method_stripe_\"] {\n        ul.woocommerce-SavedPaymentMethods {\n          .woocommerce-SavedPaymentMethods-new {\n            //line-height: 0;\n          }\n\n          // Matches WooCommerce core's own \".woocommerce-checkout #payment ul.payment_methods li img\"\n          // selector plus our icon class, so this outranks core's margin on specificity without !important.\n          li img.wc-stripe-saved-method__icon {\n            margin: 0;\n          }\n        }\n      }\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  &.wc-stripe-express-loading {\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: 23px 25px 15px 25px;\n\n    legend {\n      font-size: 16px;\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  // Hold each slot at the button's layout height so the Stripe element's\n  // height transition animates inside a fixed box instead of shifting the page.\n  // The var is only set while the skeleton loader is active (see GitHub #58).\n  .wc-stripe-checkout-banner-gateway {\n    min-height: var(--wc-stripe-express-btn-h, 0);\n  }\n\n  // While loading, overlay the skeleton so the ECE mounts underneath it in the\n  // same fixed-height slot - otherwise the button stacks below the still-present\n  // skeleton and the row briefly doubles in height before it's removed. Matches\n  // how product/cart handle it (`.payment-box:has(> .wc-stripe-express-skeleton)`).\n  &.wc-stripe-express-loading .wc-stripe-checkout-banner-gateway {\n    position: relative;\n\n    .wc-stripe-express-skeleton {\n      position: absolute;\n      inset: 0;\n    }\n  }\n}\n\n// ==========================================================================\n// Express button skeleton loader (shared across contexts; see GitHub #58)\n// ==========================================================================\n\n.wc-stripe-express-skeleton {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  height: var(--wc-stripe-express-btn-h, 50px);\n  border-radius: 4px;\n  background: rgba(0, 0, 0, 0.07);\n  background: color-mix(in srgb, currentColor 8%, transparent);\n\n  &::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    transform: translateX(-100%);\n    background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.07) 50%, transparent);\n    background: linear-gradient(90deg, transparent, color-mix(in srgb, currentColor 8%, transparent) 50%, transparent);\n    animation: wc-stripe-skeleton-shimmer 1.25s infinite;\n  }\n}\n\n@keyframes wc-stripe-skeleton-shimmer {\n  to {\n    transform: translateX(100%);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .wc-stripe-express-skeleton::after {\n    animation: none;\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    &.payment_method_stripe_affirm img {\n      width: 65px;\n      max-height: 26px;\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  // While the skeleton loader is active the row ships with `wc-stripe-express-loading`;\n  // keep it and its slots visible until each button resolves, overriding anything\n  // that hides them by default (see GitHub #58).\n  &.wc-stripe-express-loading {\n    display: block;\n\n    ul.wc_stripe_product_payment_methods > li {\n      display: block;\n      // Reserve the button's full rendered box so its height transition animates\n      // inside a fixed slot instead of pushing the page. Stripe mounts the ECE\n      // here as display:block, so it renders buttonHeight + 8px of iframe chrome\n      // (with margin: -4px 0). See GitHub #58.\n      min-height: calc(var(--wc-stripe-express-btn-h, 50px) + 8px);\n    }\n  }\n\n  // Give the box that holds a skeleton the same footprint the mounted ECE will\n  // have - buttonHeight + 8px, with Stripe's -4px vertical margin - but render the\n  // shimmer at the real button height, absolutely positioned with a 4px band top\n  // and bottom (mirroring how the button sits inside its 58px iframe) so it\n  // doesn't read as taller than the button that replaces it. Scoped via :has() so\n  // it releases the moment that slot's skeleton is removed.\n  .payment-box:has(> .wc-stripe-express-skeleton) {\n    position: relative;\n    min-height: calc(var(--wc-stripe-express-btn-h, 50px) + 8px);\n    margin: -4px 0;\n\n    > .wc-stripe-express-skeleton {\n      position: absolute;\n      top: 4px;\n      left: 0;\n      right: 0;\n    }\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  // While the skeleton loader is active the row ships with `wc-stripe-express-loading`;\n  // keep the container, its slots and the \"or\" divider visible until each button\n  // resolves. See GitHub #58.\n  &.wc-stripe-express-loading {\n    display: block;\n\n    ul.wc_stripe_cart_payment_methods li.wc-stripe-payment-method {\n      display: block;\n\n      &.or {\n        display: block;\n        margin: 15px 0;\n      }\n\n      p {\n        margin: 0;\n      }\n    }\n\n    // Reserve the button's full rendered box (buttonHeight + 8px iframe chrome)\n    // so its height transition animates in place instead of pushing the page.\n    ul.wc_stripe_cart_payment_methods > li[class*=payment_method_stripe_] {\n      min-height: calc(var(--wc-stripe-express-btn-h, 50px) + 8px);\n    }\n  }\n\n  // Give the box that holds a skeleton the same footprint the mounted ECE will\n  // have - buttonHeight + 8px, with Stripe's -4px vertical margin - but render the\n  // shimmer at the real button height, absolutely positioned with a 4px band top\n  // and bottom (mirroring how the button sits inside its 58px iframe) so it\n  // doesn't read as taller than the button that replaces it. Scoped via :has() so\n  // it releases the moment that slot's skeleton is removed.\n  .payment-box:has(> .wc-stripe-express-skeleton) {\n    position: relative;\n    min-height: calc(var(--wc-stripe-express-btn-h, 50px) + 8px);\n    margin: -4px 0;\n\n    > .wc-stripe-express-skeleton {\n      position: absolute;\n      top: 4px;\n      left: 0;\n      right: 0;\n    }\n  }\n\n  ul.wc_stripe_cart_payment_methods {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    clear: both;\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      margin-left: 0;\n      margin-right: 0;\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":""}