@layer ui{.avatar{--avatar-size:36px;--avatar-radius:clamp(4px, calc(var(--avatar-size) * .24), 16px);--avatar-ring:var(--bg-pane);width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--avatar-radius);--avatar-fill:var(--lightningcss-light,oklch(92% .055 var(--avatar-hue)))var(--lightningcss-dark,oklch(50% .13 var(--avatar-hue)));--avatar-ink:var(--lightningcss-light,oklch(40% .11 var(--avatar-hue)))var(--lightningcss-dark,oklch(97% .015 var(--avatar-hue)));background:var(--avatar-fill);color:var(--avatar-ink);font-size:calc(var(--avatar-size) * .4);font-weight:var(--weight-semibold);letter-spacing:0;-webkit-user-select:none;user-select:none;flex-shrink:0;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;line-height:1;display:inline-grid;position:relative}.avatar-image{border-radius:inherit;object-fit:cover;width:100%;height:100%}.avatar-initials{font-feature-settings:"case"}.avatar-presence{--dot:clamp(8px, calc(var(--avatar-size) * .3), 16px);right:calc(var(--dot) * -.2);bottom:calc(var(--dot) * -.2);width:var(--dot);height:var(--dot);background:var(--presence-online);box-shadow:0 0 0 2px var(--avatar-ring);transition:background-color var(--duration-small) var(--ease-enter);border-radius:50%;position:absolute}.avatar-presence[data-presence=away]{background:radial-gradient(circle at 22% 22%, var(--avatar-ring) 36%, var(--presence-away) 38%)}.avatar-presence[data-presence=dnd]{background:linear-gradient(var(--on-danger), var(--on-danger)) center / 56% 22% no-repeat, var(--presence-dnd)}.avatar-presence[data-presence=offline]{background:radial-gradient(circle, var(--avatar-ring) 34%, var(--presence-offline) 36%)}@media (width<720px){.avatar{font-size:max(calc(var(--avatar-size) * .4), min(11px, calc(var(--avatar-size) * .55)))}}}