.navis-language-switcher{display:inline-flex;align-items:center;gap:2px;position:relative;flex-shrink:0;margin-left:12px;padding:0;border:0;border-radius:0;background:transparent;align-self:center}
.navis-language-switcher button{appearance:none;border:0;background:transparent;color:#576269;font-weight:600;line-height:1.2;font-family:inherit;font-size:11px;letter-spacing:.04em;min-width:30px;min-height:28px;padding:5px 7px;border-radius:0;cursor:pointer}
.navis-language-switcher button[aria-pressed=true]{background:transparent;color:#101619;font-weight:800}
.navis-language-switcher button:focus-visible{outline:2px solid #227d76;outline-offset:2px}
.navis-language-status:not(:empty){position:absolute;z-index:100;top:100%;right:0;width:240px;padding:10px;background:#fff;border:1px solid #ddd;border-radius:10px;color:#973333;font-size:12px}
.sidebar .navis-language-switcher,.bo-brand .navis-language-switcher{margin:8px 0}
@media(max-width:700px){.navis-language-switcher{margin-left:4px}.navis-language-switcher button{min-height:30px}}
.navis-language-separator{font-size:11px;color:#aab1b5;padding:0 1px}
.bo-login-lockup>.navis-language-switcher{margin: -10px 0 0;align-self:center}
.bo-brand:has(>.navis-language-switcher){display:grid;grid-template-columns:52px 1fr;column-gap:16px;row-gap:6px}
.bo-brand>.navis-language-switcher{grid-column:1 / -1;justify-self:start;margin:0}

/* Leave room for translated navigation labels and the language switcher. */
@media (min-width: 1100px) {
  .home-topbar:has(.navis-language-switcher) { gap: 18px; }
  .home-topbar:has(.navis-language-switcher) .navis-brand-home { flex: 0 1 360px; min-width: 220px; }
  .home-topbar:has(.navis-language-switcher) .home-nav { flex-wrap: nowrap; }
  .home-topbar:has(.navis-language-switcher) .home-nav a { white-space: nowrap; }
  .home-topbar:has(.navis-language-switcher) .home-nav a + a { margin-left: 12px; padding-left: 12px; }
  .home-topbar:has(.navis-language-switcher) .home-profile { flex-wrap: nowrap; flex-shrink: 0; }
}
@media (min-width: 681px) and (max-width: 1099px) {
  .home-topbar:has(.navis-language-switcher) { flex-wrap: wrap; gap: 16px; }
  .home-topbar:has(.navis-language-switcher) .home-nav { order: 4; width: 100%; justify-content: center; row-gap: 12px; }
  .home-topbar:has(.navis-language-switcher) .navis-brand-home { flex: 1 1 280px; }
}

.sidebar-top > .navis-language-switcher{align-self:flex-start;margin:-6px 0 0}

.login-brand-inner > .navis-language-switcher{margin:-16px 0;align-self:center}
