.ui-avatar[data-v-cc022e86]{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:inline-grid;position:relative}.ui-avatar img[data-v-cc022e86]{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}.ui-avatar__icon[data-v-cc022e86]{color:var(--text-2)}.ui-avatar__online[data-v-cc022e86]{background:var(--live);width:28%;height:28%;box-shadow:0 0 0 2px var(--bg);border-radius:50%;position:absolute;bottom:0;right:0}.pill-nav[data-v-87dbba0b]{border-radius:var(--radius-md);background:var(--sidebar);gap:2px;padding:4px;display:flex;overflow-x:auto}.pill-nav__item[data-v-87dbba0b]{border-radius:var(--radius-sm);height:40px;color:var(--text);white-space:nowrap;align-items:center;gap:8px;padding:0 16px;font-weight:600;transition:background .15s;display:inline-flex}.pill-nav__item .ui-icon[data-v-87dbba0b]{color:var(--text-2)}.pill-nav__item[data-v-87dbba0b]:hover{background:var(--surface)}.pill-nav__item.is-active[data-v-87dbba0b]{background:var(--primary-gradient);color:var(--on-primary);box-shadow:var(--sheen)}.pill-nav__item.is-active .ui-icon[data-v-87dbba0b]{color:var(--on-primary)}