.webcams-introduction{max-width:68ch}.webcams-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:var(--espacement-24);margin-block:var(--espacement-32)}.webcam-vignette{padding:var(--espacement-16);background:var(--couleur-fond);border:1px solid var(--couleur-bordure);border-radius:var(--rayon-sm)}.webcam-vignette:has(button[aria-pressed=true]){border-color:var(--couleur-action);box-shadow:0 0 0 2px var(--couleur-action)}.webcam-vignette figure{margin:0}.webcam-vignette img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--rayon-sm)}.webcam-vignette figcaption{color:var(--couleur-texte-2);font-size:.8rem;margin-top:var(--espacement-4)}.webcam-vignette h2{font-size:1.25rem;margin-block:var(--espacement-16) var(--espacement-8)}.webcam-vignette p{margin-block:var(--espacement-8)}.webcam-vignette>a{display:flex;align-items:center;min-height:var(--cible);margin-top:var(--espacement-8)}.webcam-etat{color:var(--couleur-texte-2)}.webcam-apercu-absent{display:grid;place-items:center;aspect-ratio:16/9;background:var(--couleur-fond-doux)}.webcam-lecteur{padding:var(--espacement-24);background:var(--couleur-fond-doux);border:1px solid var(--couleur-bordure);border-radius:var(--rayon-sm);scroll-margin-top:var(--espacement-24)}.webcam-lecteur h2{margin-top:0}.webcam-lecteur iframe{display:block;width:100%;max-width:64rem;aspect-ratio:16/9;border:0;margin-block:var(--espacement-16)}.webcam-lecteur a{display:inline-flex;align-items:center;min-height:var(--cible)}.webcam-aide,.webcam-fournisseur{color:var(--couleur-texte-2);font-size:.9rem}