.user-badge{align-items:center;background:var(--ub-bg);border:1px solid var(--ub-border);border-radius:7px;display:flex;gap:.55em;justify-content:space-between;padding:.45em .55em}.user-badge .ub-icon{color:var(--ub-color);flex:0 0 auto}.user-badge .ub-info{display:grid;flex:1 1 auto;gap:.15em;min-width:0}.user-badge .ub-info .ub-name{color:var(--ub-color);font-weight:800}.user-badge .ub-info .ub-login{color:color-mix(in srgb,var(--ub-color) 72%,#64748b);font-size:.78em;font-weight:700}.user-badge .ub-remove{aspect-ratio:1/1;background:#fff;border:1px solid var(--ub-border);border-radius:6px;color:var(--ub-color);cursor:pointer;padding:.3em .4em;transition:color .18s ease 0s,border-color .18s ease 0s,background .18s ease 0s}.user-badge .ub-remove:hover{background:#fff1f2;border-color:#fecdd3;color:#dc2626}