.zcui-avatar{position:relative;display:grid;place-items:center;flex:none;width:var(--zcui-control-sm);height:var(--zcui-control-sm);border-radius:50%;font-family:var(--zcui-font-display);font-size:var(--zcui-type-mono-sm-size);font-weight:var(--zcui-type-title-weight);line-height:normal;white-space:nowrap}.zcui-avatar[data-size="30"]{width:calc(var(--zcui-control-xs) - var(--zcui-space-2));height:calc(var(--zcui-control-xs) - var(--zcui-space-2))}.zcui-avatar[data-size="38"]{width:var(--zcui-control-chip);height:var(--zcui-control-chip)}.zcui-avatar[data-size="40"]{width:var(--zcui-control-md);height:var(--zcui-control-md);font-size:var(--zcui-type-button-size)}.zcui-avatar[data-shape=tile]{border-radius:calc(var(--zcui-radius-sm) + 1px);font-weight:var(--zcui-type-display-weight)}.zcui-avatar[data-tone=navy]{background:var(--zcui-color-brand-900);color:var(--zcui-color-brand-100)}.zcui-avatar[data-tone=teal]{background:var(--zcui-color-cyan-700);color:var(--zcui-color-cyan-100)}.zcui-avatar[data-tone=violet]{background:var(--zcui-color-violet-800);color:var(--zcui-color-violet-100)}.zcui-avatar[data-tone=support]{background:var(--zcui-color-cyan-500);color:var(--zcui-color-neutral-950);font-size:var(--zcui-type-label-size);font-weight:var(--zcui-type-display-weight)}.zcui-avatar[data-tone=brand]{background:var(--zcui-color-brand-50);color:var(--zcui-color-brand-700)}.zcui-avatar[data-tone=cyan]{background:var(--zcui-color-cyan-50);color:var(--zcui-color-cyan-700)}.zcui-avatar[data-tone=neutral]{background:var(--zcui-color-surface-track);color:var(--zcui-color-text-secondary)}.zcui-avatar[data-shape=tile][data-tone=cyan]{font-size:var(--zcui-type-label-size)}.zcui-avatar[data-shape=tile][data-tone=neutral]{font-size:var(--zcui-type-button-size)}.zcui-avatar-presence{position:absolute;right:-1px;bottom:-1px;width:calc(var(--zcui-space-10) + 1px);height:calc(var(--zcui-space-10) + 1px);border-radius:50%;background:var(--zcui-color-emerald-500);box-shadow:0 0 0 var(--zcui-space-2) var(--zcui-avatar-ring,var(--zcui-color-surface-sunken))}.zcui-avatar-stack{display:flex;align-items:center}.zcui-avatar-stacked{box-shadow:0 0 0 var(--zcui-space-2) var(--zcui-avatar-ring,var(--zcui-color-surface-sunken))}.zcui-avatar-stacked+.zcui-avatar-stacked{margin-left:calc(-1 * var(--zcui-space-8))}.zcui-avatar-more{font-family:var(--zcui-font-mono);font-size:calc(var(--zcui-type-mono-sm-size) - 1px);font-weight:var(--zcui-type-mono-weight)}