@layer tx.components{.tx-avatar{vertical-align:middle;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:visible}.tx-avatar__surface{border-radius:var(--tx-radius-full,9999px);background-color:var(--tx-muted,Canvas);block-size:100%;inline-size:100%;color:var(--tx-foreground,CanvasText);font-weight:var(--tx-font-weight-semibold,600);letter-spacing:.02em;text-transform:uppercase;justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden}.tx-avatar--xs{block-size:1.25rem;inline-size:1.25rem;font-size:.55rem}.tx-avatar--sm{block-size:1.75rem;inline-size:1.75rem;font-size:.65rem}.tx-avatar--md{block-size:2.25rem;inline-size:2.25rem;font-size:var(--tx-font-size-xs,.75rem)}.tx-avatar--lg{block-size:3rem;inline-size:3rem;font-size:var(--tx-font-size-base,1rem)}.tx-avatar__surface[data-tone]{background-color:var(--tx-muted,Canvas);color:var(--tx-foreground,CanvasText);box-shadow:inset 0 0 0 2px var(--tx-avatar-tone,transparent)}.tx-avatar__surface[data-tone="0"]{--tx-avatar-tone:var(--tx-chart-1,transparent)}.tx-avatar__surface[data-tone="1"]{--tx-avatar-tone:var(--tx-chart-2,transparent)}.tx-avatar__surface[data-tone="2"]{--tx-avatar-tone:var(--tx-chart-3,transparent)}.tx-avatar__surface[data-tone="3"]{--tx-avatar-tone:var(--tx-chart-4,transparent)}.tx-avatar__surface[data-tone="4"]{--tx-avatar-tone:var(--tx-chart-5,transparent)}.tx-avatar__image{object-fit:cover;block-size:100%;inline-size:100%;display:block}.tx-avatar__fallback{justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:inline-flex}.tx-avatar__status{border-radius:var(--tx-radius-full,9999px);border:2px solid var(--tx-background,Canvas);box-sizing:content-box;pointer-events:none;block-size:.5rem;inline-size:.5rem;position:absolute;inset-block-end:0;inset-inline-end:0}.tx-avatar--xs .tx-avatar__status,.tx-avatar--sm .tx-avatar__status{border-width:1.5px;block-size:.375rem;inline-size:.375rem}.tx-avatar--lg .tx-avatar__status{block-size:.625rem;inline-size:.625rem}.tx-avatar__status--online{background-color:var(--tx-success,green)}.tx-avatar__status--away{background-color:var(--tx-warning,orange)}.tx-avatar__status--busy{background-color:var(--tx-destructive,crimson)}.tx-avatar__status--offline{background-color:var(--tx-muted-foreground,GrayText)}.tx-avatar-group{isolation:isolate;flex-direction:row;align-items:center;display:inline-flex}.tx-avatar-group .tx-avatar{box-shadow:0 0 0 2px var(--tx-background,Canvas)}.tx-avatar-group__overflow{border-radius:var(--tx-radius-full,9999px);background-color:var(--tx-muted,Canvas);color:var(--tx-muted-foreground,GrayText);font-weight:var(--tx-font-weight-semibold,600);font-size:var(--tx-font-size-xs,.75rem);box-shadow:0 0 0 2px var(--tx-background,Canvas);flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.tx-avatar-group .tx-avatar+.tx-avatar,.tx-avatar-group>.tx-avatar-group__overflow{margin-inline-start:-.5rem}.tx-avatar-group--xs .tx-avatar+.tx-avatar,.tx-avatar-group--xs>.tx-avatar-group__overflow{margin-inline-start:-.35rem}.tx-avatar-group--sm .tx-avatar+.tx-avatar,.tx-avatar-group--sm>.tx-avatar-group__overflow{margin-inline-start:-.4rem}.tx-avatar-group--lg .tx-avatar+.tx-avatar,.tx-avatar-group--lg>.tx-avatar-group__overflow{margin-inline-start:-.65rem}.tx-avatar-group--xs>.tx-avatar-group__overflow{block-size:1.25rem;inline-size:1.25rem;font-size:.55rem}.tx-avatar-group--sm>.tx-avatar-group__overflow{block-size:1.75rem;inline-size:1.75rem;font-size:.65rem}.tx-avatar-group--md>.tx-avatar-group__overflow{block-size:2.25rem;inline-size:2.25rem}.tx-avatar-group--lg>.tx-avatar-group__overflow{block-size:3rem;inline-size:3rem;font-size:var(--tx-font-size-sm,.875rem)}@media (forced-colors:active){.tx-avatar__surface,.tx-avatar__surface[data-tone]{color:canvastext;box-shadow:none;forced-color-adjust:none;background-color:canvas;border:1px solid canvastext}.tx-avatar__status--online{background-color:highlight}.tx-avatar__status--away,.tx-avatar__status--busy{background-color:mark}.tx-avatar__status--offline{background-color:graytext}.tx-avatar__status{border-color:canvas}.tx-avatar-group .tx-avatar,.tx-avatar-group__overflow{box-shadow:0 0 0 2px canvas}.tx-avatar-group__overflow{color:canvastext;background-color:canvas;border:1px solid canvastext}}}