.workspace-nav-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:18px;
  height:18px;
  margin-left:5px;
  padding:0 5px;
  border-radius:999px;
  background:#0b5263;
  color:#fff;
  font-size:10px;
  font-weight:700;
  line-height:1;
  vertical-align:middle;
}

.lexemer-matter-context{
  position:relative;
  z-index:80;
  border-bottom:1px solid rgba(11,82,99,.16);
  background:#eef8fa;
  color:#17313a;
}

.lexemer-matter-context__inner{
  width:min(1440px,calc(100% - 40px));
  min-height:38px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
}

.lexemer-matter-context__dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#0e788c;
  box-shadow:0 0 0 4px rgba(14,120,140,.12);
}

.lexemer-matter-context__label,
.lexemer-matter-context__tool{
  color:#5b7077;
}

.lexemer-matter-context__tool::before{
  content:'·';
  margin-right:8px;
}

.lexemer-matter-context__spacer{flex:1}

.lexemer-matter-context a,
.lexemer-matter-context button{
  border:0;
  background:transparent;
  color:#0b5263;
  font:inherit;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
}

.lexemer-matter-context button{
  padding:4px 0 4px 10px;
  color:#63757b;
}

html.theme-dark .workspace-nav-count{background:#55b5c8;color:#061a20}
html.theme-dark .lexemer-matter-context{border-bottom-color:rgba(85,181,200,.2);background:#0e2027;color:#e8f5f7}
html.theme-dark .lexemer-matter-context__label,
html.theme-dark .lexemer-matter-context__tool{color:#96adb3}
html.theme-dark .lexemer-matter-context a{color:#77cada}
html.theme-dark .lexemer-matter-context button{color:#9babb0}

html.lexemer-workspace-embed .topbar,
html.lexemer-workspace-embed .footer,
html.lexemer-workspace-embed .lexemer-matter-context{
  display:none!important;
}

html.lexemer-workspace-embed,
html.lexemer-workspace-embed body{
  min-height:100%;
  scroll-padding-top:0!important;
}

@media(max-width:700px){
  .lexemer-matter-context__inner{width:min(100% - 24px,1440px);flex-wrap:wrap;padding:8px 0}
  .lexemer-matter-context__label{display:none}
  .lexemer-matter-context__spacer{display:none}
  .lexemer-matter-context__tool{width:100%;order:5;margin-left:15px}
  .lexemer-matter-context a{margin-left:auto}
}