/* Exchanges section of the home page: the coin selector and the exchange logos. */
.exchange-coins{display:flex;gap:6px;padding:2px 14px 12px;overflow-x:auto;scrollbar-width:thin}
.exchange-coins button{flex:none;min-height:32px;padding:3px 13px;border:1px solid var(--line);border-radius:999px;background:var(--bg);font-size:12.5px;color:var(--muted);cursor:pointer;transition:color .15s,border-color .15s,background-color .15s}
.exchange-coins button:hover{color:var(--ink);border-color:var(--line-strong)}
.exchange-coins button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg);font-weight:600}
.exchange-coins button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.exchange-notice{margin:0;padding:0 16px 10px;font-size:12px;line-height:1.9;color:var(--muted)}
.exchange-retry{margin-inline-start:8px;padding:2px 10px;border:1px solid var(--line-strong);border-radius:999px;background:none;font-size:12px;color:var(--ink);cursor:pointer}
.exchange-open{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--muted);direction:ltr;font-size:16px}
.exchange-open:hover{color:var(--ink);background:var(--surface-2)}
.exchange-more{display:block;width:calc(100% - 28px);margin:10px 14px 14px;min-height:36px;border:1px solid var(--line-strong);border-radius:10px;background:none;font-size:13px;color:var(--ink);cursor:pointer}
.exchange-more:hover{background:var(--surface-2)}
.exchange-more:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.universe-table-wrap[aria-busy=true]{opacity:.6;transition:opacity .15s}
/* the exchange's own square logo, instead of the Tether pictogram every row used to share */
img.universe-icon[src*="/exchange-logos/"]{width:32px;height:32px;border-radius:8px;object-fit:cover;background:#fff;box-shadow:0 0 0 1px var(--line)}
@media (prefers-reduced-motion:reduce){.exchange-coins button,.universe-table-wrap[aria-busy=true]{transition:none}}