.modal.top-up{gap:12px;width:min(420px,100%)}.top-up-head{justify-content:space-between;align-items:center;display:flex}.top-up-head button{width:32px;height:32px;color:var(--ink-3);border-radius:8px;place-items:center;display:grid}.top-up-line{color:var(--ink-2)}.top-up-missing{color:var(--ink);background:#ff78781a;border:1px solid #ff787840;border-radius:14px;align-items:center;gap:8px;margin:0;padding:12px 14px;font-size:14px;display:flex}.top-up-missing .ic{color:var(--danger)}.top-up-missing strong{font-size:24px;font-weight:700}.top-up-packs{gap:6px;display:grid}.top-up-pack{background:var(--surface-raised);text-align:left;color:var(--ink);border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding:11px 14px;font-size:13px;display:grid;position:relative}.top-up-pack.on{box-shadow:inset 0 0 0 1px var(--accent)}.top-up-pack-credits b{font-size:16px;font-weight:600}.top-up-pack-credits small{color:var(--accent);margin-top:2px;font-size:11px;display:block}.top-up-pack-price{color:var(--ink-2);font-size:14px}.top-up-pack-tag{background:var(--accent);color:var(--on-accent);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600;position:absolute;top:-7px;left:12px}.top-up-pay{height:44px}.top-up-pending{background:var(--surface-raised);color:var(--ink-2);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.top-up-pending>span{background:var(--surface);border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.top-up-pending b{color:var(--ink);font-size:13px;font-weight:500}.top-up-pending p{margin:4px 0 0;font-size:11px;line-height:1.6}.top-up-note{color:var(--ink-3);font-size:11px}.top-up-error,.top-up-loading{color:var(--ink-3);font-size:12px}.top-up-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.top-up-actions .btn{height:36px;font-size:12px}@media (max-width:1023px){.modal.top-up{border-radius:22px 22px 0 0;align-self:end;width:100%;max-height:calc(100dvh - 40px);overflow:auto}.modal-dim:has(.top-up){align-items:end;padding:0}}.modal-dim:has(.top-up){z-index:80}