/* Shared compact control sizing in both themes and at every viewport width. */
html[data-theme] body.in-app #topbar {min-height:44px}
html[data-theme] #topbar :is(.topbar-theme,.header-search-toggle) {
  box-sizing:border-box;flex-basis:32px;width:32px;height:32px;min-height:32px;padding:6px;
}
html[data-theme] #topbar .walletchip {
  box-sizing:border-box;height:32px;min-height:32px;padding:0 12px;line-height:18px;
}
html[data-theme] #topbar .hot-markets,
html[data-theme] #topbar .hot-token {height:32px}
html[data-theme] #topbar #searchWrap input {height:32px;padding-top:0;padding-bottom:0}
html[data-theme] #view-tokens :is(.tokens-modes,.tokens-search,#tokensRefresh) {
  height:32px;min-height:32px;max-height:32px;
}
html[data-theme] #view-tokens .tokens-modes {padding:2px}
html[data-theme] #view-tokens .tokens-modes button,
html[data-theme] #view-tokens #tokensRefresh {line-height:20px}
html[data-theme] #view-tokens .tokens-toolbar {row-gap:8px;margin-bottom:10px}