.region-switcher{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--mono, 'JetBrains Mono', ui-monospace, monospace);
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  white-space: nowrap;
  color: rgba(250,250,247,0.55);
}
.region-switcher__label{
  margin-right: 4px;
  color: rgba(250,250,247,0.35);
}
.region-switcher__option{
  color: rgba(250,250,247,0.65);
  text-decoration: none;
  transition: color .2s ease;
}
a.region-switcher__option:hover{ color: #FAFAF7; }
.region-switcher__option--active{
  color: #FAFAF7;
  border-bottom: 1px solid currentColor;
  padding-bottom: 2px;
}
.region-switcher__option--pending{
  color: rgba(250,250,247,0.42);
  cursor: default;
}
.region-switcher__separator{ color: rgba(250,250,247,0.22); }
footer.region-switcher-host{ flex-wrap: wrap; }
footer.region-switcher-host > .region-switcher{
  flex: 0 0 100%;
  width: 100%;
  margin-top: 8px;
}
@media (max-width: 560px){
  .region-switcher{
    width: 100%;
    justify-content: flex-start;
  }
}