.site-nav .site-menu .site-account-link{
  position:relative;
  border-color:rgba(240,166,60,.42);
  color:#e9e6de;
}
.site-nav .site-menu .site-account-link::before{
  content:"";
  width:6px;
  height:6px;
  margin-right:8px;
  flex:none;
  border:1px solid #f0a63c;
  border-radius:50%;
  box-shadow:0 0 0 3px rgba(240,166,60,.08);
}
.site-nav .site-menu .site-account-link:hover,
.site-nav .site-menu .site-account-link[aria-current="page"]{
  border-color:#f0a63c!important;
  background:rgba(240,166,60,.08)!important;
  color:#ffbb57!important;
}

.site-account-link--studio{
  display:inline-flex;
  min-height:26px;
  padding:0 8px;
  align-items:center;
  border:1px solid var(--bd);
  border-radius:4px;
  color:var(--mut);
  font:500 9px var(--mono);
  letter-spacing:.05em;
  text-decoration:none;
  text-transform:uppercase;
  white-space:nowrap;
}
.site-account-link--studio:hover{border-color:var(--acc);color:var(--acc)}
.site-account-link--studio:focus-visible{outline:2px solid var(--acc);outline-offset:2px}

.site-account-link--lab{
  display:inline-flex;
  min-height:36px;
  padding:7px 11px;
  align-items:center;
  justify-content:center;
  border:1px solid #54736a;
  border-radius:2px;
  color:#c4d2cc;
  font:600 9px var(--sw-mono);
  letter-spacing:.08em;
  line-height:1.2;
  text-decoration:none;
  text-transform:uppercase;
  white-space:nowrap;
}
.site-account-link--lab:hover{border-color:var(--sw-acid);color:var(--sw-acid)}
.site-account-link--lab:focus-visible{outline:2px solid var(--sw-acid);outline-offset:2px}

@media(max-width:780px){
  .site-account-link--lab{min-height:44px;padding-inline:10px}
}
@media(max-width:680px){
  .site-account-link--studio{width:28px;padding:0;justify-content:center;font-size:0}
  .site-account-link--studio::before{content:"";width:8px;height:8px;border:1px solid currentColor;border-radius:50%;box-shadow:0 5px 0 -2px currentColor}
}