/* Petits drapeaux des sélecteurs de langue (voir site/src/scripts/traduction/drapeaux.js). Variables de tokens.css. */
.drapeau { flex: none; width: 20px; height: 14px; border-radius: 3px; overflow: hidden; }
.drapeau-neutre { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box;
  background: var(--c-action); color: var(--c-fond); font-size: 13px; line-height: 1; font-weight: 700; text-decoration: none; }
.drapeau-boite { display: inline-flex; flex: none; }
.langues a, .langues-outil .bouton, .langues__bouton { gap: var(--e-1); }
.langues-outil .bouton, .langues__bouton { display: inline-flex; align-items: center; justify-content: center; }
.select-drapeau { display: flex; align-items: center; gap: var(--e-2); }
.select-drapeau select { flex: 1; min-width: 0; }
[aria-pressed="true"] .drapeau-neutre { box-shadow: inset 0 0 0 1px currentColor; }