.yr-avatar{background:var(--color-primary);color:var(--color-paper);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex;position:relative}.yr-avatar__frame{justify-content:center;align-items:center;display:inline-flex;position:absolute;inset:0}.yr-avatar__online{border:2px solid var(--color-paper);width:max(11px,28%);height:max(11px,28%);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-ink) 8%, transparent);z-index:1;background:#22c55e;position:absolute;bottom:-1px;right:-1px}