/* The account page's own rules. Everything structural - ex-nav, ex-panel,
   ex-kv, ex-btn, ex-wmenu - comes from shared-ui/components.css, and motion.css
   animates those names directly. Nothing here re-declares them. */

/* One exception, and it is not this site's name to choose.
   shared-ui/privy/AuthButton.jsx hardcodes `earn-auth` on its wrapper - Earn
   rendered that control first and the class came with it when the component
   moved into shared-ui/ - so the account site has to carry the same rule or
   the only interactive thing in its bar is laid out by nothing: the button
   does not centre against the 72px bar, and the account menu, which is
   positioned against this box, hangs from the wrong offset.

   Copied from earn/public/css/earn.css rather than lifted into
   shared-ui/components.css: that sheet is loaded by the six vanilla dApps too,
   which render no React and have no `earn-auth` anywhere - the shared sheet
   describes the shared vocabulary, and this is one component's box. */
.earn-auth { position: relative; display: flex; align-items: center; height: var(--pickle-nav-h); }
.earn-auth .ex-wmenu { top: calc(50% + 24px); }