/**
 * BeaMii core topbar module
 * Version: 1.2.0
 * Scope: shared topbar/searchbar shell contract.
 *
 * 1.2.0:
 * - Install action is fail-closed and never leaks into standalone/entity PWA mode.
 * - Mobile wordmark/action spacing is tightened for a calmer topbar.
 *
 * 1.1.0:
 * - Fjerner map-specifik header-komprimering.
 * - /kort/ og /foreningskort/ bruger nu samme topbar/searchbar-kontrakt
 *   som forsiden og de øvrige app-shell views.*/.topbar,
.topbar--shared,
.topbar--simple,
.topbar--search,
.topbar--view-home,
.topbar--view-default,
.topbar--view-account,
.topbar--view-places,
.topbar--view-associations,
.topbar--view-map,
.topbar--view-association-map,
.topbar--view-place,
.topbar--view-association,
.topbar--places,
.topbar--associations,
.topbar--map,
.topbar--association-map,
.topbar--place{position:fixed !important;left:0 !important;right:0 !important;top:0 !important;z-index:70 !important;padding:calc(var(--beamii-shell-safe-top) + 8px)
    max(var(--beamii-shell-topbar-pad-x), var(--beamii-shell-safe-right))
    var(--beamii-shell-topbar-pad-bottom)
    max(var(--beamii-shell-topbar-pad-x), var(--beamii-shell-safe-left)) !important;background:#ffffff !important;box-shadow:none !important;pointer-events:none !important;overflow:visible !important;isolation:isolate !important;box-sizing:border-box !important;
}.topbar::before{content:"" !important;position:absolute !important;left:0 !important;right:0 !important;top:calc(-1 * var(--beamii-shell-safe-top)) !important;height:calc(var(--beamii-shell-safe-top) + 2px) !important;background:#ffffff !important;transform:none !important;z-index:-1 !important;pointer-events:none !important;
}/*Notification-state ownership stays with the canonical topbar.*/body.has-topbar-notifications .topbar{z-index:2147483205;
}body.admin-bar .topbar::before{display:none !important;
}.topbar-inner{width:100% !important;max-width:var(--places-max, 1280px) !important;margin:0 auto !important;display:flex !important;flex-direction:column !important;gap:var(--beamii-shell-chip-gap) !important;pointer-events:none !important;box-sizing:border-box !important;
}.searchbar,
.searchbar--shared,
.searchbar--brand,
.searchbar--interactive,
.searchbar--place,
.searchbar--view-home,
.searchbar--view-default,
.searchbar--view-account,
.searchbar--view-places,
.searchbar--view-associations,
.searchbar--view-map,
.searchbar--view-association-map,
.searchbar--view-place,
.searchbar--view-association,
.topbar--places .searchbar,
.topbar--associations .searchbar,
.topbar--map .searchbar,
.topbar--association-map .searchbar,
.topbar--place .searchbar,
.topbar--simple .searchbar,
.topbar--search .searchbar{width:100% !important;max-width:560px !important;min-height:var(--beamii-shell-topbar-row-h) !important;height:auto !important;margin:0 auto !important;padding:8px 10px 8px 12px !important;display:flex !important;align-items:center !important;gap:8px !important;border-radius:0 !important;background:linear-gradient(180deg, #ffffff 0%, #f5fbff 100%) !important;border:1px solid rgba(11,143,216,.18) !important;box-shadow:0 8px 22px rgba(11,143,216,.08) !important;overflow:visible !important;pointer-events:auto !important;box-sizing:border-box !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
}.searchbar::before{display:none !important;
}.searchbar-content{min-width:0 !important;gap:8px !important;display:flex !important;align-items:center !important;flex:1 1 auto !important;
}.beamii-logo,
.beamii-logo--character{width:42px !important;height:42px !important;flex:0 0 42px !important;border-radius:14px !important;
}.beamii-logo--brandmark{width:clamp(132px, 42vw, 214px) !important;height:42px !important;flex:0 1 clamp(132px, 42vw, 214px) !important;display:flex !important;align-items:center !important;justify-content:flex-start !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;overflow:visible !important;
}.beamii-logo--brandmark:focus-visible{outline:2px solid rgba(11,143,216,.36) !important;outline-offset:4px !important;border-radius:12px !important;
}.beamii-logo__image{display:block !important;width:100% !important;max-width:214px !important;height:42px !important;object-fit:contain !important;object-position:left center !important;pointer-events:none !important;user-select:none !important;-webkit-user-drag:none !important;
}.beamii-logo__fallback{display:block !important;color:#10243a !important;font-size:19px !important;font-weight:950 !important;line-height:1 !important;white-space:nowrap !important;
}.topbar-brand--appname{flex:1 1 auto !important;min-width:0 !important;max-width:none !important;
}.topbar-brand__name{color:#10243a !important;
}.topbar-desktop-search{display:none !important;background:#ffffff !important;border:1px solid rgba(11,143,216,.15) !important;color:#39495d !important;box-shadow:none !important;text-decoration:none !important;
}.topbar-desktop-search__icon{color:#1f527c !important;background:#dff4ff !important;
}.topbar-desktop-search__text{color:#39495d !important;
}.topbar-desktop-search:hover,
.topbar-desktop-search:focus-visible{background:#f8fcff !important;border-color:rgba(11,143,216,.24) !important;box-shadow:0 8px 18px rgba(11,143,216,.10) !important;
}.topbar-actions{position:relative !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;flex:0 0 auto !important;gap:7px !important;min-width:0 !important;margin-left:auto !important;overflow:visible !important;pointer-events:auto !important;z-index:95 !important;
}.topbar-actions .beamii-topbar-search-btn{order:10; }.topbar-actions .beamii-topbar-location{order:20; }.topbar-actions .beamii-topbar-notifications{order:30; }.topbar-actions .beamii-lang-inline{order:40; }.topbar-actions .beamii-install-btn{order:50; }.topbar-actions .avatar--profile-menu,
.topbar-actions .avatar--login,
.topbar-actions .beamii-login-btn{order:60; }.topbar-actions .beamii-topbar-search-btn{text-decoration:none !important;
}.topbar-actions .icon-btn,
.topbar-actions .beamii-topbar-location__btn,
.topbar-actions .beamii-topbar-notifications__btn,
.topbar-actions .beamii-login-btn,
.topbar-actions .avatar{width:35px !important;height:35px !important;flex:0 0 35px !important;display:grid !important;place-items:center !important;padding:0 !important;border-radius:999px !important;overflow:hidden !important;cursor:pointer !important;text-decoration:none !important;touch-action:manipulation !important;-webkit-tap-highlight-color:transparent !important;
}.topbar-actions .avatar__initials{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:100%;border-radius:999px;background:linear-gradient(145deg,#1f527c 0%,#2f78a8 100%);color:#fff;font-size:10.5px;line-height:1;font-weight:950;letter-spacing:.03em;user-select:none;
}.topbar-actions .avatar.avatar--profile-menu{position:relative !important;overflow:visible !important;isolation:isolate;
}.topbar-actions .avatar__menu-indicator{position:absolute;right:-3px;bottom:-3px;z-index:2;width:16px;height:16px;display:grid;place-items:center;border-radius:999px;background:#071929;color:#fff;border:2px solid #1f527c;box-shadow:0 2px 5px rgba(0,0,0,.18);pointer-events:none;
}.topbar-actions .avatar__menu-indicator i{display:block;font-size:7px;line-height:1;transform:translateY(.5px);
}body.has-profile-overlay .topbar-actions .avatar__menu-indicator{background:#fff;color:#1f527c;
}.topbar-actions .icon-btn:active,
.topbar-actions .avatar:active{transform:scale(.98);
}@media (max-width:380px){.topbar-actions .avatar__menu-indicator{width:15px;height:15px;right:-2px;bottom:-2px;
  }
}.topbar-actions .icon-btn,
.topbar-actions .beamii-topbar-location__btn,
.topbar-actions .beamii-topbar-notifications__btn,
.topbar-actions .beamii-login-btn,
.topbar-actions .avatar{background:#f6fcff !important;border:1px solid rgba(11,143,216,.16) !important;box-shadow:none !important;color:#1f527c !important;
}.topbar-actions .icon-btn > i,
.topbar-actions .beamii-topbar-location__btn > i,
.topbar-actions .beamii-topbar-notifications__btn > i,
.topbar-actions .beamii-login-btn > i,
.topbar-actions .avatar--login > i{color:#1f527c !important;
}.topbar-actions .icon-btn:hover,
.topbar-actions .icon-btn:focus-visible,
.topbar-actions .beamii-topbar-location__btn:hover,
.topbar-actions .beamii-topbar-location__btn:focus-visible,
.topbar-actions .beamii-topbar-notifications__btn:hover,
.topbar-actions .beamii-topbar-notifications__btn:focus-visible,
.topbar-actions .beamii-login-btn:hover,
.topbar-actions .beamii-login-btn:focus-visible,
.topbar-actions .avatar:hover,
.topbar-actions .avatar:focus-visible{background:#dff4ff !important;border-color:rgba(11,143,216,.28) !important;box-shadow:0 8px 18px rgba(11,143,216,.12) !important;
}.topbar-actions .avatar--profile-menu{background:#ffffff !important;box-shadow:0 0 0 2px rgba(31,127,189,.10) !important;
}.topbar-search,
.topbar-place{display:none !important;
}.beamii-profile-language{display:grid !important;gap:10px !important;padding:12px !important;margin:0 0 10px !important;border-radius:18px !important;background:#f5f9fc !important;border:1px solid rgba(16,36,58,.08) !important;
}.beamii-profile-language__label{display:flex !important;align-items:center !important;gap:8px !important;color:#10243a !important;font-size:13px !important;font-weight:950 !important;
}.beamii-profile-language__label i{color:#ff8a1f !important;
}.beamii-profile-language__options{display:grid !important;grid-template-columns:repeat(3, minmax(0, 1fr)) !important;gap:8px !important;
}.beamii-profile-language__btn{min-width:0 !important;min-height:44px !important;padding:0 8px !important;border-radius:14px !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:7px !important;background:#ffffff !important;border:1px solid rgba(16,36,58,.10) !important;color:#39495d !important;text-decoration:none !important;font-size:12px !important;font-weight:900 !important;
}.beamii-profile-language__btn span{display:grid !important;place-items:center !important;width:24px !important;height:24px !important;flex:0 0 24px !important;border-radius:999px !important;background:#edf3f8 !important;color:#18324d !important;font-size:10px !important;font-weight:950 !important;
}.beamii-profile-language__btn strong{min-width:0 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;
}.beamii-profile-language__btn.is-active{border-color:#ff8a1f !important;color:#10243a !important;box-shadow:0 0 0 2px rgba(255,138,31,.14) !important;
}.beamii-profile-language__btn.is-active span{background:#ff8a1f !important;color:#fff !important;
}.beamii-profile-link--button{width:100% !important;border:0 !important;cursor:pointer !important;text-align:left !important;font:inherit !important;
}.beamii-profile-nav--settings{display:grid !important;gap:8px !important;
}/** Responsive search contract:
 * - below 900px the compact round search action owns search access;
 * - from 900px the full search affordance replaces that action.
 * Both controls remain in the DOM so viewport changes need no JS re-render.*/@media (min-width:900px){.topbar-desktop-search{display:flex !important;flex:1 1 min(520px, 48vw) !important;min-width:260px !important;max-width:640px !important;height:42px !important;align-items:center !important;gap:11px !important;padding:0 16px !important;margin:0 auto !important;border-radius:999px !important;
  }.topbar-desktop-search__icon{flex:0 0 18px !important;display:grid !important;place-items:center !important;width:18px !important;height:18px !important;font-size:14px !important;
  }.topbar-desktop-search__text{min-width:0 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;font-size:14px !important;font-weight:750 !important;letter-spacing:.005em !important;
  }.topbar-actions .beamii-topbar-search-btn{display:none !important;
  }
}@media (max-width:760px){.topbar,
  .topbar--shared,
  .topbar--simple,
  .topbar--search,
  .topbar--view-home,
  .topbar--view-default,
  .topbar--view-account,
  .topbar--view-places,
  .topbar--view-associations,
  .topbar--view-map,
  .topbar--view-association-map,
  .topbar--view-place,
  .topbar--view-association,
  .topbar--places,
  .topbar--associations,
  .topbar--map,
  .topbar--association-map,
  .topbar--place{padding:var(--beamii-shell-safe-top)
      var(--beamii-shell-safe-right)
      8px
      var(--beamii-shell-safe-left) !important;
  }.topbar-inner{max-width:none !important;gap:10px !important;
  }.beamii-logo--brandmark{width:clamp(124px, 38vw, 158px) !important;flex-basis:clamp(124px, 38vw, 158px) !important;
  }.beamii-logo__image{max-width:158px !important;
  }.topbar-actions{gap:6px !important;
  }.searchbar,
  .searchbar--shared,
  .searchbar--brand,
  .searchbar--interactive,
  .searchbar--place,
  .searchbar--view-home,
  .searchbar--view-default,
  .searchbar--view-account,
  .searchbar--view-places,
  .searchbar--view-associations,
  .searchbar--view-map,
  .searchbar--view-association-map,
  .searchbar--view-place,
  .searchbar--view-association,
  .topbar--places .searchbar,
  .topbar--associations .searchbar,
  .topbar--map .searchbar,
  .topbar--association-map .searchbar,
  .topbar--place .searchbar,
  .topbar--simple .searchbar,
  .topbar--search .searchbar{max-width:none !important;min-height:58px !important;margin:0 !important;border-radius:0 !important;border-left:0 !important;border-right:0 !important;border-top:0 !important;
  }
}@media (max-width:390px){.beamii-logo--brandmark{width:clamp(116px, 35vw, 138px) !important;flex-basis:clamp(116px, 35vw, 138px) !important;
  }.beamii-logo__image{max-width:138px !important;
  }.topbar-actions{gap:5px !important;
  }.topbar-actions .icon-btn,
  .topbar-actions .beamii-topbar-location__btn,
  .topbar-actions .beamii-topbar-notifications__btn,
  .topbar-actions .beamii-login-btn,
  .topbar-actions .avatar{width:34px !important;height:34px !important;flex-basis:34px !important;
  }
}/** Map topbar parity:
 * Der findes bevidst ingen .beamii-map-page header-overrides her.
 * Kort, foreningskort og forside skal dele samme primære header-kontrakt.
 * View-specifik logik håndteres via data-view/chips/JS - ikke via separat header-layout.*//*Brandmark-logo skal ikke arve ikon-størrelse fra den kompakte topbar.*/.searchbar--brand .beamii-logo--brandmark,
.searchbar--interactive .beamii-logo--brandmark,
.searchbar--view-home .beamii-logo--brandmark{width:clamp(146px, 44vw, 214px) !important;height:44px !important;flex:0 0 clamp(146px, 44vw, 214px) !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;overflow:visible !important;
}.searchbar--brand .beamii-logo--brandmark .beamii-logo__image,
.searchbar--interactive .beamii-logo--brandmark .beamii-logo__image,
.searchbar--view-home .beamii-logo--brandmark .beamii-logo__image{width:100% !important;max-width:214px !important;height:44px !important;object-fit:contain !important;object-position:left center !important;
}@media (max-width:760px){.searchbar--brand .beamii-logo--brandmark,
  .searchbar--interactive .beamii-logo--brandmark,
  .searchbar--view-home .beamii-logo--brandmark{width:clamp(124px, 38vw, 158px) !important;flex:0 1 clamp(124px, 38vw, 158px) !important;
  }.searchbar--brand .beamii-logo--brandmark .beamii-logo__image,
  .searchbar--interactive .beamii-logo--brandmark .beamii-logo__image,
  .searchbar--view-home .beamii-logo--brandmark .beamii-logo__image{max-width:158px !important;
  }
}@media (max-width:390px){.searchbar--brand .beamii-logo--brandmark,
  .searchbar--interactive .beamii-logo--brandmark,
  .searchbar--view-home .beamii-logo--brandmark{width:clamp(116px, 35vw, 138px) !important;flex-basis:clamp(116px, 35vw, 138px) !important;
  }.searchbar--brand .beamii-logo--brandmark .beamii-logo__image,
  .searchbar--interactive .beamii-logo--brandmark .beamii-logo__image,
  .searchbar--view-home .beamii-logo--brandmark .beamii-logo__image{max-width:138px !important;
  }
}/*=====================================================
   BeaMii tablet topbar alignment v42.6
   Scope: iPad/tablet widths between mobile edge-to-edge and desktop header.
   Keeps mobile <=760px and desktop >=900px untouched.
=====================================================*/@media (min-width:761px) and (max-width:899px){.topbar,
  .topbar--shared,
  .topbar--simple,
  .topbar--search,
  .topbar--view-home,
  .topbar--view-default,
  .topbar--view-account,
  .topbar--view-places,
  .topbar--view-associations,
  .topbar--view-map,
  .topbar--view-association-map,
  .topbar--view-place,
  .topbar--view-association,
  .topbar--places,
  .topbar--associations,
  .topbar--map,
  .topbar--association-map,
  .topbar--place{padding:calc(var(--beamii-shell-safe-top, env(safe-area-inset-top, 0px)) + 8px)
      max(20px, var(--beamii-shell-safe-right, env(safe-area-inset-right, 0px)))
      10px
      max(20px, var(--beamii-shell-safe-left, env(safe-area-inset-left, 0px))) !important;background:linear-gradient(180deg,
        #ffffff 0%,
        rgba(255,255,255,.98) 74%,
        rgba(255,255,255,0) 100%) !important;
  }.topbar-inner{width:min(860px, calc(100vw - 40px)) !important;max-width:min(860px, calc(100vw - 40px)) !important;margin-inline:auto !important;
  }.searchbar,
  .searchbar--shared,
  .searchbar--brand,
  .searchbar--interactive,
  .searchbar--place,
  .searchbar--view-home,
  .searchbar--view-default,
  .searchbar--view-account,
  .searchbar--view-places,
  .searchbar--view-associations,
  .searchbar--view-map,
  .searchbar--view-association-map,
  .searchbar--view-place,
  .searchbar--view-association,
  .topbar--places .searchbar,
  .topbar--associations .searchbar,
  .topbar--map .searchbar,
  .topbar--association-map .searchbar,
  .topbar--place .searchbar,
  .topbar--simple .searchbar,
  .topbar--search .searchbar{width:100% !important;max-width:none !important;min-height:58px !important;margin:0 auto !important;padding:8px 12px !important;border-radius:24px !important;border:1px solid rgba(11,143,216,.18) !important;box-shadow:0 10px 26px rgba(11,143,216,.09),
      inset 0 1px 0 rgba(255,255,255,.92) !important;
  }.beamii-logo--brandmark,
  .searchbar--brand .beamii-logo--brandmark,
  .searchbar--interactive .beamii-logo--brandmark,
  .searchbar--view-home .beamii-logo--brandmark{width:clamp(158px, 28vw, 214px) !important;flex-basis:clamp(158px, 28vw, 214px) !important;flex-shrink:0 !important;
  }.beamii-logo__image,
  .searchbar--brand .beamii-logo--brandmark .beamii-logo__image,
  .searchbar--interactive .beamii-logo--brandmark .beamii-logo__image,
  .searchbar--view-home .beamii-logo--brandmark .beamii-logo__image{max-width:214px !important;
  }.topbar-actions{gap:8px !important;margin-left:auto !important;
  }.topbar-actions .icon-btn,
  .topbar-actions .beamii-topbar-location__btn,
  .topbar-actions .beamii-topbar-notifications__btn,
  .topbar-actions .beamii-login-btn,
  .topbar-actions .avatar{width:36px !important;height:36px !important;flex-basis:36px !important;
  }
}/*=====================================================
   BeaMii tablet shell polish v42.7
   Scope: tablets/iPad widths only. Mobile <=760px stays untouched.
   Makes the app topbar and bottom nav feel like centered app chrome instead of stretched desktop/mobile chrome.
=====================================================*/@media (min-width:761px) and (max-width:1366px){.topbar,
  .topbar--shared,
  .topbar--simple,
  .topbar--search,
  .topbar--view-home,
  .topbar--view-default,
  .topbar--view-account,
  .topbar--view-places,
  .topbar--view-associations,
  .topbar--view-map,
  .topbar--view-association-map,
  .topbar--view-place,
  .topbar--view-association,
  .topbar--places,
  .topbar--associations,
  .topbar--map,
  .topbar--association-map,
  .topbar--place{padding:calc(var(--beamii-shell-safe-top, env(safe-area-inset-top, 0px)) + 10px)
      clamp(24px, 4.25vw, 58px)
      10px
      clamp(24px, 4.25vw, 58px) !important;background:linear-gradient(180deg,
        rgba(255,255,255,.98) 0%,
        rgba(255,255,255,.94) 72%,
        rgba(255,255,255,0) 100%) !important;
  }.topbar-inner{width:min(1180px, calc(100vw - clamp(48px, 8vw, 112px))) !important;max-width:min(1180px, calc(100vw - clamp(48px, 8vw, 112px))) !important;margin-inline:auto !important;
  }.searchbar,
  .searchbar--shared,
  .searchbar--brand,
  .searchbar--interactive,
  .searchbar--place,
  .searchbar--view-home,
  .searchbar--view-default,
  .searchbar--view-account,
  .searchbar--view-places,
  .searchbar--view-associations,
  .searchbar--view-map,
  .searchbar--view-association-map,
  .searchbar--view-place,
  .searchbar--view-association,
  .topbar--places .searchbar,
  .topbar--associations .searchbar,
  .topbar--map .searchbar,
  .topbar--association-map .searchbar,
  .topbar--place .searchbar,
  .topbar--simple .searchbar,
  .topbar--search .searchbar{width:100% !important;max-width:none !important;min-height:58px !important;margin:0 auto !important;padding:8px 12px 8px 14px !important;border-radius:26px !important;border:1px solid rgba(11,143,216,.18) !important;background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,252,255,.98) 100%) !important;box-shadow:0 12px 30px rgba(11,143,216,.10),
      inset 0 1px 0 rgba(255,255,255,.94) !important;
  }.beamii-logo--brandmark,
  .searchbar--brand .beamii-logo--brandmark,
  .searchbar--interactive .beamii-logo--brandmark,
  .searchbar--view-home .beamii-logo--brandmark{width:clamp(174px, 20vw, 236px) !important;flex:0 0 clamp(174px, 20vw, 236px) !important;
  }.beamii-logo__image,
  .searchbar--brand .beamii-logo--brandmark .beamii-logo__image,
  .searchbar--interactive .beamii-logo--brandmark .beamii-logo__image,
  .searchbar--view-home .beamii-logo--brandmark .beamii-logo__image{max-width:236px !important;
  }.topbar-desktop-search{min-width:0 !important;flex:1 1 360px !important;max-width:520px !important;
  }.topbar-actions{gap:9px !important;margin-left:auto !important;
  }.topbar-actions .icon-btn,
  .topbar-actions .beamii-topbar-location__btn,
  .topbar-actions .beamii-topbar-notifications__btn,
  .topbar-actions .beamii-login-btn,
  .topbar-actions .avatar{width:38px !important;height:38px !important;flex-basis:38px !important;
  }

}/*=====================================================
   BeaMii topbar install action v1.1
   - Fail-closed: the install action is hidden until pwa.js explicitly proves
     that this page is running in a normal browser.
   - Standalone/entity-PWA classes are an extra CSS safety net.
   - Narrow widths reserve room without changing the topbar architecture.
=====================================================*/.topbar-actions .beamii-install-btn,
.topbar-actions .beamii-install-btn[hidden]{display:none !important;
}html.beamii-browser-install-action:not(.is-standalone):not(.beamii-pwa-standalone):not(.beamii-shell-standalone-ios):not(.beamii-entity-app-mode) .beamii-install-btn:not([hidden]){display:grid !important;
}html.is-standalone .beamii-install-btn,
html.beamii-pwa-standalone .beamii-install-btn,
html.beamii-shell-standalone-ios .beamii-install-btn,
html.beamii-entity-app-mode .beamii-install-btn,
body.beamii-entity-app-mode .beamii-install-btn{display:none !important;
}@media (max-width:390px){html.beamii-browser-install-action .searchbar--brand .beamii-logo--brandmark,
  html.beamii-browser-install-action .searchbar--interactive .beamii-logo--brandmark,
  html.beamii-browser-install-action .searchbar--view-home .beamii-logo--brandmark{width:clamp(104px, 31vw, 126px) !important;flex-basis:clamp(104px, 31vw, 126px) !important;
  }html.beamii-browser-install-action .searchbar--brand .beamii-logo--brandmark .beamii-logo__image,
  html.beamii-browser-install-action .searchbar--interactive .beamii-logo--brandmark .beamii-logo__image,
  html.beamii-browser-install-action .searchbar--view-home .beamii-logo--brandmark .beamii-logo__image{max-width:126px !important;
  }html.beamii-browser-install-action .topbar-actions{gap:4px !important;
  }html.beamii-browser-install-action .topbar-actions .icon-btn,
  html.beamii-browser-install-action .topbar-actions .beamii-topbar-location__btn,
  html.beamii-browser-install-action .topbar-actions .beamii-topbar-notifications__btn,
  html.beamii-browser-install-action .topbar-actions .beamii-login-btn,
  html.beamii-browser-install-action .topbar-actions .avatar{width:34px !important;height:34px !important;flex-basis:34px !important;
  }
}@media (max-width:350px){html.beamii-browser-install-action .searchbar--brand .beamii-logo--brandmark,
  html.beamii-browser-install-action .searchbar--interactive .beamii-logo--brandmark,
  html.beamii-browser-install-action .searchbar--view-home .beamii-logo--brandmark{width:96px !important;flex-basis:96px !important;
  }html.beamii-browser-install-action .searchbar--brand .beamii-logo--brandmark .beamii-logo__image,
  html.beamii-browser-install-action .searchbar--interactive .beamii-logo--brandmark .beamii-logo__image,
  html.beamii-browser-install-action .searchbar--view-home .beamii-logo--brandmark .beamii-logo__image{max-width:96px !important;
  }html.beamii-browser-install-action .topbar-actions{gap:3px !important;
  }html.beamii-browser-install-action .topbar-actions .icon-btn,
  html.beamii-browser-install-action .topbar-actions .beamii-topbar-location__btn,
  html.beamii-browser-install-action .topbar-actions .beamii-topbar-notifications__btn,
  html.beamii-browser-install-action .topbar-actions .beamii-login-btn,
  html.beamii-browser-install-action .topbar-actions .avatar{width:34px !important;height:34px !important;flex-basis:34px !important;
  }
}