@layer theme,base,components,utilities;@layer forge{.ff-payment-sub-methods{border:0;flex-direction:column;margin:0;padding:0;display:flex;container-type:inline-size}.ff-payment-sub-methods__grid{border:1px solid var(--ff-color-neutral-200);grid-template-columns:repeat(4,1fr);display:grid}.ff-payment-sub-methods__item{background-color:var(--ff-color-white);border:0;border-bottom:1px solid var(--ff-color-neutral-200);border-right:1px solid var(--ff-color-neutral-200);cursor:pointer;align-items:center;gap:var(--ff-spacing-2);min-block-size:5rem;padding:var(--ff-spacing-4) var(--ff-spacing-6);flex-direction:row;justify-content:center;transition:background-color .15s,box-shadow .15s;display:flex;position:relative}.ff-payment-sub-methods__item:nth-child(4n){border-right:0}.ff-payment-sub-methods__item:nth-last-child(-n+4):nth-child(4n+1),.ff-payment-sub-methods__item:nth-last-child(-n+4):nth-child(4n+1)~.ff-payment-sub-methods__item{border-bottom:0}.ff-payment-sub-methods__item:hover{background-color:var(--ff-color-neutral-100)}.ff-payment-sub-methods__item:focus-visible{box-shadow:inset 0 0 0 var(--ff-spacing-0_5) var(--ff-color-primary);outline:none}.ff-payment-sub-methods__item--selected{box-shadow:inset 0 0 0 1.5px var(--ff-methods-grid-selected-border,var(--ff-color-primary));z-index:1;background-color:#f8f4fb}.ff-payment-sub-methods__item-logo{-o-object-fit:contain;object-fit:contain;flex-shrink:0;block-size:2rem;inline-size:auto;max-inline-size:100%}.ff-payment-sub-methods__item-name-fallback{color:var(--ff-color-neutral-900,#000);font-size:var(--ff-font-size-xs);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;font-weight:500;line-height:1rem;overflow:hidden}.ff-payment-sub-methods__check{background-color:var(--ff-methods-grid-check-bg,var(--ff-color-primary));block-size:var(--ff-spacing-6);color:var(--ff-color-white);inline-size:var(--ff-spacing-6);pointer-events:none;z-index:2;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset-block-start:calc(var(--ff-spacing-6) * -.5);inset-inline-end:calc(var(--ff-spacing-6) * -.5)}.ff-payment-sub-methods__check-tick{block-size:1rem;inline-size:1rem;display:block}.ff-payment-sub-methods__check-ring{display:none}.ff-payment-sub-methods__loading{border:1px solid var(--ff-color-neutral-200);grid-template-columns:repeat(4,1fr);display:grid}.ff-payment-sub-methods__skeleton{background-color:var(--ff-color-neutral-100);border-bottom:1px solid var(--ff-color-neutral-200);border-right:1px solid var(--ff-color-neutral-200);min-block-size:5rem;animation:2s cubic-bezier(.4,0,.6,1) infinite ff-sub-methods-pulse}.ff-payment-sub-methods__skeleton:nth-child(4n){border-right:0}@keyframes ff-sub-methods-pulse{0%,to{opacity:1}50%{opacity:.5}}.ff-payment-sub-methods__empty{color:var(--ff-color-text-muted);font-size:var(--ff-font-size-sm);padding:var(--ff-spacing-4);text-align:center;margin:0}@container (width<=600px){.ff-payment-sub-methods__grid,.ff-payment-sub-methods__loading{grid-template-columns:repeat(2,1fr)}.ff-payment-sub-methods__item{min-block-size:4rem;padding:var(--ff-spacing-3) var(--ff-spacing-4)}.ff-payment-sub-methods__item--selected{background-color:var(--ff-color-white)}.ff-payment-sub-methods__item:nth-child(4n){border-right:1px solid var(--ff-color-neutral-200)}.ff-payment-sub-methods__item:nth-child(2n){border-right:0}.ff-payment-sub-methods__item:nth-last-child(-n+4):nth-child(4n+1),.ff-payment-sub-methods__item:nth-last-child(-n+4):nth-child(4n+1)~.ff-payment-sub-methods__item{border-bottom:1px solid var(--ff-color-neutral-200)}.ff-payment-sub-methods__item:nth-last-child(-n+2):nth-child(odd),.ff-payment-sub-methods__item:nth-last-child(-n+2):nth-child(odd)~.ff-payment-sub-methods__item{border-bottom:0}.ff-payment-sub-methods__check{block-size:1rem;color:var(--ff-color-primary);background-color:#0000;border-radius:0;flex-shrink:0;inline-size:1rem;position:static;inset-block-start:auto;inset-inline-end:auto}.ff-payment-sub-methods__check-tick{display:none}.ff-payment-sub-methods__check-ring{block-size:1rem;inline-size:1rem;display:block}.ff-payment-sub-methods__skeleton:nth-child(4n){border-right:1px solid var(--ff-color-neutral-200)}.ff-payment-sub-methods__skeleton:nth-child(2n){border-right:0}}}
