.tola-language {
  position: relative;
  align-self: center;
}
.tola-language > summary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  min-block-size: 40px;
  cursor: pointer;
  list-style: none;
  font-weight: 750;
}
.tola-language > summary::-webkit-details-marker { display: none; }
.tola-language > summary > .icon { inline-size: 14px; block-size: 14px; }
.tola-language[open] > summary > .icon { transform: rotate(180deg); }
.tola-language-flag {
  flex: 0 0 auto;
  inline-size: 20px;
  block-size: 14px;
  border: 1px solid var(--line);
  border-radius: 2px;
  background: white;
}
.tola-language-flag:has(> use[href="#i-flag-fr"]) {
  inline-size: 17px;
  block-size: 12px;
}
.tola-language-options {
  position: absolute;
  z-index: 20;
  inset-block-start: calc(100% + 4px);
  inset-inline-end: 0;
  inline-size: 156px;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--paper);
  box-shadow: 0 8px 24px #1126311f;
}
.tola-language-options > .tola-language-option {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 9px;
  min-block-size: 42px;
  padding: 6px 8px;
  border-radius: 5px;
  font-size: 14px;
  line-height: 1.2;
  text-decoration: none;
}
.tola-language-option-label {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
}
.tola-language-option-label strong {
  color: var(--ink);
  font-style: italic;
  font-weight: 900;
}
.tola-language-note {
  display: block;
  margin-block-start: 2px;
  color: var(--muted);
  font-size: 12px;
  white-space: normal;
}
.tola-language-option:not([aria-disabled]):is([aria-current], :hover, :focus-visible) { background: var(--surface); }
.tola-language-option > .icon {
  inline-size: 16px;
  block-size: 16px;
  margin-inline-start: auto;
  color: var(--blue);
}
.tola-menu-secondary:has(.tola-language) { position: relative; }
.tola-menu-secondary .tola-language {
  position: static;
  border-inline-start: 1px solid var(--line);
}
.tola-menu-secondary .tola-language > summary { min-block-size: 48px; }
.tola-menu-secondary .tola-language-options {
  inset-block-start: auto;
  inset-block-end: calc(100% + 4px);
}
@media (max-width: 650px) {
  .header-actions > .tola-language { display: none; }
}