.demo-bulle-zone{left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:70;pointer-events:none;width:min(44rem,100vw - 32px);position:fixed;transform:translate(-50%)}@media (max-width:1023.98px){.demo-bulle-zone{bottom:calc(var(--h-onglets-mobile) + 12px + env(safe-area-inset-bottom,0px))}}.demo-bulle{pointer-events:auto;width:fit-content;max-width:100%;color:var(--tx);background:var(--bg-card);border:1px solid var(--ln);border-radius:var(--r-lg);box-shadow:var(--elev-menu);font-size:var(--fs-13);line-height:var(--leading-souple);animation:demo-bulle-entree var(--dur-entree-surface) var(--ease-entree) both;align-items:center;gap:10px;margin-inline:auto;padding:8px 6px 8px 12px;display:flex}.demo-bulle-icone{border-radius:var(--r-md);background:var(--info-soft);width:28px;height:28px;color:var(--tx);flex:none;padding:6px}.demo-bulle-texte{text-wrap:pretty;flex:auto;min-width:0;margin:0}.demo-bulle-lien{border-radius:var(--r-md);min-height:32px;color:var(--tx);text-underline-offset:3px;white-space:nowrap;flex:none;align-items:center;padding:0 10px;font-weight:600;text-decoration:underline;display:inline-flex}.demo-bulle-lien:hover{background:var(--coquille-survol)}.demo-bulle-fermer{border-radius:var(--r-md);width:32px;height:32px;color:var(--tx2);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:inline-grid}.demo-bulle-fermer svg{width:16px;height:16px}.demo-bulle-fermer:hover{color:var(--tx);background:var(--coquille-survol)}.demo-bulle-lien:focus-visible,.demo-bulle-fermer:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (pointer:coarse){.demo-bulle-lien,.demo-bulle-fermer{min-height:var(--tap-target)}.demo-bulle-fermer{width:var(--tap-target)}}@media (max-width:479.98px){.demo-bulle{grid-template-columns:28px minmax(0,1fr) auto;grid-template-areas:"icone texte fermer"".lien lien";gap:2px 10px;width:100%;display:grid}.demo-bulle-icone{grid-area:icone}.demo-bulle-texte{grid-area:texte;align-self:center}.demo-bulle-fermer{grid-area:fermer}.demo-bulle-lien{grid-area:lien;justify-self:start;padding-left:0}}@keyframes demo-bulle-entree{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.demo-bulle{animation:none}}
