.avatar{--avatar-hue:0;isolation:isolate;color:var(--accent-ink);font-family:var(--font-display);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;vertical-align:middle;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex;position:relative;overflow:hidden}.avatar:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(rgb(var(--scrim) / .18), rgb(var(--scrim) / .18)), linear-gradient(135deg, var(--accent), var(--accent-2));filter:hue-rotate(calc(var(--avatar-hue) * 1deg));position:absolute;inset:0}.avatar__initial{position:relative;transform:translateY(.04em)}.avatar__img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block;position:absolute;inset:0}.avatar--28{width:28px;height:28px;font-size:12px}.avatar--36{width:36px;height:36px;font-size:15px}.avatar--48{width:48px;height:48px;font-size:20px}.avatar--96{width:96px;height:96px;font-size:40px}