.avatar{font-family:var(--font-display);-webkit-user-select:none;user-select:none;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.avatar--xs{width:1.5rem;height:1.5rem;font-size:.5625rem}.avatar--sm{width:2rem;height:2rem;font-size:.6875rem}.avatar--md{width:2.5rem;height:2.5rem;font-size:.875rem}.avatar--lg{width:3.5rem;height:3.5rem;font-size:1.25rem}.avatar--xl{width:5rem;height:5rem;font-size:1.75rem}.avatar__img{object-fit:cover;width:100%;height:100%;display:block}.avatar__initials{letter-spacing:-.02em;line-height:1}.avatar--color-0{background-color:var(--color-fn-navy);color:#fff}.avatar--color-1{background-color:var(--color-fn-blue);color:#fff}.avatar--color-2{background-color:var(--color-fn-amber);color:var(--color-fn-deep)}.avatar--color-3{background-color:var(--color-fn-deep);color:#fff}.avatar--color-4{color:#fff;background-color:#0f766e}.avatar--color-5{color:#fff;background-color:#7c3aed}.avatar--color-6{color:#fff;background-color:#c2410c}.avatar--color-7{color:#fff;background-color:#0369a1}