@layer components{.avatar{--avatar-s:var(--size-icon-xs);--avatar-mark:8px;width:var(--avatar-s);height:var(--avatar-s);border-radius:var(--radius-full);vertical-align:middle;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.avatar--16{--avatar-s:var(--size-icon-md)}.avatar--24{--avatar-s:var(--size-icon-xl);--avatar-mark:var(--size-icon-xs)}.avatar--32{--avatar-s:32px;--avatar-mark:var(--size-icon-md)}.avatar--48{--avatar-s:48px;--avatar-mark:var(--size-icon-md)}.avatar--text,.avatar--icon{background:var(--surface-inset);box-shadow:inset 0 0 0 var(--border-width-thin) var(--border-subtle)}.avatar__initials{width:100%;color:var(--text-disabled);font-family:var(--font-sans);font-feature-settings:var(--font-sans--font-feature-settings);font-size:8px;font-weight:var(--font-weight-regular);line-height:var(--line-height-3xs);letter-spacing:var(--letter-spacing-normal);text-align:center;display:block}.avatar--32 .avatar__initials{font-size:var(--font-size-sm);line-height:var(--line-height-sm-tight)}.avatar--48 .avatar__initials{font-size:var(--font-size-base);line-height:var(--line-height-base)}.avatar-item{align-items:center;gap:var(--space-xs);flex-flow:row;display:inline-flex}.avatar-item__label{color:var(--text-primary);font-family:var(--font-sans);font-feature-settings:var(--font-sans--font-feature-settings);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-sm);letter-spacing:var(--letter-spacing-normal);white-space:nowrap}}