.auto-top-up[data-v-c02047c3]{background:var(--common-color-bg-base,#ffffff0a);border:1px solid var(--common-color-border-defult-alpha,#ffffff17);border-radius:12px;color:var(--common-color-content-primary,#fff);min-width:0;padding:16px}.auto-top-up__header[data-v-c02047c3],.auto-top-up__header>div[data-v-c02047c3]{align-items:center;display:flex;gap:8px}.auto-top-up__header>div[data-v-c02047c3]{flex-wrap:wrap;min-width:0}.auto-top-up__header[data-v-c02047c3]{justify-content:space-between}h2[data-v-c02047c3]{font-size:16px;margin:0}.auto-top-up__status[data-v-c02047c3]{align-items:center;background:#8881;border-radius:3px;color:var(--common-color-content-secondary,#8c8c8c);display:inline-flex;font-size:11px;gap:6px;padding:3px 7px}.auto-top-up__status i[data-v-c02047c3]{background:currentColor;border-radius:50%;flex-shrink:0;height:4px;width:4px}.auto-top-up__status.is-enabled[data-v-c02047c3]{color:var(--common-color-bg-brand,#81ff07)}.auto-top-up__status.is-error[data-v-c02047c3]{color:var(--common-color-content-sp-error,#ef4444)}.auto-top-up__status.is-warning[data-v-c02047c3]{color:var(--common-color-content-sp-warning,#f59e0b)}.auto-top-up__switch[data-v-c02047c3]{background:#0002;border:0;border-radius:20px;cursor:pointer;flex-shrink:0;height:22px;padding:3px;width:40px}.auto-top-up__switch span[data-v-c02047c3]{background:#888;border-radius:50%;display:block;height:16px;width:16px}.auto-top-up__switch[aria-checked=true] span[data-v-c02047c3]{background:var(--common-color-bg-brand,#81ff07);margin-left:18px}.auto-top-up__switch[data-v-c02047c3]:disabled,.auto-top-up__switch[aria-disabled=true][data-v-c02047c3]{cursor:not-allowed;opacity:.5}.auto-top-up__rule[data-v-c02047c3]{color:var(--common-color-content-secondary,#8c8c8c);font-size:13px;line-height:1.8;margin:18px 0 0}.auto-top-up--enabled .auto-top-up__rule[data-v-c02047c3]{color:var(--common-color-bg-brand,#81ff07)}.auto-top-up__rule strong[data-v-c02047c3]{margin-inline:3px}.auto-top-up__running[data-v-c02047c3]{color:var(--common-color-content-sp-accent-assist,#a78bfa);font-size:12px;line-height:1.6;margin:8px 0 0}.auto-top-up__body[data-v-c02047c3]{background:#8881;border-radius:6px;display:grid;gap:12px;margin-top:18px;padding:12px}.auto-top-up__label[data-v-c02047c3]{color:var(--common-color-content-secondary,#8c8c8c);font-size:11px}.auto-top-up__payment[data-v-c02047c3]{align-items:center;background:#0001;border-radius:4px;display:flex;gap:12px;padding:12px}.auto-top-up__payment img[data-v-c02047c3]{border-radius:4px;-o-object-fit:contain;object-fit:contain}.auto-top-up__payment>div[data-v-c02047c3]{flex:1;min-width:0}.auto-top-up__payment strong[data-v-c02047c3]{font-size:13px;overflow-wrap:anywhere}.auto-top-up__payment>div>small[data-v-c02047c3]{margin-top:4px}small[data-v-c02047c3]{color:var(--common-color-content-secondary,#8c8c8c);display:block;font-size:10px;line-height:1.5;margin-top:5px}.auto-top-up__unsaved[data-v-c02047c3]{color:var(--common-color-bg-brand,#81ff07)}.auto-top-up__pending[data-v-c02047c3]{color:var(--common-color-content-sp-accent-assist,#a78bfa)}.auto-top-up__pending-row[data-v-c02047c3]{align-items:center;border:1px dashed var(--common-color-border-defult,#3f3f3f);border-radius:4px;display:flex;gap:12px;padding:10px 12px}.auto-top-up__pending-row small[data-v-c02047c3]{flex:1;margin:0;min-width:0}.auto-top-up__add[data-v-c02047c3]{align-items:center;background:transparent;border:1px solid var(--common-color-border-defult,#3f3f3f);border-radius:4px;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;font-size:14px;gap:10px;justify-content:center;min-height:68px;padding:11px}.auto-top-up__add span[data-v-c02047c3]{align-items:center;display:flex;gap:7px}.auto-top-up__add[data-v-c02047c3]:disabled{cursor:not-allowed;opacity:.5}.auto-top-up__icon--light[data-v-c02047c3]{display:none}html.light .auto-top-up__icon--dark{display:none}html.light .auto-top-up__icon--light{display:block}.auto-top-up__rules[data-v-c02047c3]{border-top:1px solid #8883;display:grid;gap:16px;padding-top:16px}.auto-top-up__field[data-v-c02047c3]{align-items:center;display:grid;font-size:14px;gap:12px;grid-template-columns:minmax(0,1fr) 128px}.auto-top-up__field-copy[data-v-c02047c3]{display:flex;flex-direction:column;min-width:0}.auto-top-up__field-hint[data-v-c02047c3]{color:var(--common-color-content-disabled-alpha,#ffffff54);font-size:10px;font-weight:400;line-height:20px;margin:0;overflow-wrap:anywhere}html.light .auto-top-up__field-hint{color:var(--common-color-content-secondary,#737373)}.auto-top-up__amount-input[data-v-c02047c3]{align-items:center;background:var(--common-color-bg-surface-1,#181818);border:1px solid var(--common-color-border-defult,#3f3f3f);border-radius:6px;display:flex;gap:4px;min-width:0;padding:10px 8px}.auto-top-up__amount-input>span[data-v-c02047c3]{color:var(--common-color-content-secondary,#8c8c8c);font-size:13px}.auto-top-up__amount-input[data-v-c02047c3]:focus-within{outline:2px solid var(--common-color-content-secondary,#8c8c8c);outline-offset:1px}.auto-top-up__amount-input input[data-v-c02047c3]{background:transparent;border:0;color:inherit;font:inherit;min-width:0;outline:none;width:100%}.auto-top-up__amount-input input[data-v-c02047c3]:disabled{cursor:not-allowed;opacity:.5}.auto-top-up__amount-error[data-v-c02047c3]{color:var(--common-color-content-sp-error,#ef4444);font-size:12px;line-height:1.5;margin:0}.auto-top-up__limits[data-v-c02047c3]{color:var(--common-color-content-secondary,#8c8c8c);font-size:11px;line-height:1.6;margin:0}.auto-top-up__actions[data-v-c02047c3]{display:flex;gap:8px;margin-top:6px}.auto-top-up__actions[data-v-c02047c3]>*{flex:1;min-width:0}.auto-top-up__cancel[data-v-c02047c3]{background:transparent;border-color:var(--common-color-border-defult,#3f3f3f);color:inherit}.auto-top-up__save[data-v-c02047c3]{background:#fff;border-color:#fff;color:#111;width:100%}.auto-top-up .auto-top-up__save--payment-required[data-v-c02047c3],.auto-top-up .auto-top-up__save--payment-required[data-v-c02047c3]:active,.auto-top-up .auto-top-up__save--payment-required[data-v-c02047c3]:hover,.auto-top-up__save[data-v-c02047c3]:disabled{background:#8884;border-color:transparent;color:var(--common-color-content-disabled-alpha,#888);cursor:not-allowed}.auto-top-up__payment[data-v-c02047c3] button{background:transparent;border:1px solid var(--common-color-border-defult,#8885);color:inherit}.auto-top-up--payment-paused[data-v-c02047c3]{--auto-top-up-invalid-color:#ef4444}.auto-top-up--payment-paused .auto-top-up__status[data-v-c02047c3]{color:var(--auto-top-up-invalid-color);white-space:pre-wrap}.auto-top-up__payment--invalid[data-v-c02047c3]{background:var(--common-color-bg-base,#ffffff0a);box-sizing:border-box;gap:13px;min-height:68px}.auto-top-up__payment--invalid .auto-top-up__payment-logo[data-v-c02047c3]{border-radius:3.477px}.auto-top-up__payment-logo[data-v-c02047c3]{flex:0 0 36px}.auto-top-up__payment--invalid .auto-top-up__payment-info strong[data-v-c02047c3]{display:block;font-size:14px;font-weight:700;line-height:18px}.auto-top-up__payment--invalid .auto-top-up__invalid-hint[data-v-c02047c3]{align-items:center;color:var(--auto-top-up-invalid-color);display:flex;font-size:12px;font-weight:400;gap:5px;line-height:15px;margin-top:8px}.auto-top-up__invalid-hint img[data-v-c02047c3]{border-radius:0;flex:0 0 12px}.auto-top-up__payment--invalid[data-v-c02047c3] .auto-top-up__change{background:var(--color-button-primary-bg,#ffffff0a);border:1px solid var(--auto-top-up-invalid-color);border-radius:4px;color:var(--auto-top-up-invalid-color);flex-shrink:0;font-size:13px;font-weight:500;gap:4px;height:34px;line-height:16px;min-height:34px;min-width:58px;padding:0 8px}.auto-top-up__save-hint[data-v-c02047c3]{color:var(--common-color-content-secondary,#8c8c8c);font-size:11px;line-height:1.6;margin:0;text-align:center}html.light .auto-top-up .auto-top-up__change{background:#fff}html.light .auto-top-up__payment:not(.auto-top-up__payment--invalid) .auto-top-up__change{border-color:#dedede;color:#171717}@media (max-width:420px){.auto-top-up__field[data-v-c02047c3]{grid-template-columns:1fr}}