/* Small round pictures inside a sentence (faces or objects), as america.gov does. Needs ../base/base.css. */

/* ---------- small round pictures inside a sentence (as america.gov does), only where they help the eye ---------- */
.inline-pic{display:inline-flex;vertical-align:-.12em;height:.82em}
.inline-faces{--w:1.94em}
.inline-faces.one{--w:.82em}
.inline-faces img{flex:none;width:.82em;height:.82em;border-radius:50%;object-fit:cover;box-shadow:0 0 0 .05em var(--fondo),0 .12em .3em oklch(0% 0 0/.4)}
.inline-faces img+img{margin-left:-.26em}
.inline-obj{--w:1.08em;width:1.08em;height:1.08em;vertical-align:-.2em}
.inline-obj img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 .08em .12em oklch(0% 0 0/.4))}