/* Brand artwork keeps its original geometry and colors. */
.brand-icon{display:inline-block;width:20px;height:20px;object-fit:contain;flex-shrink:0;vertical-align:middle}
.chain-icon{background:transparent!important;overflow:visible}
.chain-icon .brand-icon{width:75%;height:75%;max-width:none}
.chain-icon.solana{background:#16151b!important}
.chain-icon.solana .brand-icon{width:66%;height:66%}
.chain-icon.ethereum{background:#f1f2f6!important}
.chain-icon.ethereum .brand-icon{height:78%;width:78%}
.chain-icon.robinhood{background:#ccff00!important}
.chain-icon.robinhood .brand-icon{height:72%;width:72%}
.chain-icon.base .brand-icon{height:100%;width:100%}
.principles .brand-icon{width:20px;height:20px}
.social-links .brand-icon,.field-grid label .brand-icon{width:15px;height:15px}
.field-grid label .brand-icon{margin-right:5px;margin-bottom:2px}
.wallet-option .brand-icon{width:32px;height:32px;border-radius:8px}
.header-social{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:1px solid var(--line);border-radius:9px;transition:background .2s,border-color .2s}
.header-social .brand-icon{width:18px;height:18px}
.header-social:hover{background:var(--pale);border-color:var(--violet)}
.header-social:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
@media(max-width:760px){.header-actions{gap:8px}.header-social{width:35px;height:35px}.header-social .brand-icon{width:16px;height:16px}}
@media(max-width:360px){.header .brand{font-size:22px;gap:7px}.header .brand img{width:30px;height:30px}.header-actions .button{padding:8px}.header-actions .button svg{display:none}}