.essayer{padding-top:40px}.essayer .essayer-phrase{max-width:40em}.essai{display:grid;gap:16px;margin-top:28px}.essai [hidden]{display:none!important}.page-simple .essai p{margin-top:0;max-width:none}.essai-ouvrir .btn{width:100%}@media (min-width:480px){.essai-ouvrir .btn{width:auto}}.essai-cadre{display:none}@media (min-width:761px){.essai-cadre{display:grid;height:clamp(520px,78vh,800px);border:1px solid var(--trait);border-radius:16px;overflow:hidden;background:var(--surface);box-shadow:var(--ombre)}.essai[data-cadre]:not([data-etat=erreur]) .essai-ouvrir{display:none}.essai[data-etat=erreur] .essai-ouvrir{order:2}}.essai-vue,.essai-etat{grid-area:1/1;min-width:0;min-height:0}.essai-vue iframe{display:block;width:100%;height:100%;border:0;background:var(--surface)}.essai-etat{z-index:1;display:grid;place-content:center;justify-items:center;gap:12px;padding:24px;text-align:center;background:var(--surface)}.page-simple .essai-etat .essai-titre{font:600 20px/1.3 var(--f-texte);color:var(--encre)}.page-simple .essai-etat .essai-detail{max-width:34em;font-size:16px;line-height:24px;color:var(--encre-2)}.essai-gestes{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.essai-etat .essai-gestes{justify-content:center;margin-top:8px}.page-simple .essai-reseau{max-width:none;font-size:15px;line-height:22px;color:var(--encre-3)}.essai-barre{display:block;position:relative;width:min(240px,60vw);height:4px;margin-top:8px;border-radius:2px;background:var(--trait);overflow:hidden}.essai-barre:after{content:"";position:absolute;inset:0 auto 0 0;width:35%;border-radius:2px;background:var(--marque-trait)}@media (prefers-reduced-motion:no-preference){.essai-barre:after{animation:essai-court 1.4s var(--doux) infinite}@keyframes essai-court{0%{transform:translate(-100%)}to{transform:translate(300%)}}}