.dp-avatar{--dp-avatar-badge-size:calc(var(--dp-avatar-size, var(--control-height-md)) / 4);position:relative;display:inline-flex;width:var(--dp-avatar-size,var(--control-height-md));height:var(--dp-avatar-size,var(--control-height-md));flex:none;vertical-align:middle}.dp-avatar-face{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;border-radius:50%;background:var(--surface-selected);color:var(--text-muted);font-family:var(--font-sans);font-size:var(--font-ui-size);font-weight:500;line-height:1}.dp-avatar[data-avatar-size=xs] .dp-avatar-face{font-size:var(--font-caption-size)}.dp-avatar-face img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dp-avatar-badge{position:absolute;inset-block-end:0;inset-inline-end:0;width:var(--dp-avatar-badge-size);height:var(--dp-avatar-badge-size);border-radius:50%;box-shadow:0 0 0 2px var(--surface)}