/* The site's main stylesheet may be loaded after this file by the layout. */
.addBalancePop .zg-po.overlay { --po-blue:#2e58ef; --po-blue-dark:#1a40c9; --po-ring:0 0 0 4px rgba(46,88,239,.10),0 12px 32px rgba(46,88,239,.16); display: flex; position: fixed; inset: 0; z-index: 10050; isolation: isolate; align-items: center; justify-content: center; padding: 24px; box-sizing: border-box; }
.addBalancePop .zg-po.overlay > .fade { display: block; position: absolute; inset: 0; background: rgba(15,23,42,.72); backdrop-filter:blur(3px); z-index: 0; }
.addBalancePop .zg-po.overlay > .zg-po-window.modalwindow { display: block; position: relative; inset: auto; transform: none; margin: 0; width: 1000px; max-width: 100%; max-height: calc(100dvh - 48px); overflow-y: auto; box-sizing: border-box; border: 0; border-radius: 18px; padding: 36px; background: #fff; color: #111827; z-index: 1; text-align: left; font-family: Arial, sans-serif; box-shadow: 0 20px 70px rgba(0, 0, 0, .2); }
.zg-po-window *, .zg-po-tools * { box-sizing: border-box; }
.addBalancePop .zg-po .zg-po-window .zg-po-close.closeModal { position: absolute; display: grid; place-items: center; top: 10px; right: 10px; float: none; margin: 0; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: #667085; font: 28px/1 Arial, sans-serif; cursor: pointer; }
.zg-po .zg-po-close:hover { background: #eef1f7; }
.zg-po-content h2 { margin: 0 0 14px; padding: 0 20px 0 0; color: #0f172a; font: 700 29px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; letter-spacing:-.01em; text-transform: none; }
.zg-po-short {display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
.zg-po-short img {display:block;width:26px;height:26px;max-width:none;margin:0;}
.zg-po-content p { margin: 0; padding: 0; }
.zg-po-lead { color: #475569; font: 17px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; }
.zg-po-lead strong {color:#0f172a;font-weight:600;}
.zg-po-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 38px 0 24px; }
.zg-po-grid[data-columns="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.zg-po-grid[data-columns="1"] { grid-template-columns: 1fr; }
.zg-po a.zg-po-card { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 25px 24px 22px; border: 2px solid #c3cfe2; border-radius: 12px; background: #fff; color: #0f172a; text-decoration: none; font: 16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; transition:border-color .15s,box-shadow .15s; }
.zg-po a.zg-po-card-first { border-color: var(--po-blue); background: #f6f8ff; box-shadow: var(--po-ring); }
.zg-po-badge { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); border-radius: 999px; height:26px; display:inline-flex; align-items:center; padding:0 12px; background: var(--po-blue); color: #fff; font-size: 13px; font-weight: 600; white-space: nowrap; }
.zg-po-name { color: #64748b; font-size: 15px; }
.zg-po-price { display: block; margin: 6px 0 10px; color: #0f172a; font-size: 40px; line-height: 1.1;letter-spacing:-.02em; }
.zg-po-tokens { display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;font-size:16px;color:#1e293b; }
.zg-po-tokens img {display:block;width:16px;height:16px;max-width:none;margin:0;}
.zg-po-bonus { display: inline-block; color: #15803d; font-size:14px;font-weight:600;white-space:nowrap; }
.zg-po-remainder { display: block; margin: 18px 0 20px; padding-top:14px;border-top:1px solid #f1f5f9;color:#64748b;font-size:13.5px; }
.zg-po-remainder strong { display: block; color: #0f172a; margin-top: 1px; font-size: 17px;font-weight:600;font-variant-numeric:tabular-nums; }
.zg-po-buy { display:flex;align-items:center;justify-content:center;min-height:52px;margin-top:auto;padding:0 14px;border:1px solid #cbd5e1;border-radius:8px;text-align:center;font-size:16.5px;font-weight:600;line-height:1.2;white-space:nowrap;transition:background .12s,border-color .12s; }
.zg-po-card-first .zg-po-buy { border-color: var(--po-blue); background: var(--po-blue); color: #fff; }
.zg-po-content .zg-po-help { display:flex;gap:10px;color:#475569;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; }
.zg-po-info {flex:0 0 auto;color:#64748b;}
.zg-po a:focus-visible, .zg-po button:focus-visible, .zg-po-tools select:focus-visible { outline: 3px solid #e7a500; outline-offset: 3px; }
.zg-po-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 0 28px 22px 0; padding: 10px 12px; border: 1px dashed #c4cbda; border-radius: 8px; background: #f8fafc; color: #475467; font: 12px/1.5 Arial, sans-serif; text-align: left; }
.zg-po-tools label { display: flex; align-items: center; gap: 8px; margin: 0; font: inherit; }
.zg-po-tools select { display: inline-block; width: auto; max-width: 100%; height: auto; margin: 0; padding: 5px 26px 5px 8px; border: 1px solid #c4cbda; border-radius: 5px; background: #fff; color: #111827; font: 13px/1.5 Arial, sans-serif; }
.zg-po-tools small { flex-basis: 100%; color: #667085; font: inherit; }
.zg-po-status { padding: 24px 0; color: #475467; font: 16px/1.5 Arial, sans-serif; }
.zg-po-status button { padding: 10px 16px; margin: 16px 12px 0 0; border: 0; border-radius: 6px; background: #3453ef; color: #fff; cursor: pointer; font: inherit; }
@media (hover: hover) {
    .zg-po a.zg-po-card:not(.zg-po-card-first):hover {border-color:var(--po-blue);box-shadow:var(--po-ring);}
    .zg-po a.zg-po-card-first:hover {box-shadow:0 0 0 5px rgba(46,88,239,.16),0 14px 36px rgba(46,88,239,.24);}
    .zg-po a.zg-po-card:hover .zg-po-buy {background:var(--po-blue);border-color:var(--po-blue);color:#fff;}
    .zg-po a.zg-po-card:hover .zg-po-buy:hover,.zg-po a.zg-po-card-first:hover .zg-po-buy {background:var(--po-blue-dark);border-color:var(--po-blue-dark);}
}
.zg-po a.zg-po-card:focus-visible {border-color:var(--po-blue);box-shadow:var(--po-ring);}
@media (max-width: 680px) {
    .addBalancePop .zg-po.overlay { padding: 12px; }
    .addBalancePop .zg-po.overlay > .zg-po-window.modalwindow { padding: 20px; border-radius: 14px; max-height: calc(100dvh - 24px); }
    .zg-po-content h2 { font-size: 23px; }
    .zg-po-lead { font-size: 14px; }
    .zg-po-grid, .zg-po-grid[data-columns="3"] { grid-template-columns: 1fr; gap: 14px; margin-top: 30px; }
    .zg-po a.zg-po-card { padding: 22px 18px 18px; }
    .zg-po a.zg-po-card:not(:first-child) { display: grid; grid-template-columns: 1fr auto; gap: 3px 10px; align-items: center; padding: 14px 16px; }
    .zg-po-card:not(:first-child) .zg-po-price { grid-column: 1; font-size: 24px; margin: 0; }
    .zg-po-card:not(:first-child) .zg-po-tokens, .zg-po-card:not(:first-child) .zg-po-remainder { display: none; }
    .zg-po-card:not(:first-child) .zg-po-buy { grid-column: 2; grid-row: 1 / span 2; margin: 0; padding: 10px; font-size: 13px; }
    .zg-po-tools { margin-right: 16px; padding: 8px; }
    .zg-po-tools label { flex-wrap: wrap; }
}