div[z-avatar]{display:grid;grid-auto-flow:column;gap:var(--zs-50);--z-profile--bg: var(--z-avatar--bg);--z-profile--size: var(--z-avatar--size)}:where(div[z-avatar],*[z-theme=light] div[z-avatar],div[z-avatar][z-theme=light]){--_color: var(--z-ct-clickable);--_color-desc: var(--z-ct-secondary)}div[z-avatar] header{display:grid;align-items:center;align-content:center}div[z-avatar] header p{margin:0;font:var(--zf-body-18);color:var(--z-avatar--color, var(--_color))}div[z-avatar] header span{font:var(--zf-capt-12--500);color:var(--z-avatar--color-desc, var(--_color-desc))}div[z-avatar^=vertical]{grid-auto-flow:row;justify-items:center}div[z-avatar^=vertical] header{text-align:center}