multi-wallet.css (1694B)
1 .wallet-button { 2 appearance: none; 3 border: 0; 4 background: transparent; 5 color: var(--ink); 6 padding: 0; 7 display: flex; 8 align-items: center; 9 gap: 10px; 10 text-align: left; 11 cursor: pointer; 12 } 13 .wallet-button .brand span { display: none; } 14 .wallet-button .brand-mark { width: 38px; height: 38px; border-radius: 12px; } 15 .wallet-button > span { display: grid; gap: 3px; } 16 .wallet-button strong { 17 font-size: 13px; 18 max-width: 120px; 19 overflow: hidden; 20 text-overflow: ellipsis; 21 white-space: nowrap; 22 } 23 .wallet-button small, .wallet-row small { font-size: 10px; color: var(--muted); } 24 .picker-title { margin-top: 34px; } 25 .wallet-list { display: grid; gap: 9px; margin: 22px 0; } 26 .wallet-row { 27 appearance: none; 28 width: 100%; 29 border: 1px solid var(--line); 30 background: var(--panel); 31 color: var(--ink); 32 border-radius: 16px; 33 padding: 15px; 34 display: flex; 35 align-items: center; 36 justify-content: space-between; 37 text-align: left; 38 cursor: pointer; 39 } 40 .wallet-row.active { border-color: rgba(213, 245, 95, .5); } 41 .wallet-row span:first-child { display: grid; gap: 6px; min-width: 0; } 42 .wallet-row strong { overflow: hidden; text-overflow: ellipsis; } 43 .mode-badge { 44 display: inline-flex; 45 margin: 0 0 18px; 46 padding: 7px 10px; 47 border-radius: 999px; 48 background: rgba(213, 245, 95, .08); 49 border: 1px solid rgba(213, 245, 95, .24); 50 color: var(--lime); 51 font-size: 11px; 52 font-weight: 700; 53 } 54 .migration-card { margin: 8px 0 26px; } 55 .migration-card h2 { margin: 0 0 8px; font: 600 20px/1.2 Georgia, serif; } 56 .migration-card p:not(.eyebrow) { margin: 0 0 14px; color: var(--muted); font-size: 13px; line-height: 1.5; } 57 .migration-card .button { width: 100%; }