.payment-method-list{margin:0;padding:0;list-style:none}.payment-options-loading{min-height:240px;color:var(--muted-foreground);text-align:center;place-items:center;padding:24px;font-size:14px;display:grid}.settings-content:has(>[data-settings-panel]:not([hidden]) .payment-options-loading){flex-direction:column;display:flex}.settings-content:has(>[data-settings-panel]:not([hidden]) .payment-options-loading)>.settings-section-header{flex:none}:is(.settings-content>[data-settings-panel]:not([hidden]):has(.payment-options-loading),.settings-content [data-settings-panel] .payment-method-settings:has(>.payment-options-loading)){flex-direction:column;flex:1;display:flex}.settings-content .payment-options-loading{flex:1}.payment-method-list>li{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:22px 0;display:flex}.settings-content:has(>.payment-method-settings)>.settings-section-header{margin-inline:calc(-1 * var(--settings-content-gutter));padding-inline:var(--settings-content-gutter)}.settings-content .payment-method-settings .payment-method-list{gap:12px;margin:0;padding-top:20px;display:grid}.settings-content .payment-method-settings .payment-method-list>li{background:#050604;background:lab(1.59748% -.7056 .758681);border:1px solid #a0a79c2e;border:1px solid lab(67.7434% -4.33129 4.83891/.18);border-radius:12px;min-width:0;padding:16px 20px}.settings-content .payment-method-settings .payment-method-list>.payment-method-skeleton{background:var(--skeleton-block);border-color:#0000}.settings-content>.payout-method-settings .payout-bank-editor{margin-inline:calc(-1 * var(--settings-content-gutter));padding-inline:var(--settings-content-gutter)}.payment-method-list>li>svg{color:var(--muted-foreground);flex:none;align-self:flex-start;margin-top:max(0px,.5lh - 12px)}.payment-method-details{flex:1;gap:5px;min-width:0;display:grid}.payment-method-title{flex-wrap:wrap;align-items:center;gap:5px 10px;min-width:0;min-height:24px;display:flex}.payment-method-title>strong{overflow-wrap:anywhere;min-width:0}.payment-method-details>span{color:var(--muted-foreground);align-items:center;gap:10px;font-size:13px;display:flex}.payment-method-badge{color:#c3e2fe;color:lab(88.3858% -6.19966 -16.9319);white-space:nowrap;background:#0f304a;background:lab(18.6483% -4.68294 -19.6068);border:1px solid #4e8cbe8c;border:1px solid lab(55.7301% -9.10968 -32.9134/.55);border-radius:5px;flex:none;padding:2px 7px;font-size:11px}.payment-method-default{position:relative}.payment-method-default[aria-busy=true] .payment-method-default-label{visibility:hidden}.payment-method-default>.payment-button-loader{position:absolute}.payment-method-actions{align-items:center;gap:8px;display:flex}.payment-method-actions .payment-method-remove:not(:disabled),.payment-method-actions .payout-account-remove{cursor:pointer}.payment-method-actions .payment-method-remove:not(:hover):not(:focus-visible){color:var(--muted-foreground)}.payment-method-empty{justify-items:start;gap:14px;padding:24px 0;display:grid}.settings-content:has(>.payment-method-settings>.payment-method-empty){padding-bottom:0}.settings-content>.payment-method-settings>.payment-method-empty{padding-block:40px}.payment-method-empty p{max-width:48ch;color:var(--muted-foreground);line-height:1.6}.payment-method-settings>.paypal-account-empty{margin-top:24px}.payment-method-settings>.paypal-account-empty p{color:var(--muted-foreground);margin-bottom:12px;line-height:1.6}.payment-method-security{color:var(--muted-foreground);align-items:center;gap:8px;margin-top:24px;font-size:13px;display:flex}.payment-method-security svg{flex:none}.saved-card-payment{width:100%}.topup-method-notices{flex:1 0 auto;grid-template:minmax(56px,1fr)/minmax(0,1fr);min-height:56px;display:grid}.topup-method-notices>div{grid-area:1/1;min-width:0}.topup-method-notices:has(.payment-method-feedback) .topup-save-payment-slot{visibility:hidden}.topup-payment-feedback{align-self:start;width:100%;height:48px;margin-top:8px;font-size:13px;line-height:18px;display:block}.payment-method-feedback{border:1px solid color-mix(in oklch,var(--destructive) 32%,transparent);background:color-mix(in oklch,var(--destructive) 6%,var(--background));width:100%;height:100%;color:var(--destructive);overflow-wrap:anywhere;border-radius:9px;flex-direction:column;justify-content:center;gap:0;padding:5px 12px;display:flex;overflow:auto}.payment-method-feedback>strong{font-weight:700}.saved-card-payment>button{justify-content:center;gap:10px;width:100%;display:flex}.payment-button-loader{border:2px solid #0000;border-color:currentColor #0000 #0000 currentColor;border-radius:50%;flex:none;width:18px;height:18px;animation:.75s linear infinite payment-button-spin;display:inline-block}.topup-method-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:6px 12px;margin-bottom:8px;display:flex}.guac-topup-dialog.guac-topup-concept .guac-topup-methods .topup-method-heading h3{margin:0;line-height:20px}.topup-manage-method{color:var(--muted-foreground);margin-left:auto;font-size:12px;line-height:20px;text-decoration:none;display:inline-block}.topup-manage-method:hover{color:var(--foreground)}@keyframes payment-button-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.payment-button-loader{animation:none}}@media (max-width:600px){.payment-method-list>li{flex-wrap:wrap}.payment-method-actions{margin-left:40px}.settings-content .payment-method-settings .payment-method-list>li{padding-inline:16px}}.topup-save-paypal{color:var(--muted-foreground);cursor:pointer;align-items:center;gap:8px;margin:18px 0 8px;font-size:12px;display:flex;position:relative;top:-4px}.topup-provider-details{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.topup-provider-details>.topup-provider-label{overflow-wrap:anywhere}.payment-method-actions .payment-method-remove:disabled{pointer-events:none;-webkit-user-select:none;user-select:none;box-shadow:none;--tw-ring-shadow:0 0 transparent;--tw-ring-offset-shadow:0 0 transparent;background:0 0;outline:none}.payment-method-actions .payment-method-remove[aria-busy=true]{opacity:1}.payment-method-skeleton{pointer-events:none;-webkit-user-select:none;user-select:none}.payment-method-skeleton-icon{border-radius:4px;flex:none;align-self:flex-start;width:24px;height:24px;margin-top:max(0px,.5lh - 12px)}.payment-method-skeleton .payment-method-title{min-height:1.5em}.payment-method-title .payment-method-skeleton-title{width:min(180px,100%);height:20px}.payment-method-details>.payment-method-skeleton-subtitle{width:min(140px,100%);height:19.5px}.payment-method-skeleton-action{width:100px;height:44px}.payment-method-header-skeleton{width:240px;max-width:100%;height:48px;display:block}.payment-method-skeleton-remove{width:44px;height:44px}.payment-availability-notice{border:1px solid var(--border);color:var(--muted-foreground);border-radius:8px;align-items:flex-start;gap:10px;margin-block:12px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.payment-availability-notice p{margin:0}.topup-provider-details:has(.payment-availability-badge){flex-wrap:wrap;gap:4px 8px}.topup-provider-details .payment-availability-badge{font-size:11px}@media (max-width:480px){.payment-availability-notice{flex-direction:column;gap:6px}}
