@charset "UTF-8";
/* CSS Document */
/* =========================
   TOP NAV
   ========================= */

.topbar{
  position:sticky;
  top:0;
  z-index:9999;
  background:var(--brand);
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.12);
  box-shadow:var(--shadow);
  overflow:visible;
}

.topbar__inner{
  height:var(--nav-bar-h);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 20px;
  gap:20px;
  overflow:visible;
}

.brand{
  display:flex;
  align-items:center;
  overflow:visible;
}

.brand img{
  height:var(--nav-logo-h);
  width:auto;
  display:block;
  object-fit:contain;
  transform:translateY(var(--logo-hang));
  transform-origin:left center;
}