.af-messagerie{--largeur: min(100%, 1320px, 200vh);container:af-messagerie / inline-size;width:var(--largeur);max-width:100%}.af-messagerie__corps{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:stretch;gap:clamp(20px,3vw,56px)}.af-messagerie__fil{display:flex;flex-direction:column;overflow:hidden;border-radius:calc(var(--af-r-carte) * 2);background:var(--af-craie);color:var(--af-encre);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--af-encre) 14%,transparent),var(--af-o-suspendue)}.af-messagerie__barre{display:flex;align-items:center;gap:14px;margin:0;padding:12px 18px;background:color-mix(in srgb,var(--af-craie) 80%,var(--af-acier));font:700 calc(var(--af-t-bouton) * .8667)/1 var(--af-police-titre);letter-spacing:.16em;text-transform:uppercase}.af-messagerie__points{display:inline-flex;gap:6px}.af-messagerie__points i{width:11px;height:11px;border-radius:var(--af-r-rond);background:var(--af-brique)}.af-messagerie__points i:nth-child(2){background:var(--af-jaune-papier)}.af-messagerie__points i:nth-child(3){background:var(--af-acier-sombre)}.af-messagerie__titre{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.af-messagerie__compte{margin-left:auto;color:var(--af-brique);white-space:nowrap}.af-messagerie__echanges{flex:1;display:grid;align-items:start;min-height:clamp(250px,41vh,400px);padding:clamp(14px,2.6vh,28px) clamp(14px,1.8vw,30px)}.af-messagerie__echange{grid-area:1 / 1;display:flex;flex-direction:column;gap:clamp(10px,2vh,18px);visibility:hidden}.af-messagerie__echange[data-actif]{visibility:visible}.af-messagerie__bulle{position:relative;max-width:86%;margin:0;padding:clamp(10px,1.8vh,16px) clamp(14px,1.4vw,22px);border-radius:calc(var(--af-r-carte) * 2)}.af-messagerie__qui{display:block;margin-bottom:4px;font:700 calc(var(--af-t-bouton) * .7667)/1 var(--af-police-titre);letter-spacing:.18em;text-transform:uppercase;opacity:.75}.af-messagerie__bulle--question{align-self:flex-end;border-bottom-right-radius:calc(var(--af-r-carte) / 2);background:var(--af-brique);color:var(--af-craie);font:600 calc(var(--af-t-chapeau) * 1.245)/1.1 var(--af-police-titre);text-transform:none}.af-messagerie__bulle--reponse{align-self:flex-start;border-bottom-left-radius:calc(var(--af-r-carte) / 2);background:var(--af-blanc-papier);box-shadow:0 2px color-mix(in srgb,var(--af-encre) 8%,transparent)}.af-messagerie__echange[data-actif] .af-messagerie__bulle--question{animation:af-messagerie-bulle .4s var(--af-m-ressort) both}.af-messagerie__echange[data-actif] .af-messagerie__bulle--reponse{animation:af-messagerie-bulle .4s var(--af-m-ressort) .1s both}.af-messagerie__texte{margin:0;font-size:max(var(--af-t-bouton),calc(var(--af-t-chapeau) * .896));line-height:1.5}.af-messagerie__frappe{display:none;gap:5px;padding:6px 0}.af-messagerie__frappe i{width:9px;height:9px;border-radius:var(--af-r-rond);background:color-mix(in srgb,var(--af-encre) 70%,transparent);animation:af-messagerie-point 1s ease-in-out infinite}.af-messagerie__frappe i:nth-child(2){animation-delay:.15s}.af-messagerie__frappe i:nth-child(3){animation-delay:.3s}.af-messagerie__bulle--reponse[data-ecrit] .af-messagerie__frappe{display:flex}.af-messagerie__bulle--reponse[data-ecrit] .af-messagerie__texte{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@keyframes af-messagerie-bulle{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}@keyframes af-messagerie-point{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-4px);opacity:1}}.af-messagerie__saisie{display:flex;align-items:center;gap:12px;margin:0 clamp(10px,1.2vw,18px) clamp(10px,1.6vh,16px);padding:6px 6px 6px 18px;border-radius:var(--af-r-pilule);background:var(--af-blanc-papier);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--af-encre) 15%,transparent)}.af-messagerie__suggestion{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--af-t-bouton);color:color-mix(in srgb,var(--af-encre) 70%,transparent)}.af-messagerie__envoyer{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;min-height:46px;padding:0 18px;border:0;border-radius:var(--af-r-pilule);background:var(--af-brique);color:var(--af-craie);font:700 calc(var(--af-t-bouton) * .9334)/1 var(--af-police-titre);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .2s}.af-messagerie__envoyer:after{content:"";width:16px;height:11px;background:currentColor;clip-path:polygon(0 42%,70% 42%,70% 0,100% 50%,70% 100%,70% 58%,0 58%)}.af-messagerie__envoyer:hover{background:var(--af-encre-profonde)}.af-messagerie .af-messagerie__envoyer:focus-visible{outline:3px solid var(--af-brique);outline-offset:3px}.af-messagerie__liste-titre{margin:0;font:700 var(--af-t-repere)/1 var(--af-police-titre);letter-spacing:.18em;text-transform:uppercase;color:var(--af-repere, inherit)}.af-messagerie__liste{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}.af-messagerie__question{display:flex;align-items:center;gap:14px;width:100%;min-height:52px;padding:clamp(8px,1.4vh,14px) 16px;border:1.5px solid var(--af-filet, currentColor);border-radius:calc(var(--af-r-carte) * 1.4) calc(var(--af-r-carte) * 1.4) calc(var(--af-r-carte) * .4) calc(var(--af-r-carte) * 1.4);background:transparent;color:var(--af-texte, inherit);font:600 max(calc(var(--af-t-bouton) * 1.067),calc(var(--af-t-chapeau) * .959))/1.12 var(--af-police-titre);text-align:left;cursor:pointer;transition:background .2s,border-color .2s,transform .25s var(--af-m-ressort)}.af-messagerie__question:hover{border-color:var(--af-fort, currentColor);transform:translate(-4px)}.af-messagerie__question[aria-pressed=true]{background:var(--af-brique);border-color:var(--af-brique);color:var(--af-craie)}.af-messagerie__num{flex-shrink:0;font:700 calc(var(--af-t-bouton) * .9334)/1 var(--af-police-titre);letter-spacing:.08em;color:var(--af-fort, inherit)}.af-messagerie__question[aria-pressed=true] .af-messagerie__num{color:var(--af-peche)}.af-messagerie__lue{font-size:.8em;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--af-texte, currentColor) 55%,transparent)}@container af-messagerie (max-width: 639px){.af-messagerie__corps{grid-template-columns:minmax(0,1fr);gap:14px}.af-messagerie__questions{order:-1}.af-messagerie__liste{grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:6px;margin-top:8px}.af-messagerie__question{justify-content:center;min-height:48px;padding:6px}.af-messagerie__question:hover{transform:none}.af-messagerie__intitule,.af-messagerie__lue{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.af-messagerie__num{font-size:calc(var(--af-t-texte) * 1.125)}.af-messagerie__question[data-vue]{border-color:color-mix(in srgb,var(--af-texte, currentColor) 60%,transparent)}.af-messagerie__echanges{min-height:404px;padding:14px 12px}.af-messagerie__bulle{max-width:92%}.af-messagerie__bulle--question{font-size:calc(var(--af-t-chapeau) * 1.1177)}.af-messagerie__texte{font-size:calc(var(--af-t-texte) * .9063);line-height:1.45}.af-messagerie__suggestion{display:none}.af-messagerie__saisie{justify-content:flex-end;padding-left:6px;background:none;box-shadow:none}}@media(max-width:899px){.af-messagerie__corps{grid-template-columns:minmax(0,1fr);gap:14px}.af-messagerie__questions{order:-1}.af-messagerie__liste{grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:6px;margin-top:8px}.af-messagerie__question{justify-content:center;min-height:48px;padding:6px}.af-messagerie__question:hover{transform:none}.af-messagerie__intitule,.af-messagerie__lue{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.af-messagerie__num{font-size:calc(var(--af-t-texte) * 1.125)}.af-messagerie__question[data-vue]{border-color:color-mix(in srgb,var(--af-texte, currentColor) 60%,transparent)}.af-messagerie__echanges{min-height:404px;padding:14px 12px}.af-messagerie__bulle{max-width:92%}.af-messagerie__bulle--question{font-size:calc(var(--af-t-chapeau) * 1.1177)}.af-messagerie__texte{font-size:calc(var(--af-t-texte) * .9063);line-height:1.45}.af-messagerie__suggestion{display:none}.af-messagerie__saisie{justify-content:flex-end;padding-left:6px;background:none;box-shadow:none}}@media(prefers-reduced-motion:reduce){.af-messagerie__bulle,.af-messagerie__frappe i{animation:none!important}.af-messagerie__question,.af-messagerie__envoyer{transition:none!important}}
