@layer components {
  .locale-switcher {
    font-size: 0.8125rem;
    letter-spacing: 0.08em;
  }
  .locale-switcher a,
  .locale-switcher span {
    padding: 0.25rem 0.375rem;
    text-decoration: none;
    color: var(--quiet);
  }
  .locale-switcher span[aria-current="true"] { color: var(--ink); font-weight: 700; }
  .locale-switcher span[aria-disabled="true"] { opacity: .45; }
  .locale-switcher a:hover { color: var(--blip); }
}