.modale{z-index:100;padding:var(--e4);background:color-mix(in srgb, var(--encre) 45%, transparent);place-items:center;animation:.15s ease-out modale-voile;display:grid;position:fixed;inset:0}.modale__panneau{background:var(--surface);border:1px solid var(--bordure);border-radius:var(--r-xl);width:100%;max-height:90dvh;box-shadow:var(--ombre);flex-direction:column;animation:.18s ease-out modale-entree;display:flex}.modale__panneau--petite{max-width:420px}.modale__panneau--moyenne{max-width:560px}.modale__panneau--grande{max-width:760px}.modale__entete{justify-content:space-between;align-items:center;gap:var(--e4);padding:var(--e6) var(--e6) var(--e4);display:flex}.modale__titre{margin:0;font-size:19px}.modale__fermer{border-radius:var(--r-pill);width:32px;height:32px;color:var(--estompe);background:0 0;border:none;flex:none;place-items:center;font-size:22px;line-height:1;display:grid}.modale__fermer:hover{background:var(--voile);color:var(--encre)}.modale__corps{padding:0 var(--e6) var(--e6);overflow-y:auto}@keyframes modale-voile{0%{opacity:0}to{opacity:1}}@keyframes modale-entree{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:none}}