@layer theme,base,components,utilities;@layer forge{.ff-payment-sub-methods{gap:var(--ff-spacing-3,.75rem);border:none;flex-direction:column;margin:0;padding:0;display:flex}.ff-payment-sub-methods__title{color:var(--ff-color-neutral-700,#374151);font-size:var(--ff-font-size-sm,.875rem);font-weight:var(--ff-font-weight-medium,500);margin:0}.ff-payment-sub-methods__grid{gap:var(--ff-spacing-3,.75rem);grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));display:grid}@container (width>=400px){.ff-payment-sub-methods__grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}}.ff-payment-sub-methods__item{background-color:var(--ff-color-white,#fff);border:1px solid var(--ff-color-neutral-200,#e5e7eb);border-radius:var(--ff-radius-lg,.5rem);cursor:pointer;align-items:center;gap:var(--ff-spacing-2,.5rem);min-height:5rem;padding:var(--ff-spacing-3,.75rem);flex-direction:column;justify-content:center;transition:border-color .2s,background-color .2s,box-shadow .2s;display:flex}.ff-payment-sub-methods__item:hover{border-color:var(--ff-color-neutral-300,#d1d5db)}.ff-payment-sub-methods__item:focus-visible{border-color:var(--ff-color-primary,#3b82f6);box-shadow:0 0 0 3px var(--ff-color-primary-100,#dbeafe);outline:none}.ff-payment-sub-methods__item--selected{background-color:var(--ff-color-primary-50,#eff6ff);border-color:var(--ff-color-primary,#3b82f6)}.ff-payment-sub-methods__item-logo{-o-object-fit:contain;object-fit:contain;block-size:2rem;inline-size:auto;max-inline-size:5rem}.ff-payment-sub-methods__item-name{color:var(--ff-color-neutral-700,#374151);font-size:var(--ff-font-size-xs,.75rem);font-weight:var(--ff-font-weight-medium,500);line-height:var(--ff-line-height-tight);text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ff-payment-sub-methods__item--selected .ff-payment-sub-methods__item-name{color:var(--ff-color-primary-700,#1d4ed8)}.ff-payment-sub-methods__loading{gap:var(--ff-spacing-3,.75rem);grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));display:grid}@container (width>=400px){.ff-payment-sub-methods__loading{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}}.ff-payment-sub-methods__skeleton{background-color:var(--ff-color-neutral-100,#f3f4f6);border-radius:var(--ff-radius-lg,.5rem);min-height:5rem;animation:2s cubic-bezier(.4,0,.6,1) infinite ff-sub-methods-pulse}@keyframes ff-sub-methods-pulse{0%,to{opacity:1}50%{opacity:.5}}.ff-payment-sub-methods__empty{color:var(--ff-color-neutral-500,#6b7280);font-size:var(--ff-font-size-sm,.875rem);padding:var(--ff-spacing-4,1rem);text-align:center;margin:0}.ff-payment-sub-methods__selected-label{color:var(--ff-color-neutral-500,#6b7280);font-size:var(--ff-font-size-xs,.75rem);font-weight:var(--ff-font-weight-medium,500);margin:0}.ff-payment-sub-methods__selected-card{background-color:var(--ff-color-white,#fff);border:1px solid var(--ff-color-neutral-200,#e5e7eb);border-radius:var(--ff-radius-lg,.5rem);padding:var(--ff-spacing-2,.5rem) var(--ff-spacing-3,.75rem);align-items:center;display:flex}.ff-payment-sub-methods__selected-row{align-items:center;gap:var(--ff-spacing-3,.75rem);min-inline-size:0;display:flex}.ff-payment-sub-methods__selected-logo{background-color:var(--ff-color-white,#fff);border:1px solid var(--ff-color-neutral-200,#e5e7eb);border-radius:var(--ff-radius-md,.375rem);-o-object-fit:contain;object-fit:contain;block-size:2.5rem;inline-size:3.25rem;padding:var(--ff-spacing-1,.25rem);flex-shrink:0}.ff-payment-sub-methods__selected-name{color:var(--ff-color-neutral-900,#111827);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ff-payment-sub-methods__change-btn,.ff-payment-sub-methods__selected-name{font-size:var(--ff-font-size-sm,.875rem);font-weight:var(--ff-font-weight-medium,500)}.ff-payment-sub-methods__change-btn{border:1px solid var(--ff-color-neutral-300,#d1d5db);border-radius:var(--ff-radius-full,9999px);color:var(--ff-color-neutral-800,#1f2937);cursor:pointer;align-self:flex-start;align-items:center;gap:var(--ff-spacing-2,.5rem);padding:var(--ff-spacing-2,.5rem) var(--ff-spacing-4,1rem);background-color:#0000;transition:background-color .2s,border-color .2s;display:inline-flex}.ff-payment-sub-methods__change-btn:hover{background-color:var(--ff-color-neutral-50,#f9fafb);border-color:var(--ff-color-neutral-400,#9ca3af)}.ff-payment-sub-methods__change-btn:focus-visible{border-color:var(--ff-color-primary,#3b82f6);box-shadow:0 0 0 3px var(--ff-color-primary-100,#dbeafe);outline:none}.ff-payment-sub-methods__change-icon{block-size:1rem;color:var(--ff-color-neutral-500,#6b7280);inline-size:1rem}}
