/* Extracted from the site's classes.css (devlink export) so the picker matches
   the in-doc locale selector exactly. The var(--site-…) tokens resolve from the
   published site's :root through the shadow boundary; fallbacks cover other contexts. */

.locale_dropdown_wrapper {
  z-index: 2;
  position: relative;
  display: inline-block;
  font-family: inherit;
}

.locale_dropdown_toggel {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.75rem;
  cursor: pointer;
  user-select: none;
}
.locale_dropdown_toggel.is-button {
  padding: 0.6rem;
  gap: 0.5rem;
  border: 1px solid black;
  border-radius: var(--site-sizes--corner-sm, 8px);
  font-size: 1rem;
  font-weight: 400;
}
/* Light variant for dark backgrounds (the legal index) — the site's own modifier. */
.locale_dropdown_toggel.is-button.is-alternate {
  border-color: var(--site-grey--gray_25, #e9eaf0);
  color: var(--site-grey--gray_25, #e9eaf0);
}

.icon-embed-xsmall {
  display: flex;
  width: 1.5rem;
  height: 1.4rem;
  justify-content: center;
  align-items: center;
  color: currentColor;
}
.icon-embed-xsmall svg {
  width: 1.25rem;
  height: 1.25rem;
}

.locale_dropdown_list {
  position: absolute;
  left: 0;
  top: 100%;
  width: 200px;
  margin-top: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: var(--site-sizes--corner-xs, 6px);
  background-color: #fff;
  color: #111827; /* white list → dark text (toggle is light for the dark page) */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  z-index: 10;
}

.link-block-2.locale_link.locale_item {
  display: flex;
  padding-top: 8px;
  padding-bottom: 8px;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  font-size: 0.875rem;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  transition: color 120ms ease;
}
.link-block-2.locale_link.locale_item:hover {
  color: var(--untitled-ui--gray400, #667085);
}

.image-166 {
  width: 30px;
  height: auto;
  max-width: 100%;
  margin-right: 10px;
  border-radius: var(--site-sizes--corner-xs, 6px);
}

