.m-topbar{
  --m-topbar-height: 40px;
  font-size:15px;
  height:var(--m-topbar-height);
  max-height:var(--m-topbar-height);
  padding-top:14px;
  padding-bottom:14px;
  white-space:nowrap;
  z-index:99;
  transition:background var(--m-duration-short, 0.1s);
  position:relative;
  display:none
}


.m-topbar--show-divider {
  border-bottom:1px solid rgb(var(--color-border))
}
.m-topbar__inner { 
  cursor:pointer;
  margin-left:-16px;
  margin-right:-16px;
}
.m-topbar__link{
  display:flex;align-items:center;padding-left:16px;padding-right:16px;transition:color var(--m-duration-default, 0.25s)}.m-topbar__link span{margin-left:8px}.m-topbar__link:hover{color:rgb(var(--color-foreground))}.m-topbar .m-switcher-dropdown,.m-topbar .social-media-links a{padding:0 16px}.m-topbar .m-switcher-dropdown form{padding:0}.m-topbar .social-media-links a{transition:color var(--m-duration-default, 0.25s)}.m-topbar .social-media-links a:hover{color:rgb(var(--color-foreground))}
@media screen and (min-width: 1024px){
  .m-topbar{
    display:flex;
    align-items:center
  }
}