.demos{--demos-fond:var(--puits);--demos-tuile:200px;--demos-ligne:260px;z-index:2;isolation:isolate;background:var(--demos-fond);color:var(--texte);border-radius:36px;padding-top:80px;padding-bottom:88px;position:relative;overflow:clip visible}.selection-b+.demos{margin-top:12px}.selection-b .demos{border-top:1px solid var(--filet);border-radius:0;margin-top:80px;padding:64px 0 0}.demos-tete{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.demos .demos-etiquette{color:var(--texte)}.demos .demos-sous-titre{text-align:right;max-width:30ch;color:var(--sourdine);padding-bottom:5px}.demos-famille{border-top:1px solid var(--filet);margin-top:38px;padding-top:16px}.demos .demos-famille-titre{color:var(--sourdine);margin-bottom:18px}.demos .demos-famille-titre sup{vertical-align:baseline;opacity:.6;margin-left:.6em;font-size:1em}.demos-planche{grid-template-columns:repeat(auto-fill, minmax(var(--demos-tuile), 1fr));gap:24px 14px;margin:0;padding:0;list-style:none;display:grid}.demos .demos-tuile{min-width:0;transition:opacity .9s var(--lent) var(--delai,0s), translate .9s var(--lent) var(--delai,0s), filter .35s ease;position:relative}.demos .demos-vignette{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.demos-image{aspect-ratio:16/9;border:1px solid var(--filet);background:var(--surface);border-radius:12px;display:block;position:relative;overflow:hidden}.demos-image img{object-fit:cover;filter:grayscale()contrast(1.05)brightness(.82);width:100%;height:100%;transition:filter .5s var(--lent), scale .6s var(--lent);display:block}.demos .demos-vignette:hover .demos-image img,.demos .demos-vignette:focus-visible .demos-image img,.demos .demos-tuile[data-ouverte] .demos-image img{filter:none;scale:1.04}.demos-lire{border:1px solid var(--texte);background:color-mix(in srgb, var(--demos-fond) 72%, transparent);width:30px;height:30px;transition:background .35s var(--lent), border-color .35s var(--lent);border-radius:50%;display:block;position:absolute;bottom:10px;left:10px}.demos-lire:before{content:"";background:var(--texte);clip-path:polygon(0% 0%,100% 50%,100% 50%,0% 100%);width:9px;height:10px;transition:background .35s var(--lent);position:absolute;top:9px;left:11px}.demos .demos-vignette:hover .demos-lire,.demos .demos-vignette:focus-visible .demos-lire{background:var(--degrade-chaud);border-color:#0000}.demos .demos-vignette:hover .demos-lire:before,.demos .demos-vignette:focus-visible .demos-lire:before{background:var(--demos-fond)}.demos-vignette-titre{letter-spacing:-.01em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;margin-top:11px;font-size:14px;line-height:1.2;display:block;overflow:hidden}.demos .demos-tuile-meta{color:var(--sourdine);margin-top:5px}.demos-note{color:var(--sourdine);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0 0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.demos-liste{grid-template-columns:repeat(auto-fill, minmax(var(--demos-ligne), 1fr));border-bottom:1px solid var(--filet);column-gap:30px;margin:0;padding:0;list-style:none;display:grid}.demos .demos-ligne{border-top:1px solid var(--filet);min-width:0;transition:opacity .9s var(--lent) var(--delai,0s), translate .9s var(--lent) var(--delai,0s), filter .35s ease;position:relative}@media (hover:hover){.demos-planche:hover .demos-tuile:not(:hover):not([data-ouverte]),.demos-liste:hover .demos-ligne:not(:hover):not([data-etat=lecture]){filter:opacity(.6)}}.demos .demos-piste{z-index:1;width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:2.1rem minmax(0,1fr) auto 10px;align-items:center;gap:12px;padding:13px 0;display:grid;position:relative}.demos .demos-numero{color:var(--sourdine);transition:color .35s}.demos .demos-ligne[data-etat=pause] .demos-numero{color:var(--texte)}.demos .demos-ligne[data-etat=lecture] .demos-numero{background:var(--degrade-chaud);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.demos-titre{letter-spacing:-.01em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.2;overflow:hidden}.demos .demos-temps{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--sourdine)}.demos-temps-lu{color:var(--texte)}.demos-ligne-notes{padding:0 0 12px 3.3rem}.demos .demos-ligne-meta{color:var(--sourdine)}.demos-ligne-notes .demos-note{margin-top:4px}.demos-icone{width:10px;height:10px;color:var(--sourdine);transition:translate .35s var(--lent), color .35s ease;position:relative;translate:1px}.demos-icone:before,.demos-icone:after{content:"";transition:clip-path .35s var(--lent);background:currentColor;position:absolute;inset:0}.demos-icone:before{clip-path:polygon(0% 0%,50% 25%,50% 75%,0% 100%)}.demos-icone:after{clip-path:polygon(50% 25%,100% 50%,100% 50%,50% 75%)}.demos .demos-piste:hover .demos-icone,.demos .demos-piste:focus-visible .demos-icone,.demos .demos-ligne[data-etat=pause] .demos-icone,.demos .demos-ligne[data-etat=lecture] .demos-icone{color:var(--texte)}.demos-ligne[data-etat=lecture] .demos-icone{translate:none}.demos-ligne[data-etat=lecture] .demos-icone:before{clip-path:polygon(0% 0%,36% 0%,36% 100%,0% 100%)}.demos-ligne[data-etat=lecture] .demos-icone:after{clip-path:polygon(64% 0%,100% 0%,100% 100%,64% 100%)}.demos[data-chargement=oui] .demos-ligne[data-etat=lecture] .demos-icone{animation:.9s ease-in-out infinite demos-clignoter}.demos-onde{z-index:0;opacity:.5;width:100%;height:100%;color:var(--filet);pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.demos-jauge{z-index:1;background:var(--degrade-chaud);transform-origin:0;pointer-events:none;height:1px;transition:transform .3s linear;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.demos .demos-salle{width:100%;max-width:none;height:100%;max-height:none;padding:var(--marge);color:var(--texte);overscroll-behavior:contain;background:0 0;border:0;margin:0}.demos .demos-salle[open]{animation:demos-salle-paraitre .4s var(--lent) both;place-items:center;display:grid}.demos .demos-salle::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:demos-fondu .4s var(--lent) both;background:#080808e0}.demos-salle-figure{width:min(1120px,100%,135.111dvh);margin:0}.demos-salle-video{aspect-ratio:16/9;border:1px solid var(--filet);object-fit:contain;background:#000;border-radius:16px;width:100%;display:block}.demos-salle-pied{justify-content:space-between;align-items:center;gap:20px;margin-top:16px;display:flex}.demos .demos-salle-titre,.demos-salle-meta{color:var(--sourdine)}.demos .demos-salle-note{max-width:68ch;color:var(--sourdine);margin:10px 0 0;font-size:15px;line-height:1.45}.demos .demos-salle-fermer{background:var(--demos-fond);padding:10px 18px;font-size:12px}.demos .demos-salle-fermer:hover,.demos .demos-salle-fermer:focus-visible{background:var(--texte);color:var(--demos-fond)}.demos .demos-vide{border:1px dashed var(--filet);border-radius:18px;place-items:center;height:96px;margin:38px 0 0;display:grid}.demos .demos-vide-texte{color:var(--sourdine)}@keyframes demos-clignoter{50%{opacity:.35}}@keyframes demos-salle-paraitre{0%{opacity:0;scale:.985}}@keyframes demos-fondu{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.demos-planche:hover .demos-tuile:not(:hover):not([data-ouverte]),.demos-liste:hover .demos-ligne:not(:hover):not([data-etat=lecture]){filter:none}.demos .demos-vignette:hover .demos-image img,.demos .demos-vignette:focus-visible .demos-image img,.demos .demos-tuile[data-ouverte] .demos-image img{scale:none}.demos[data-chargement=oui] .demos-ligne[data-etat=lecture] .demos-icone{animation:none}}@media (max-width:899px){.demos{--demos-ligne:240px;border-radius:24px;padding-top:60px;padding-bottom:64px}.selection-b .demos{margin-top:56px;padding:48px 0 0}.demos-tete{flex-direction:column;align-items:flex-start;gap:12px}.demos .demos-sous-titre{text-align:left;max-width:none;padding-bottom:0}.demos-famille{margin-top:30px}.demos-planche{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--marge);margin-inline:calc(-1 * var(--marge));padding-inline:var(--marge);gap:12px;padding-bottom:6px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000)}.demos .demos-tuile{scroll-snap-align:start;flex:0 0 min(62vw,260px)}.demos-vignette-titre{margin-top:9px;font-size:13px}.demos .demos-piste{padding:12px 0}.demos-ligne-notes{padding-left:3.1rem}.demos-salle-pied{flex-direction:column;align-items:flex-start;gap:12px}.demos-salle-video{border-radius:12px}}