.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;color:#fff;font-weight:var(--font-medium);text-transform:uppercase;-webkit-user-select:none;user-select:none;transition:var(--fx-fast);position:relative;aspect-ratio:1/1;flex-shrink:0;background-image:var(--avatar-gradient, linear-gradient(135deg, color-mix(in srgb, var(--accent) 75%, white 25%), color-mix(in srgb, var(--accent) 85%, black 15%)))}.avatar:before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 50%);pointer-events:none}.avatar__initials{line-height:1;z-index:1;font-weight:700}.avatar__image{width:100%;height:100%;object-fit:cover}