@layer components{.ws-avatar-root{--avatar:var(--avatar-sm);--avatar-initials:var(--avatar-initials-sm);inline-size:var(--avatar);block-size:var(--avatar);border-radius:var(--radius-full);background:var(--tag-gray-bg);color:var(--tag-gray-text);font:var(--text-label-strong);font-size:var(--avatar-initials);line-height:var(--avatar-initials);letter-spacing:var(--tracking-label-strong);-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.ws-avatar-root[data-size=xs]{--avatar:var(--avatar-xs);--avatar-initials:var(--avatar-initials-xs)}.ws-avatar-root[data-size=md]{--avatar:var(--avatar-md);--avatar-initials:var(--avatar-initials-md)}.ws-avatar-root[data-size=lg]{--avatar:var(--avatar-lg);--avatar-initials:var(--avatar-initials-lg)}.ws-avatar-root[data-size=title]{--avatar:var(--avatar-title);--avatar-initials:var(--avatar-initials-title)}.ws-avatar-root[data-size=xl]{--avatar:var(--avatar-xl);--avatar-initials:var(--avatar-initials-xl)}.ws-avatar-root[data-size=hero]{--avatar:var(--avatar-hero);--avatar-initials:var(--avatar-initials-hero)}.ws-avatar-root[data-shape=square]{border-radius:var(--radius-xs)}.ws-avatar-root[data-shape=square][data-size=lg]{border-radius:var(--radius-sm)}.ws-avatar-root[data-shape=square][data-size=title]{border-radius:var(--radius-md)}.ws-avatar-root[data-shape=square][data-size=hero]{border-radius:var(--radius-xl)}.ws-avatar-root[data-hue=gray]{background:var(--tag-gray-bg);color:var(--tag-gray-text)}.ws-avatar-root[data-hue=red]{background:var(--tag-red-bg);color:var(--tag-red-text)}.ws-avatar-root[data-hue=orange]{background:var(--tag-orange-bg);color:var(--tag-orange-text)}.ws-avatar-root[data-hue=yellow]{background:var(--tag-yellow-bg);color:var(--tag-yellow-text)}.ws-avatar-root[data-hue=lime]{background:var(--tag-lime-bg);color:var(--tag-lime-text)}.ws-avatar-root[data-hue=green]{background:var(--tag-green-bg);color:var(--tag-green-text)}.ws-avatar-root[data-hue=sky]{background:var(--tag-sky-bg);color:var(--tag-sky-text)}.ws-avatar-root[data-hue=blue]{background:var(--tag-blue-bg);color:var(--tag-blue-text)}.ws-avatar-root[data-hue=purple]{background:var(--tag-purple-bg);color:var(--tag-purple-text)}.ws-avatar-root[data-hue=ink]{background:var(--text);color:var(--surface)}.ws-avatar-image{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.ws-avatar-root[data-fit=contain]>.ws-avatar-image{box-sizing:border-box;padding:var(--space-2);object-fit:contain}.ws-avatar-root[data-fit=contain]:has(>.ws-avatar-image){outline:var(--border-width-hairline) solid var(--border);outline-offset:calc(-1 * var(--border-width-hairline));background:var(--on-accent);color:#0000}.ws-avatar-image[data-fade=waiting]{opacity:0}.ws-avatar-image[data-fade=in]{opacity:1;transition:opacity var(--duration-popover) var(--ease-out)}.ws-avatar-stack{align-items:center;display:inline-flex}.ws-avatar-stack>.ws-avatar-root{outline:var(--border-width-thick) solid var(--surface-raised)}.ws-avatar-stack>.ws-avatar-root:not(:first-child){margin-inline-start:calc(-1 * var(--space-4))}.ws-avatar-more{color:var(--text-secondary);font:var(--text-label-strong);letter-spacing:var(--tracking-label-strong);margin-inline-start:var(--space-4)}.ws-avatar-stack:is([data-size=lg],[data-size=xl])>.ws-avatar-more{font:var(--text-body-strong);letter-spacing:var(--tracking-body-strong)}@media (forced-colors:active){.ws-avatar-root{outline:var(--border-width-hairline) solid CanvasText;outline-offset:calc(-1 * var(--border-width-hairline))}}}