.hero-lab-nav{
  position:fixed;
  top:14px;
  left:14px;
  z-index:80;
  display:flex;
  gap:6px;
  align-items:center;
  font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
.hero-lab-nav a{
  display:inline-flex;
  min-width:34px;
  height:32px;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  border:1.5px solid #181818;
  border-radius:999px;
  background:#fffaf2;
  color:#181818;
  text-decoration:none;
  font-size:13px;
  line-height:1;
  box-shadow:0 4px 16px rgba(24,24,24,.08);
}
.hero-lab-nav a:hover{
  background:#181818;
  color:#fffaf2;
}
body.has-hero-lab-nav .bar{
  padding-left:190px;
}
@media(max-width:640px){
  .hero-lab-nav{
    top:10px;
    left:10px;
  }
  .hero-lab-nav a{
    min-width:32px;
    height:30px;
    padding:0 9px;
    font-size:12px;
  }
  body.has-hero-lab-nav .bar{
    padding-top:52px;
    padding-left:18px;
  }
}