/* DA/EN on magnibiz.com (#228). Its own file because web pages don't load components.css. */
.mb-lang { display: inline-flex; width: fit-content; margin: 0; border: 1px solid var(--mb-line); border-radius: 999px; padding: 2px; }
.mb-lang button { border: 0; background: transparent; color: var(--mb-ink); font: inherit; font-size: 13px; padding: 4px 10px; border-radius: 999px; cursor: pointer; }
.mb-lang button[aria-pressed="true"] { background: var(--mb-ink); color: var(--mb-surface); }
.mb-lang-header { margin-left: auto; margin-right: var(--mb-s-3); }
.mb-lang-float { position: fixed; top: 12px; right: 12px; z-index: 1030; background: var(--mb-surface, #fff); border-radius: 999px; }
@media (max-width: 576px) {
  .navbar:has(.mb-lang-header) .navbar-brand { margin-right: 0; }
  .navbar:has(.mb-lang-header) .navbar-brand img { height: 28px; width: auto; }
}
/* On the dark admin menu */
.mb-side__biz .mb-lang { margin-top: var(--mb-s-3); border-color: rgba(255, 255, 255, 0.3); }
.mb-side__biz .mb-lang button { color: var(--mb-sand); }
.mb-side__biz .mb-lang button[aria-pressed="true"] { background: var(--mb-sand); color: var(--mb-ink); }