[data-tds=avatar]{--_size:var(--tds-avatar-size-md);box-sizing:border-box;inline-size:var(--_size);block-size:var(--_size);border-radius:var(--tds-radius-full);background:var(--tds-accent-subtle);color:var(--tds-fg-accent);border:1px solid var(--tds-border-default);font-size:calc(var(--_size) * .4);font-weight:var(--tds-avatar-font-weight);vertical-align:middle;-webkit-user-select:none;user-select:none;flex:none;place-items:center;line-height:1;display:inline-grid;position:relative;overflow:visible}[data-tds=avatar][data-size=xs]{--_size:var(--tds-avatar-size-xs)}[data-tds=avatar][data-size=sm]{--_size:var(--tds-avatar-size-sm)}[data-tds=avatar][data-size=md]{--_size:var(--tds-avatar-size-md)}[data-tds=avatar][data-size=lg]{--_size:var(--tds-avatar-size-lg)}[data-tds=avatar][data-size=xl]{--_size:var(--tds-avatar-size-xl)}[data-tds=avatar][data-size="2xl"]{--_size:var(--tds-avatar-size-2xl)}[data-tds=avatar][data-shape=circle]{border-radius:var(--tds-radius-full)}[data-tds=avatar][data-shape=rounded]{border-radius:var(--tds-avatar-radius-rounded)}[data-tds=avatar][data-shape=square]{border-radius:var(--tds-avatar-radius-square)}[data-tds=avatar][data-shape=squircle]{border-radius:var(--tds-avatar-radius-squircle)}[data-tds=avatar] [data-part=media]{border-radius:inherit;background:inherit;block-size:100%;inline-size:100%;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;place-items:center;display:grid;position:relative;overflow:hidden}[data-tds=avatar] [data-part=image]{border-radius:inherit;object-fit:cover;opacity:0;block-size:100%;inline-size:100%;transition:opacity var(--tds-dur-fast) var(--tds-ease-standard)}[data-tds=avatar] [data-part=image][data-loaded=true]{opacity:1}[data-tds=avatar] [data-part=initials]{text-transform:uppercase;-webkit-user-select:none;user-select:none;line-height:1;display:inline-block}[data-tds=avatar][data-overflow=true],[data-tds=avatar][data-overflow=true] [data-part=media]{background:var(--tds-surface-pressed);color:var(--tds-fg-default)}[data-tds=avatar] [data-part=status]{box-sizing:border-box;border-radius:var(--tds-radius-full);border:var(--tds-avatar-ring-width) solid var(--tds-surface-default);pointer-events:none;z-index:2;position:absolute;inset-block-end:-1px;inset-inline-end:-1px}[data-tds=avatar][data-size=xs] [data-part=status]{inline-size:var(--tds-avatar-status-size-xs);block-size:var(--tds-avatar-status-size-xs)}[data-tds=avatar][data-size=sm] [data-part=status]{inline-size:var(--tds-avatar-status-size-sm);block-size:var(--tds-avatar-status-size-sm)}[data-tds=avatar][data-size=md] [data-part=status]{inline-size:var(--tds-avatar-status-size-md);block-size:var(--tds-avatar-status-size-md)}[data-tds=avatar][data-size=lg] [data-part=status]{inline-size:var(--tds-avatar-status-size-lg);block-size:var(--tds-avatar-status-size-lg)}[data-tds=avatar][data-size=xl] [data-part=status]{inline-size:var(--tds-avatar-status-size-xl);block-size:var(--tds-avatar-status-size-xl)}[data-tds=avatar][data-size="2xl"] [data-part=status]{inline-size:var(--tds-avatar-status-size-2xl);block-size:var(--tds-avatar-status-size-2xl)}[data-tds=avatar] [data-part=status][data-status=online]{background:var(--tds-success-default)}[data-tds=avatar] [data-part=status][data-status=offline]{background:var(--tds-fg-muted)}[data-tds=avatar] [data-part=status][data-status=away]{background:var(--tds-warning-default)}[data-tds=avatar] [data-part=status][data-status=busy]{background:var(--tds-danger-default)}[data-tds=avatar] [data-part=badge]{z-index:2;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:absolute;inset-block-end:-2px;inset-inline-end:-2px}[data-tds=avatar] [data-part=star-badge]{border-radius:var(--tds-radius-full);background:var(--tds-surface-default);border:var(--tds-avatar-ring-width) solid var(--tds-border-subtle);font-size:var(--tds-font-size-xs);font-weight:var(--tds-font-weight-semibold);color:var(--tds-warning-default);z-index:2;align-items:center;gap:2px;padding-block:1px;padding-inline:4px;line-height:1;display:inline-flex;position:absolute;inset-block-end:-4px;inset-inline-end:-4px}[data-tds=avatar-group]{align-items:center;display:inline-flex}[data-tds=avatar-group]>[data-tds=avatar]{border:var(--tds-avatar-ring-width) solid var(--tds-surface-default)}[data-tds=avatar-group]>[data-tds=avatar]+[data-tds=avatar]{margin-inline-start:var(--tds-avatar-overlap)}[data-tds=avatar-group][data-size=sm]>[data-tds=avatar]{--_size:var(--tds-avatar-size-sm)}[data-tds=avatar-group][data-size=md]>[data-tds=avatar]{--_size:var(--tds-avatar-size-md)}[data-tds=avatar-group][data-size=lg]>[data-tds=avatar]{--_size:var(--tds-avatar-size-lg)}[data-tds=avatar-group][data-size=xl]>[data-tds=avatar]{--_size:var(--tds-avatar-size-xl)}[data-tds=avatar-trigger]{cursor:pointer;border-radius:var(--tds-radius-full);color:inherit;font:inherit;-webkit-user-select:none;user-select:none;vertical-align:middle;background:0 0;border:0;outline:none;margin:0;padding:0;line-height:normal;text-decoration:none;display:inline-flex}[data-tds=avatar-trigger][data-shape=rounded]{border-radius:var(--tds-avatar-radius-rounded)}[data-tds=avatar-trigger][data-shape=square]{border-radius:var(--tds-avatar-radius-square)}[data-tds=avatar-trigger][data-shape=squircle]{border-radius:var(--tds-avatar-radius-squircle)}[data-tds=avatar-trigger]:focus-visible{outline:var(--tds-border-width-focus) solid var(--tds-focus-ring);outline-offset:var(--tds-space-1)}[data-part=verified-badge]{inline-size:var(--tds-space-4);block-size:var(--tds-space-4);border-radius:var(--tds-radius-full);background:var(--tds-info-default);color:var(--tds-surface-default);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}[data-tds=avatar-with-details]{align-items:center;gap:var(--tds-space-3);text-align:start;display:inline-flex}[data-tds=avatar-with-details][data-layout=vertical]{align-items:flex-start;gap:var(--tds-space-2);flex-direction:column}[data-tds=avatar-with-details] [data-part=content]{gap:var(--tds-space-1);flex-direction:column;min-inline-size:0;display:flex}[data-tds=avatar-with-details] [data-part=primary-line]{align-items:center;gap:var(--tds-space-2);flex-wrap:wrap;display:inline-flex}[data-tds=avatar-with-details] [data-part=name]{font-size:var(--tds-font-size-sm);font-weight:var(--tds-font-weight-semibold);color:var(--tds-fg-default);line-height:1.2}[data-tds=avatar-with-details] [data-part=username]{font-size:var(--tds-font-size-xs);color:var(--tds-fg-muted);text-align:start;direction:ltr}[data-tds=avatar-with-details] [data-part=secondary-line]{align-items:center;gap:var(--tds-space-2);font-size:var(--tds-font-size-xs);color:var(--tds-fg-muted);flex-wrap:wrap;display:inline-flex}[data-tds=avatar-with-details] [data-part=rating-row],[data-tds=avatar-profile-card] [data-part=rating-row]{font-size:var(--tds-font-size-xs);color:var(--tds-warning-default);align-items:center;gap:2px;display:inline-flex}[data-tds=avatar-with-details] [data-part=rating-count],[data-tds=avatar-profile-card] [data-part=rating-count]{color:var(--tds-fg-muted);font-size:var(--tds-font-size-xs);margin-inline-start:var(--tds-space-1)}[data-tds=avatar-profile-card]{gap:var(--tds-space-3);min-inline-size:16rem;max-inline-size:22rem;padding:var(--tds-space-1);color:var(--tds-fg-default);flex-direction:column;display:flex}[data-tds=avatar-profile-card] [data-part=header]{align-items:center;gap:var(--tds-space-3);display:flex}[data-tds=avatar-profile-card] [data-part=identity]{gap:var(--tds-space-1);flex-direction:column;flex:1;min-inline-size:0;display:flex}[data-tds=avatar-profile-card] [data-part=name-line]{align-items:center;gap:var(--tds-space-2);display:inline-flex}[data-tds=avatar-profile-card] [data-part=name]{font-size:var(--tds-font-size-sm);font-weight:var(--tds-font-weight-semibold);color:var(--tds-fg-default);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-tds=avatar-profile-card] [data-part=username]{font-size:var(--tds-font-size-xs);color:var(--tds-fg-muted);text-align:start;direction:ltr}[data-tds=avatar-profile-card] [data-part=role]{font-size:var(--tds-font-size-xs);color:var(--tds-fg-muted)}[data-tds=avatar-profile-card] [data-part=bio]{font-size:var(--tds-font-size-xs);color:var(--tds-fg-default);margin:0;line-height:1.4}[data-tds=avatar-profile-card] [data-part=stats-row]{align-items:center;gap:var(--tds-space-3);font-size:var(--tds-font-size-xs);color:var(--tds-fg-muted);display:inline-flex}[data-tds=avatar-profile-card] [data-part=stat-item]{align-items:center;gap:3px;display:inline-flex}[data-tds=avatar-profile-card] [data-part=stat-value]{font-weight:var(--tds-font-weight-semibold);color:var(--tds-fg-default)}[data-tds=avatar-profile-card] [data-part=status-row]{align-items:center;gap:var(--tds-space-2);font-size:var(--tds-font-size-xs);color:var(--tds-fg-muted);display:inline-flex}[data-tds=avatar-profile-card] [data-part=status-indicator]{inline-size:var(--tds-space-2);block-size:var(--tds-space-2);border-radius:var(--tds-radius-full);background:var(--tds-fg-muted)}[data-tds=avatar-profile-card] [data-part=status-indicator][data-status=online]{background:var(--tds-success-default)}[data-tds=avatar-profile-card] [data-part=status-indicator][data-status=offline]{background:var(--tds-fg-muted)}[data-tds=avatar-profile-card] [data-part=status-indicator][data-status=away]{background:var(--tds-warning-default)}[data-tds=avatar-profile-card] [data-part=status-indicator][data-status=busy]{background:var(--tds-danger-default)}[data-tds=avatar-profile-card] [data-part=actions]{align-items:center;gap:var(--tds-space-2);border-block-start:1px solid var(--tds-border-subtle);padding-block-start:var(--tds-space-2);display:flex}[data-tds=avatar][data-ring]{--_ring-color:var(--tds-border-default);--_ring-offset:var(--tds-avatar-ring-offset,2px);--_ring-width:var(--tds-avatar-ring-width,2px);box-shadow:0 0 0 var(--_ring-offset) var(--tds-bg-canvas,var(--tds-surface-default)), 0 0 0 calc(var(--_ring-offset) + var(--_ring-width)) var(--_ring-color);transition:box-shadow var(--tds-dur-fast) var(--tds-ease-standard)}[data-tds=avatar][data-ring=online],[data-tds=avatar][data-ring=true][data-status=online]{--_ring-color:var(--tds-success-default)}[data-tds=avatar][data-ring=busy],[data-tds=avatar][data-ring=true][data-status=busy]{--_ring-color:var(--tds-danger-default)}[data-tds=avatar][data-ring=away],[data-tds=avatar][data-ring=true][data-status=away]{--_ring-color:var(--tds-warning-default)}[data-tds=avatar][data-ring=offline],[data-tds=avatar][data-ring=true][data-status=offline]{--_ring-color:var(--tds-border-strong)}[data-tds=avatar][data-ring=brand],[data-tds=avatar][data-ring=true]:not([data-status]){--_ring-color:var(--tds-accent-default)}[data-tds=avatar][data-ring=rainbow]{box-shadow:0 0 0 var(--_ring-offset) var(--tds-bg-canvas,var(--tds-surface-default)), 0 0 0 calc(var(--_ring-offset) + var(--_ring-width)) var(--tds-rainbow-indigo,var(--tds-accent-default));animation:tds-avatar-pulse var(--tds-dur-slow) ease-in-out infinite alternate}@keyframes tds-avatar-pulse{0%{box-shadow:0 0 0 var(--_ring-offset) var(--tds-bg-canvas,var(--tds-surface-default)), 0 0 0 calc(var(--_ring-offset) + var(--_ring-width)) var(--tds-rainbow-indigo,var(--tds-accent-default))}to{box-shadow:0 0 0 var(--_ring-offset) var(--tds-bg-canvas,var(--tds-surface-default)), 0 0 0 calc(var(--_ring-offset) + var(--_ring-width) + 1.5px) var(--tds-rainbow-pink,var(--tds-accent-subtle))}}[data-tds=avatar][data-elevation=sm]{box-shadow:var(--tds-avatar-elevation-sm)}[data-tds=avatar][data-elevation=md]{box-shadow:var(--tds-avatar-elevation-md)}[data-tds=avatar][data-elevation=lg]{box-shadow:var(--tds-avatar-elevation-lg)}[data-tds=avatar][data-elevation=floating]{box-shadow:var(--tds-avatar-elevation-floating);transition:transform var(--tds-dur-fast) var(--tds-ease-standard), box-shadow var(--tds-dur-fast) var(--tds-ease-standard);transform:translateY(-2px)}[data-tds=avatar][data-elevation=floating]:hover{box-shadow:var(--tds-elevation-4);transform:translateY(-4px)}[data-tds=avatar][data-ring][data-elevation=sm]{box-shadow:0 0 0 var(--_ring-offset) var(--tds-bg-canvas,var(--tds-surface-default)), 0 0 0 calc(var(--_ring-offset) + var(--_ring-width)) var(--_ring-color), var(--tds-avatar-elevation-sm)}[data-tds=avatar][data-ring][data-elevation=md]{box-shadow:0 0 0 var(--_ring-offset) var(--tds-bg-canvas,var(--tds-surface-default)), 0 0 0 calc(var(--_ring-offset) + var(--_ring-width)) var(--_ring-color), var(--tds-avatar-elevation-md)}[data-tds=avatar][data-ring][data-elevation=lg]{box-shadow:0 0 0 var(--_ring-offset) var(--tds-bg-canvas,var(--tds-surface-default)), 0 0 0 calc(var(--_ring-offset) + var(--_ring-width)) var(--_ring-color), var(--tds-avatar-elevation-lg)}[data-tds=avatar][data-ring][data-elevation=floating]{box-shadow:0 0 0 var(--_ring-offset) var(--tds-bg-canvas,var(--tds-surface-default)), 0 0 0 calc(var(--_ring-offset) + var(--_ring-width)) var(--_ring-color), var(--tds-avatar-elevation-floating);transform:translateY(-2px)}[data-tds=avatar][data-ring][data-elevation=floating]:hover{box-shadow:0 0 0 var(--_ring-offset) var(--tds-bg-canvas,var(--tds-surface-default)), 0 0 0 calc(var(--_ring-offset) + var(--_ring-width)) var(--_ring-color), var(--tds-elevation-4);transform:translateY(-4px)}@media print{[data-tds=avatar]{break-inside:avoid}[data-tds=avatar][data-print=hide]{display:none}}
