html[data-theme] #topbar .header-search-host {position:relative;display:flex;flex:0 0 32px;height:32px;z-index:80}
html[data-theme] #topbar #searchWrap {
  display:block;position:absolute;top:0;right:calc(100% + 8px);left:auto;
  width:min(440px,var(--search-space,440px));padding:0;margin:0;border:0;
  background:transparent;box-shadow:none;max-width:none;
  opacity:0;visibility:hidden;clip-path:inset(0 0 -520px 100%);
  transform:translateX(8px);pointer-events:none;
  transition:clip-path .28s cubic-bezier(.22,.68,0,1),transform .28s cubic-bezier(.22,.68,0,1),opacity .18s,visibility 0s .28s;
}
html[data-theme] #topbar .search-open #searchWrap {
  opacity:1;visibility:visible;clip-path:inset(0 -24px -520px -24px);transform:translateX(0);pointer-events:auto;
  transition-delay:0s;
}
html[data-theme] #topbar #searchWrap input {height:32px;padding:0 34px 0 12px;border-radius:999px;background:var(--surface);font-size:12px}
html[data-theme] #topbar #searchClear {right:6px}
html[data-theme] #topbar #suggest {top:calc(100% + 8px);background:var(--surface);border-radius:14px;max-height:min(470px,calc(100dvh - 120px));box-shadow:0 10px 32px #0002}
html[data-theme] #suggest .search-result {display:flex;align-items:center;gap:9px;padding:10px 12px;min-height:64px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);font-family:inherit}
html[data-theme] #suggest .search-result:last-child {border-bottom:0}
html[data-theme] #suggest .search-result:is(:hover,:focus-visible,.on) {background:var(--surface-2)}
#suggest .search-logo {position:relative;display:grid;place-items:center;overflow:hidden;width:32px;height:32px;flex:0 0 32px;border:1px solid var(--line);border-radius:50%;background:var(--surface-2);font-size:10px;color:var(--muted)}
#suggest .search-logo img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;background:var(--surface)}
#suggest .search-identity {display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
#suggest .search-symbol-row {display:flex;align-items:center;gap:5px;min-width:0}
#suggest .s-sym {min-width:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#suggest .s-name {font-size:11px;line-height:14px}
#suggest .s-addr {font-size:9px;line-height:12px;text-transform:none}
#suggest .s-tag {font-size:8px;padding:0 4px}
#suggest .search-cap {display:flex;flex-direction:column;gap:3px;text-align:right;flex:0 0 auto;min-width:68px}
#suggest .search-cap-label {font-size:9px;line-height:12px;color:var(--muted)}
#suggest .search-cap-value {font-size:12px;line-height:16px;font-variant-numeric:tabular-nums}
#suggest .s-note {font-size:11px}
@media(max-width:640px){
  html[data-theme] #topbar #searchWrap {top:calc(100% + 8px);left:calc(12px - var(--search-anchor-left,12px));right:auto;width:calc(var(--search-screen-width,100vw) - 24px)}
}
@media(prefers-reduced-motion:reduce){html[data-theme] #topbar #searchWrap {transition:none;transform:none}}
