.payment-header[data-v-73364f0d]{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.payment-header .header-balance[data-v-73364f0d],.payment-header .header-text[data-v-73364f0d]{flex-direction:column;gap:4px;display:flex}.payment-header .header-balance[data-v-73364f0d]{align-items:flex-end;gap:2px}.payment-header .text-title[data-v-73364f0d]{color:var(--color-text-heading);font-size:18px;font-weight:700}.payment-header .text-intro[data-v-73364f0d]{color:var(--color-text-secondary);font-size:13px}.payment-header .balance-label[data-v-73364f0d]{color:var(--color-text-secondary);font-size:12px}.payment-header .chip-value[data-v-73364f0d]{font-size:18px}@media only screen and (width<=560px){.payment-header[data-v-73364f0d]{gap:10px}.payment-header .header-balance[data-v-73364f0d]{align-items:flex-start}}.payment-method-icon[data-v-ac24bab3]{width:36px;height:36px;color:var(--color-text-heading);background-color:var(--color-raised);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.payment-method-icon.icon-coin[data-v-ac24bab3]{background-color:#0000}.payment-method-icon img[data-v-ac24bab3]{-o-object-fit:cover;object-fit:cover;width:118%;height:118%}.payment-method-icon svg[data-v-ac24bab3]{width:45%;height:45%}.payment-methods[data-v-6a4762dc]{flex-direction:column;gap:14px;display:flex}.payment-methods .methods-group[data-v-6a4762dc]{flex-direction:column;gap:4px;display:flex}.payment-methods .group-label[data-v-6a4762dc]{text-transform:uppercase;color:var(--color-text-secondary);padding:0 4px 4px;font-size:11px;font-weight:700}.payment-methods .group-method[data-v-6a4762dc]{text-align:left;background-color:var(--color-card);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:background-color .15s;display:flex}.payment-methods .group-method.method-active[data-v-6a4762dc],.payment-methods .group-method[data-v-6a4762dc]:hover{background-color:var(--color-card-hover)}.payment-methods .group-method.method-disabled[data-v-6a4762dc]{cursor:not-allowed;opacity:.5;background-color:var(--color-card)}.payment-methods .method-text[data-v-6a4762dc]{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.payment-methods .text-name[data-v-6a4762dc]{color:var(--color-text-heading);font-size:14px;font-weight:600}.payment-methods .text-sub[data-v-6a4762dc]{white-space:nowrap;text-overflow:ellipsis;color:var(--color-text-secondary);font-size:12px;overflow:hidden}.payment-methods .method-off[data-v-6a4762dc]{text-transform:uppercase;color:var(--color-text-secondary);flex:none;font-size:10px;font-weight:700}.payment-methods .method-check[data-v-6a4762dc]{width:16px;height:16px;color:var(--color-blue-hover);opacity:0}.payment-methods .group-method.method-active .method-check[data-v-6a4762dc]{opacity:1}@media only screen and (width<=1023px){.payment-methods[data-v-6a4762dc]{gap:10px}.payment-methods .methods-group[data-v-6a4762dc]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px;display:grid}.payment-methods .group-label[data-v-6a4762dc]{grid-column:1/-1;padding-bottom:0}}@media only screen and (width<=560px){.payment-methods .methods-group[data-v-6a4762dc]{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-methods .group-method[data-v-6a4762dc]{gap:8px;padding:8px 10px}.payment-methods .payment-method-icon[data-v-6a4762dc]{width:28px;height:28px}.payment-methods .text-name[data-v-6a4762dc]{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.payment-methods .method-check[data-v-6a4762dc],.payment-methods .method-off[data-v-6a4762dc],.payment-methods .text-sub[data-v-6a4762dc]{display:none}.payment-methods .group-method.method-active[data-v-6a4762dc]{box-shadow:inset 0 0 0 1px var(--color-blue-hover)}}.payment-field[data-v-37b27a1d]{flex-direction:column;gap:6px;min-width:0;display:flex}.payment-field .field-label[data-v-37b27a1d]{color:var(--color-text-body);font-size:12px;font-weight:600}.payment-field .field-box[data-v-37b27a1d]{font-variant-numeric:tabular-nums;height:44px;color:var(--color-text-heading);background-color:var(--color-card-hover);border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:0 8px 0 14px;font-size:14px;font-weight:700;transition:border-color .15s,box-shadow .15s;display:flex}.payment-field .field-box[data-v-37b27a1d]:focus-within{border-color:var(--color-blue-hover);box-shadow:0 0 0 2px #3b82f680}.payment-field.field-readonly .field-box[data-v-37b27a1d]{background-color:var(--color-rail);padding-right:14px}.payment-field .box-prefix[data-v-37b27a1d]{color:var(--color-green)}.payment-field .box-suffix[data-v-37b27a1d]{color:var(--color-text-secondary);font-size:13px}.payment-field input[data-v-37b27a1d]:disabled{cursor:not-allowed;color:var(--color-text-secondary)}.payment-field input[data-v-37b27a1d]{font-variant-numeric:tabular-nums;min-width:0;height:100%;color:var(--color-text-heading);background-color:#0000;flex:1;font-size:14px;font-weight:700}.payment-field .box-text[data-v-37b27a1d]{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.payment-field .box-max[data-v-37b27a1d]{text-transform:uppercase;height:28px;color:var(--color-text-heading);background-color:var(--color-raised);border-radius:4px;flex:none;padding:0 10px;font-size:11px;font-weight:700;transition:background-color .15s}.payment-field .box-max[data-v-37b27a1d]:hover{background-color:var(--color-raised-hover)}.payment-steps[data-v-6ac0837c]{flex-direction:column;gap:10px;list-style:none;display:flex}.payment-steps .steps-item[data-v-6ac0837c]{align-items:flex-start;gap:12px;display:flex}.payment-steps .item-number[data-v-6ac0837c]{width:22px;height:22px;color:var(--color-text-heading);background-color:var(--color-raised);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.payment-steps .item-text[data-v-6ac0837c]{color:var(--color-text-body);padding-top:2px;font-size:13px;line-height:1.5}.payment-panel[data-v-ab9ed2f6]{background-color:var(--color-card);border-radius:8px;flex-direction:column;gap:18px;padding:22px;display:flex}.payment-panel .panel-head[data-v-ab9ed2f6]{align-items:center;gap:12px;display:flex}.payment-panel .payment-method-icon[data-v-ab9ed2f6]{width:44px;height:44px}.payment-panel .head-text[data-v-ab9ed2f6]{flex-direction:column;gap:2px;display:flex}.payment-panel .text-title[data-v-ab9ed2f6]{color:var(--color-text-heading);font-size:16px;font-weight:700}.payment-panel .text-sub[data-v-ab9ed2f6]{color:var(--color-text-secondary);font-size:12px}.payment-panel .panel-message[data-v-ab9ed2f6]{color:var(--color-green);background-color:var(--color-card-hover);border-radius:6px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.payment-panel .panel-message svg[data-v-ab9ed2f6]{flex:none;width:16px;height:16px}.payment-panel .panel-error[data-v-ab9ed2f6]{color:var(--color-red);font-size:12px;font-weight:600}.payment-panel .panel-status[data-v-ab9ed2f6]{background-color:var(--color-card-hover);border-radius:6px;align-items:center;gap:10px;padding:12px 14px;display:flex}.payment-panel .status-dot[data-v-ab9ed2f6]{background-color:var(--color-heads);border-radius:50%;flex:none;width:8px;height:8px;animation:1.4s ease-in-out infinite status-pulse-ab9ed2f6}.payment-panel .panel-status.status-matched .status-dot[data-v-ab9ed2f6]{background-color:var(--color-blue-hover)}.payment-panel .status-text[data-v-ab9ed2f6]{color:var(--color-text-body);flex:1;font-size:13px;line-height:1.5}.payment-panel .panel-action[data-v-ab9ed2f6]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.payment-panel .action-button[data-v-ab9ed2f6]{min-width:160px;height:40px;color:var(--color-text-heading);background-color:var(--color-blue);border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:13px;font-weight:600;transition:background-color .15s,transform .15s;display:flex}.payment-panel .action-button[data-v-ab9ed2f6]:hover:not(:disabled){background-color:var(--color-blue-hover)}.payment-panel .action-button[data-v-ab9ed2f6]:active:not(:disabled){transform:scale(.97)}.payment-panel .action-button[data-v-ab9ed2f6]:disabled{opacity:.45}.payment-panel .action-button svg[data-v-ab9ed2f6]{width:16px;height:16px}.payment-panel .action-note[data-v-ab9ed2f6]{color:var(--color-text-secondary);font-size:12px;line-height:1.5}.fade-enter-active[data-v-ab9ed2f6],.fade-leave-active[data-v-ab9ed2f6]{transition:opacity .2s}.fade-enter-from[data-v-ab9ed2f6],.fade-leave-to[data-v-ab9ed2f6]{opacity:0}@keyframes status-pulse-ab9ed2f6{0%,to{opacity:1}50%{opacity:.35}}@media only screen and (width<=560px){.payment-panel[data-v-ab9ed2f6]{gap:14px;padding:14px}.payment-panel .payment-method-icon[data-v-ab9ed2f6]{width:36px;height:36px}.payment-panel .action-button[data-v-ab9ed2f6]{width:100%}}.payment-items[data-v-74a9da5b]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.payment-items .items-tile[data-v-74a9da5b]{background-color:var(--color-rail);border-radius:8px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:12px 8px 10px;transition:background-color .15s,box-shadow .15s;display:flex;box-shadow:inset 0 0 0 2px #0000}.payment-items .items-tile.tile-picked[data-v-74a9da5b],.payment-items .items-tile[data-v-74a9da5b]:hover:not(:disabled){background-color:var(--color-card-hover)}.payment-items .items-tile.tile-picked[data-v-74a9da5b]{box-shadow:inset 0 0 0 2px var(--color-blue-hover)}.payment-items .items-tile.tile-dimmed[data-v-74a9da5b]{opacity:.45}.payment-items .item-image[data-v-74a9da5b]{width:56px;height:56px}.payment-items .tile-name[data-v-74a9da5b]{white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--color-text-heading);font-size:12px;font-weight:600;overflow:hidden}.payment-items .chip-value[data-v-74a9da5b]{font-size:12px}@media only screen and (width<=560px){.payment-items[data-v-74a9da5b]{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.payment-items .item-image[data-v-74a9da5b]{width:48px;height:48px}}.payment-total[data-v-3a6bdd33]{background-color:var(--color-rail);border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.payment-total .total-label[data-v-3a6bdd33]{color:var(--color-text-secondary);font-size:13px}.payment-total .total-value[data-v-3a6bdd33]{color:var(--color-text-body);align-items:center;gap:8px;font-size:13px;display:flex}.payment-facts[data-v-32f9e7da]{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.payment-facts .facts-tile[data-v-32f9e7da]{background-color:var(--color-rail);border-radius:6px;flex-direction:column;gap:3px;padding:10px 12px;display:flex}.payment-facts .tile-label[data-v-32f9e7da]{text-transform:uppercase;color:var(--color-text-secondary);font-size:11px;font-weight:700}.payment-facts .tile-value[data-v-32f9e7da]{font-variant-numeric:tabular-nums;color:var(--color-text-heading);font-size:13px;font-weight:700}@media only screen and (width<=560px){.payment-facts[data-v-32f9e7da]{gap:6px}.payment-facts .facts-tile[data-v-32f9e7da]{padding:8px 10px}.payment-facts .tile-label[data-v-32f9e7da]{font-size:10px}.payment-facts .tile-value[data-v-32f9e7da]{font-size:12px}}
