/* La liste de propositions du champ « commune » (champ-commune.js). Structure seulement : la couleur de fond, de texte
   et de bordure suit le champ du thème par des variables qu'un projet peut régler. */
.champ-commune-enveloppe{position:relative;display:block}
.champ-commune-liste{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 4px);margin:0;padding:4px;list-style:none;
  max-height:17rem;overflow-y:auto;background:var(--champ-commune-fond,#fff);color:var(--champ-commune-texte,inherit);
  border:1px solid var(--champ-commune-bordure,#c9c2b6);border-radius:var(--champ-commune-arrondi,10px);
  box-shadow:0 10px 30px -12px rgba(0,0,0,.3)}
.champ-commune-liste[hidden]{display:none}
.champ-commune-liste [role=option]{padding:10px 12px;border-radius:calc(var(--champ-commune-arrondi,10px) - 4px);cursor:pointer;
  min-height:24px;line-height:1.3}
.champ-commune-liste [role=option]:hover,.champ-commune-liste [role=option][aria-selected=true]{
  background:var(--champ-commune-survol,#f3ede2);outline:2px solid transparent}
.champ-commune-liste [role=option][aria-selected=true]{box-shadow:inset 3px 0 0 var(--champ-commune-accent,currentColor)}
.champ-commune-etat{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}