@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-ext-wght-normal-DdQaqQDo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-wght-normal-Bc-8i84L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--gris-2ie:#686c6e;--rouge:#e32111;--jaune:#fac500;--vert:#31912f;--bleu:#00a1e0;--primaire:#00679a;--primaire-survol:#005b8a;--texte:#1e2326;--texte-secondaire:#5a646c;--carte:#ffffffb8;--bordure:#e2e6e9;--erreur-fond:#fdeceb;--erreur-texte:#9b1a0e;--rayon:1rem;--rayon-carte:1.75rem;--courbe:cubic-bezier(.23, 1, .32, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--texte);-webkit-font-smoothing:antialiased;font-family:Outfit Variable,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#racine{height:100%;margin:0}body{background-color:#0000;background-image:radial-gradient(55rem 40rem at 100% 100%,#00a1e029 0%,#0000 70%),radial-gradient(45rem 30rem at 0 100%,#31912f1a 0%,#0000 65%),radial-gradient(50rem 30rem at 85% 0,#fac5001f 0%,#0000 60%),linear-gradient(160deg,#eef1f3 0%,#f5f6f4 55%,#eaf3f8 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;overflow:hidden}:focus-visible{outline:3px solid var(--primaire);outline-offset:3px}.surface{background:var(--carte);-webkit-backdrop-filter:blur(18px);border-radius:var(--rayon-carte);border:1px solid #fffc;box-shadow:0 1px 2px #14161a0a,0 8px 24px -12px #14161a14}.surface-legere{-webkit-backdrop-filter:blur(12px);background:#fffc;border:1px solid #ffffffe6}.pilule{border-radius:999px}.page{max-width:90rem;height:100dvh;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));grid-template:"entete""scene"minmax(0,1fr)"dialogue"/minmax(0,1fr);gap:.75rem;margin:0 auto;display:grid}@media (width>=640px){.page{padding-inline:2rem}}@media (width>=64rem) and (orientation:landscape){.page{grid-template:"entete entete""scene dialogue"minmax(0,1fr)/minmax(0,3fr) minmax(22rem,2fr);gap:1.5rem}.dialogue{align-self:center}}.entete{grid-area:entete;justify-content:space-between;align-items:center;gap:1rem;display:flex}.marque{align-items:center;gap:.6rem;padding:.55rem 1rem;display:inline-flex}.marque__nom{color:var(--gris-2ie);letter-spacing:.01em;font-weight:500}.scene{grid-area:scene;min-height:0;position:relative}.avatar{position:absolute;inset:0}.avatar__toile{opacity:0;width:100%;height:100%;transition:opacity .7s var(--courbe);display:block}.avatar[data-chargement=pret] .avatar__toile{opacity:1}.avatar__message{color:var(--texte-secondaire);place-items:center;margin:0;font-size:.875rem;display:grid;position:absolute;inset:0}.indicateur{color:var(--texte);white-space:nowrap;border-radius:999px;align-items:center;gap:.6rem;margin:0;padding:.45rem .95rem .45rem .75rem;font-size:.875rem;font-weight:500;display:inline-flex;position:absolute;bottom:.25rem;left:50%;transform:translate(-50%)}.carres{gap:.22rem;display:inline-flex}.carres__carre{width:.5rem;height:.5rem;transition:transform .16s var(--courbe), opacity .16s var(--courbe)}.carres__carre--rouge{background:var(--rouge)}.carres__carre--jaune{background:var(--jaune)}.carres__carre--vert{background:var(--vert)}.carres__carre--bleu{background:var(--bleu)}.carres__carre[data-etat=attenue]{opacity:.25}.carres__carre[data-etat=actif]{transform:scale(1.35)}.carres--anime .carres__carre[data-etat=actif]{animation:battement 1s var(--courbe) infinite}.carres--anime .carres__carre[data-etat=attenue]{animation:1.2s linear infinite vague}.carres--anime .carres__carre:nth-child(2){animation-delay:.15s}.carres--anime .carres__carre:nth-child(3){animation-delay:.3s}.carres--anime .carres__carre:nth-child(4){animation-delay:.45s}.indicateur .carres--anime:has([data-etat=actif]) .carres__carre[data-etat=attenue]{animation:none}@keyframes battement{50%{transform:scale(1.1)}}@keyframes vague{0%,60%,to{opacity:.25}30%{opacity:1}}.dialogue{grid-area:dialogue;justify-self:center;align-items:center;width:100%;max-width:44rem;min-height:9.5rem;padding:1.5rem;display:flex}@media (width>=640px){.dialogue{padding:2rem}}.dialogue__accueil{flex-direction:column;align-items:flex-start;gap:.75rem;width:100%;display:flex}.etiquette{letter-spacing:.08em;text-transform:uppercase;color:var(--texte-secondaire);margin:0;font-size:.75rem;font-weight:500}.titre{text-wrap:balance;margin:0;font-size:clamp(1.9rem,4vw,3rem);font-weight:300;line-height:1.1}.dialogue__texte{color:var(--texte-secondaire);margin:0 0 .5rem;font-size:1rem;line-height:1.5}.mention{color:var(--texte-secondaire);margin:0;font-size:.75rem}.dialogue__invite{text-align:center;width:100%;color:var(--texte-secondaire);margin:0;font-size:1.125rem;font-weight:300}.dialogue__erreur{border-radius:var(--rayon);background:var(--erreur-fond);color:var(--erreur-texte);margin:0;padding:.75rem 1rem;font-size:.875rem}.sous-titres-cadre{width:100%;min-width:0;position:relative}.sous-titres{overscroll-behavior:contain;border-radius:var(--rayon);flex-direction:column;gap:1.1rem;width:100%;max-height:40dvh;display:flex;overflow-y:auto}.bouton-bas{background:var(--primaire);color:#fff;font:inherit;white-space:nowrap;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.8125rem;font-weight:500;display:inline-flex;position:absolute;bottom:.25rem;left:50%;transform:translate(-50%);box-shadow:0 6px 16px -6px #14161a59}.bouton-bas:hover{background:var(--primaire-survol)}@media (width>=64rem) and (orientation:landscape){.sous-titres{max-height:min(26rem,62dvh)}}.echange{flex-direction:column;gap:.6rem;display:flex}.sous-titres p{overflow-wrap:anywhere;margin:0;line-height:1.5}.sous-titres__qui{letter-spacing:.08em;text-transform:uppercase;color:var(--texte-secondaire);margin-bottom:.15rem;font-size:.75rem;font-weight:500;display:block}.sous-titres__question{color:var(--texte-secondaire);font-size:.875rem}.sous-titres__reponse{color:var(--texte);font-size:1rem;font-weight:400}.lien-texte{color:var(--primaire);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.liens{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.liens li{min-width:0;max-width:100%}.lien{max-width:100%;color:var(--primaire);transition:background-color .15s var(--courbe);background:#00679a14;border-radius:.9rem;align-items:center;gap:.3rem;padding:.3rem .7rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.lien:hover{background:#00679a24}.lien__titre{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-width:0;line-height:1.35;display:-webkit-box;overflow:hidden}.lien svg{flex-shrink:0}.bouton{height:2.5rem;font:inherit;cursor:pointer;transition:background-color .15s var(--courbe), transform .15s var(--courbe);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:0 1.1rem;font-size:.875rem;font-weight:500;display:inline-flex}.bouton:active{transform:scale(.97)}.bouton--lg{height:3.25rem;padding:0 1.6rem;font-size:1rem}.bouton--principal{background:var(--primaire);color:#fff}.bouton--principal:hover{background:var(--primaire-survol)}.bouton--contour{color:var(--texte);background:#fffc;border-color:#ffffffe6}.bouton--contour:hover{background:#fff}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
