/* Language picker. Sits in the public nav before Sign in, or in the shell anchor. */
#ss-lang-root {
  display: inline-flex;
  align-items: center;
  margin-right: 8px;
}
#ss-lang-root select {
  font-family: inherit;
  font-size: 13px;
  line-height: 1.2;
  min-height: 44px;
  padding: 0 8px;
  border: 1px solid rgba(11, 31, 58, 0.18);
  border-radius: 8px;
  background: #fff;
  /* The nav is light type on a dark bar. The menu is white, so the
     options use the body colour, not the inherited grey. */
  color: var(--t1);
}
#ss-lang-root select option {
  color: var(--t1);
  background-color: #fff;
}
#ss-lang-root select option:checked {
  /* Leave the highlighted row to the browser. */
  color: HighlightText;
  background-color: Highlight;
}
.ss-lang--float {
  position: fixed;
  top: 12px;
  right: 12px;
  z-index: 80;
  margin-right: 0;
}
.nav[data-ss-lang-anchor] > #ss-lang-root {
  display: flex;
  margin: 0 10px 8px;
}
.nav[data-ss-lang-anchor] > #ss-lang-root select {
  width: 100%;
}