/* the wallet button of platform.js (walletButton()), 27.10. Served at /_lib/wallet.css on every coin site.
   Theme it on the page: --ja-accent (button), --ja-accent-ink (text on it), --ja-ink, --ja-bg (menu), --ja-line. */
.ja-wallet { position: relative; display: inline-flex; font: inherit; --_accent: var(--ja-accent, #ff6a1a); --_on: var(--ja-accent-ink, #fff); --_ink: var(--ja-ink, currentColor); --_bg: var(--ja-bg, #15161d); --_line: var(--ja-line, rgba(255, 255, 255, .14)); }
.ja-wallet-btn { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px 0 12px; border: 0; border-radius: 999px; background: var(--_accent); color: var(--_on); font: inherit; font-size: 14px; font-weight: 600; letter-spacing: -.01em; cursor: pointer; white-space: nowrap; box-shadow: 0 6px 20px color-mix(in srgb, var(--_accent) 35%, transparent); transition: transform .15s ease, box-shadow .15s ease, background .15s ease; }
.ja-wallet-btn:hover { transform: translateY(-1px); box-shadow: 0 10px 26px color-mix(in srgb, var(--_accent) 45%, transparent); }
.ja-wallet-btn:active { transform: translateY(0); }
.ja-wallet-btn:focus-visible { outline: 3px solid color-mix(in srgb, var(--_accent) 45%, transparent); outline-offset: 2px; }
.ja-wallet-icon { width: 18px; height: 18px; fill: currentColor; flex: none; }
.ja-wallet[data-state="in"] .ja-wallet-btn { background: transparent; color: var(--_ink); border: 1px solid var(--_line); box-shadow: none; padding: 0 6px 0 12px; }
.ja-wallet[data-state="in"] .ja-wallet-btn:hover { border-color: var(--_accent); }
.ja-wallet-dot { width: 8px; height: 8px; border-radius: 50%; background: #3ddc84; box-shadow: 0 0 0 3px rgba(61, 220, 132, .2); flex: none; }
.ja-wallet-label { font-variant-numeric: tabular-nums; }
.ja-wallet-bag { display: inline-flex; align-items: center; height: 28px; padding: 0 10px; border-radius: 999px; background: rgba(255, 255, 255, .08); font-size: 12px; font-weight: 600; opacity: .8; }
.ja-wallet-bag.holder { background: var(--_accent); color: var(--_on); opacity: 1; }
.ja-wallet-menu { position: absolute; right: 0; top: calc(100% + 8px); z-index: 50; min-width: 220px; padding: 6px; border: 1px solid var(--_line); border-radius: 14px; background: var(--_bg); color: var(--ja-ink, #f4f1ea); box-shadow: 0 18px 50px rgba(0, 0, 0, .35); }
.ja-wallet-menu[hidden] { display: none; }
.ja-wallet-item { display: block; width: 100%; padding: 10px 12px; border: 0; border-radius: 10px; background: transparent; color: inherit; font: inherit; font-size: 14px; text-align: left; cursor: pointer; }
.ja-wallet-item:hover { background: rgba(255, 255, 255, .07); }
.ja-wallet-note { margin: 4px 12px 8px; font-size: 11px; line-height: 1.4; opacity: .6; }