.ui-avatar{--av:36px;background:hsl(var(--hue),28%,90%);border-radius:28%;color:hsl(var(--hue),40%,28%);display:inline-grid;flex-shrink:0;font-family:Manrope,-apple-system,system-ui,Segoe UI,sans-serif;font-size:calc(var(--av)*.38);font-weight:700;height:var(--av);letter-spacing:.01em;overflow:hidden;place-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--av)}.ui-avatar--sm{--av:28px}.ui-avatar--lg{--av:48px}.ui-avatar__img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}