.avatar-card-preview{align-content:center;gap:10px;padding:16px;display:grid}.avatar-card-identities{gap:7px;display:grid}.avatar-card-person{align-items:center;gap:8px;display:flex}.avatar-card-photo,.avatar-card-fallback{border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.avatar-card-photo{background:var(--ink);border:1px solid var(--ink)}.avatar-card-fallback{border:1px solid var(--ink);background:#fff}.avatar-card-photo i,.avatar-card-fallback i{color:inherit;font-size:9px;font-style:normal;font-weight:800}.avatar-card-photo i{color:var(--color-white)}.avatar-card-fallback i{color:var(--ink)}.avatar-card-person-copy{gap:1px;min-width:0;display:grid}.avatar-card-person-copy b{color:var(--ink);font-size:9px;font-weight:700}.avatar-card-person-copy small{color:var(--muted);font-size:7px}.avatar-card-collaborators{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding-top:6px;display:flex}.avatar-card-stack-label{color:var(--muted);font-size:8px;font-weight:700}.avatar-card-stack{flex-flow:wrap;margin:0;padding:0;list-style:none;display:flex}.avatar-card-stack-item{border-radius:50%;place-items:center;width:20px;height:20px;margin-left:-5px;display:grid}.avatar-card-stack-item:first-child,.avatar-card-stack-more:first-child{margin-left:0}.avatar-card-stack-item.is-photo{background:var(--ink);border:1px solid var(--color-white)}.avatar-card-stack-item.is-fallback{background:var(--color-white);border:1px solid var(--ink)}.avatar-card-stack-item i{font-size:7px;font-style:normal;font-weight:800}.avatar-card-stack-item.is-photo i{color:var(--color-white)}.avatar-card-stack-item.is-fallback i{color:var(--ink)}.avatar-card-stack-more{border:1px solid var(--line);width:20px;height:20px;color:var(--muted);background:#ececf0;border-radius:50%;place-items:center;margin-left:-5px;font-size:7px;font-weight:800;display:grid}.avatar-card-caption{color:var(--muted);margin:0;font-size:8px;line-height:1.5}.avatar-card-caption b{color:var(--ink);font-weight:700}.avatar-identity-flow{align-items:stretch;gap:8px;display:flex}.avatar-identity-flow span{color:#777781;background:#fafafa;border:1px solid #e4e4e9;border-radius:8px;flex:1;gap:3px;padding:11px;font-size:12px;display:grid}.avatar-identity-flow b{color:#555560;font-size:13px}.avatar-fallback-stack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.avatar-fallback-stack-grid article{background:#fafafa;border:1px solid #e5e5ea;border-radius:8px;padding:12px}.avatar-fallback-stack-grid article b{color:#555560;font-size:13px}.avatar-fallback-stack-grid article p{color:#6f6f79;margin:6px 0 0;font-size:13px;line-height:1.55}.avatar-demo-controls{flex-wrap:wrap;gap:7px;display:flex}.avatar-demo-control-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.avatar-demo-control-label{color:#73737d;width:100%;font-size:12px;font-weight:700}.avatar-demo-output{background:#fff;border:1px solid #e1e4f1;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:11px;display:flex}.avatar-demo-subject{align-items:center;gap:8px;display:flex}.avatar-demo-avatar{color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:8px;font-weight:800;display:grid}.avatar-demo-avatar.is-photo{background:#315efb}.avatar-demo-avatar.is-fallback{background:#9580d0;font-size:14px}.avatar-demo-subject-copy{gap:2px;display:grid}.avatar-demo-subject-copy b{color:#555560;font-size:13px}.avatar-demo-subject-copy small,.avatar-demo-stack-label{color:#83838d;font-size:11px}.avatar-demo-collaborators{justify-items:end;gap:4px;display:grid}@media (max-width:780px){.avatar-identity-flow,.avatar-demo-output{flex-direction:column;align-items:stretch}.avatar-fallback-stack-grid{grid-template-columns:1fr}.avatar-demo-collaborators{justify-items:start}}.term-interactive-demo.avatar-interaction-demo{border-color:var(--line);background:var(--surface-card);gap:14px}.term-interactive-demo.avatar-interaction-demo button{border:1px solid var(--line);border-radius:var(--radius-buttons);background:var(--surface-card);min-height:34px;color:var(--ink);padding:7px 11px;font-size:13px;font-weight:650}.term-interactive-demo.avatar-interaction-demo button:hover:not(:disabled){border-color:color-mix(in srgb, var(--ink) 28%, var(--line));color:var(--ink)}.term-interactive-demo.avatar-interaction-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.avatar-interaction-demo button:disabled{opacity:.55;cursor:not-allowed}.term-interactive-demo.avatar-interaction-demo button.is-active{border-color:var(--ink);background:var(--ink);color:var(--color-white)}.term-interactive-demo.avatar-interaction-demo .avatar-lab-primary{background:var(--color-rausch-600);color:var(--color-white);border:0;font-weight:700}.term-interactive-demo.avatar-interaction-demo .avatar-lab-primary:hover:not(:disabled){background:var(--color-rausch-600);color:var(--color-white);filter:brightness(.92)}.term-interactive-demo.avatar-interaction-demo .avatar-lab-primary:disabled{color:var(--muted);filter:none;background:#ececf0}.avatar-lab-brief{color:var(--muted);margin:0;font-size:12.5px;line-height:1.55}.avatar-lab-stage{border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--soft);gap:14px;padding:16px;display:grid}.avatar-lab-subject{align-items:center;gap:14px;display:flex}.avatar-lab-subject-avatar{border-radius:50%;flex:none;place-items:center;transition:width .16s,height .16s;display:grid;position:relative}.avatar-lab-subject-avatar.is-sm{width:28px;height:28px}.avatar-lab-subject-avatar.is-md{width:40px;height:40px}.avatar-lab-subject-avatar.is-lg{width:56px;height:56px}.avatar-lab-subject-avatar.is-photo{background:var(--ink);border:2px solid var(--ink)}.avatar-lab-subject-avatar.is-fallback{background:var(--color-white);border:2px solid var(--ink)}.avatar-lab-subject-avatar i{color:var(--color-white);font-style:normal;font-weight:800}.avatar-lab-subject-avatar.is-sm i{font-size:12px}.avatar-lab-subject-avatar.is-md i{font-size:16px}.avatar-lab-subject-avatar.is-lg i{font-size:22px}.avatar-lab-subject-avatar.is-fallback i{color:var(--ink)}.avatar-lab-presence{border:2px solid var(--color-white);background:var(--ink);border-radius:50%;width:13px;height:13px;position:absolute;bottom:-2px;right:-2px}.avatar-lab-presence.is-away{background:linear-gradient(90deg, var(--ink) 50%, var(--color-white) 50%)}.avatar-lab-presence.is-offline{background:var(--color-white);border-color:var(--ink)}.avatar-lab-subject-copy{gap:2px;min-width:0;display:grid}.avatar-lab-subject-copy b{color:var(--ink);font-size:15px;font-weight:750}.avatar-lab-subject-copy small{color:var(--muted);font-size:12px}.avatar-lab-presence-label{border:1px solid color-mix(in srgb, var(--ink) 30%, var(--line));background:var(--surface-card);color:var(--ink);border-radius:99px;justify-self:start;margin-top:2px;padding:1px 8px;font-size:11px;font-weight:700}.avatar-lab-presence-label.is-offline{border-color:var(--line);color:var(--muted)}.avatar-lab-collaborators{border-top:1px solid var(--line);gap:8px;padding-top:12px;display:grid}.avatar-lab-stack-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.avatar-lab-stack-head span{color:var(--ink);font-size:13px;font-weight:700}.avatar-lab-stack-head small{color:var(--muted);font-size:11px}.avatar-lab-stack{flex-flow:wrap;justify-content:flex-start;gap:0;margin:0;padding:0;list-style:none;display:flex}.avatar-lab-stack-item,.avatar-lab-stack-more{border:2px solid var(--color-white);border-radius:50%;place-items:center;width:30px;height:30px;margin-left:-8px;display:grid}.avatar-lab-stack-item:first-child,.avatar-lab-stack-more:first-child{margin-left:0}.avatar-lab-stack-item.is-photo{background:var(--ink)}.avatar-lab-stack-item.is-fallback{background:var(--color-white);border-color:var(--ink)}.avatar-lab-stack-item i{color:var(--color-white);font-size:12px;font-style:normal;font-weight:800}.avatar-lab-stack-item.is-fallback i{color:var(--ink)}.avatar-lab-stack-more{border-color:var(--color-white);color:var(--muted);background:#ececf0;font-size:11px;font-weight:800}.avatar-lab-controls{gap:10px;display:grid}.avatar-lab-segment{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.avatar-lab-segment-label{width:100%;color:var(--muted);font-size:11.5px;font-weight:700}.avatar-lab-actions{flex-wrap:wrap;gap:8px;display:flex}.avatar-lab-reset{background:var(--surface-card);color:var(--ink)}.avatar-lab-status{border-left:3px solid var(--ink);background:var(--soft);color:#5a5a64;border-radius:0 6px 6px 0;margin:0;padding:10px 12px;font-size:12.5px;line-height:1.55}.avatar-knowledge li b{color:var(--ink)}.avatar-howto{gap:8px;margin:12px 0 0;padding:0;list-style:inside decimal;display:grid}.avatar-howto li{color:#5a5a64;padding-left:4px;font-size:13px;line-height:1.6}.avatar-howto li b{color:var(--ink)}.avatar-example-grid article.avatar-example{gap:6px;display:grid}.avatar-example.is-good{border-color:color-mix(in srgb, var(--ink) 22%, var(--line))}.avatar-example.is-bad{border-color:#a83a44}.avatar-example.is-bad b{color:#a83a44}.avatar-example span{color:var(--muted);font-size:12px}@media (max-width:560px){.avatar-lab-stack-item,.avatar-lab-stack-more{width:26px;height:26px;margin-left:-7px}.avatar-lab-subject-avatar.is-lg{width:48px;height:48px}.avatar-lab-subject-avatar.is-lg i{font-size:19px}}
