/* Only the authorized header, account panel and identity slots are extended. */
[hidden]{display:none!important}
html:not([data-identity-ready]) .logo,html:not([data-identity-ready]) [data-project-name],html:not([data-identity-ready]) [data-project-name-upper]{visibility:hidden}
header.bar .wrap{height:auto;min-height:58px;padding-block:6px}
.hbtns{display:flex;align-items:center;gap:8px;flex-shrink:0}
.hbtns .btn{white-space:nowrap}
.hbtns .x-action{border-color:transparent;padding-inline:10px;color:var(--mute)}
.wallet-slot{position:relative;padding-left:12px;margin-left:4px;border-left:1px solid var(--rule)}
#walletButton{min-width:143px;background:transparent;color:var(--ink)}
#walletButton:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#walletButton:disabled{cursor:wait;opacity:.6}
.wallet-panel{position:absolute;right:0;top:calc(100% + 12px);width:300px;max-width:calc(100vw - 40px);z-index:20;background:var(--paper);border:1px solid var(--ink);padding:20px;box-shadow:5px 5px 0 rgba(18,24,38,.1);font:400 13px/1.5 var(--mono);text-align:left}
.wallet-panel .panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.wallet-panel h2{font:700 16px/1.3 var(--sans);letter-spacing:0}
.wallet-panel p{margin:10px 0;overflow-wrap:anywhere}
.wallet-panel .btn{width:100%;margin-top:10px;text-align:left;white-space:normal;overflow-wrap:anywhere}
.wallet-panel .close{font:400 22px/1 var(--sans);border:0;background:none;color:var(--ink);cursor:pointer;padding:2px 5px}
.wallet-panel #walletMessage{color:var(--mute)}
.wallet-panel #walletAccount{font-size:12px;white-space:pre-line}
header.bar .logo{min-width:0;max-width:260px;overflow-wrap:anywhere;line-height:1.2}
@media(max-width:1100px){header.bar .links{gap:14px}.hbtns .btn{padding-inline:12px}header.bar .wrap{height:auto;min-height:58px;flex-wrap:wrap;padding-block:8px}header.bar .logo{flex:1}header.bar .links{order:3;width:100%;justify-content:center;padding:6px 0}}
@media(max-width:560px){header.bar .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.hbtns{display:contents}.wallet-slot{grid-column:2;grid-row:1;border:0;margin:0;padding:0}.hbtns>a{grid-row:2;text-align:center}.hbtns .x-action{grid-column:1}.hbtns>a[href="#waitlist"]{grid-column:2}header.bar .logo{max-width:none}#walletButton{min-width:143px}.wallet-panel{top:calc(100% + 8px)}}
