.avatar{--avatar-size:24px;--avatar-ring-bg:transparent;width:var(--avatar-size);height:var(--avatar-size);color:var(--theme-on-brand);letter-spacing:.02em;-webkit-user-select:none;user-select:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.avatar--ring-surface{--avatar-ring-bg:var(--theme-surface);--avatar-ring-line:var(--theme-border);box-shadow:0 0 0 2px var(--avatar-ring-bg), 0 0 0 3px var(--avatar-ring-line)}.avatar__image{object-fit:cover;border-radius:999px;width:100%;height:100%;display:block}.avatar--seat{border:1px dashed var(--theme-border-strong);color:var(--theme-text-faint);background:0 0}.avatar--new{background:var(--theme-surface-strong);color:var(--theme-text)}.avatar--mark{background:var(--theme-surface-strong);color:var(--theme-text-muted);border-radius:6px}.avatar--initials{color:var(--theme-on-brand);border-radius:6px}.avatar--app{background:var(--theme-text);border-radius:6px}.avatar__mark{background:var(--theme-surface);flex-shrink:0;width:58%;height:58%;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.avatar--more{background:var(--theme-surface-strong);color:var(--theme-text-muted);width:auto;min-width:var(--avatar-size);padding:0 6px}.avatar--xs{--avatar-size:18px;letter-spacing:0;font-size:8px}.avatar--2xs{--avatar-size:20px;font-size:10px}.avatar--sm{--avatar-size:24px;font-size:10px}.avatar--md{--avatar-size:26px;font-size:10.5px}.avatar--lg{--avatar-size:32px;font-size:11.5px}.avatar--xl{--avatar-size:64px;font-size:20px}