.data-table--userList{--l-uid-w:80px;--l-roles-w:110px;--l-action-w:128px;--l-extraPerms-w:180px;--l-email-w:200px;--l-name-w-min:120px;--l-name-w:calc(100% - var(--l-email-w) - var(--l-extraPerms-w) - var(--l-roles-w) - var(--l-action-w) - var(--t-select-w));--l-name-super-w:calc(100% - var(--l-uid-w) - var(--l-email-w) - var(--l-extraPerms-w) - var(--l-roles-w) - var(--l-action-w) - var(--t-select-w))}.userList__Uid{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}@media screen and (min-width:768px){.userList__Uid{width:var(--l-uid-w)}}.userList__name{overflow:hidden;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;white-space:nowrap;text-overflow:ellipsis}@media screen and (min-width:768px){.userList__name{overflow:hidden;width:var(--l-name-w);min-width:var(--l-name-w-min)}}@media screen and (min-width:768px){.superuser-view .userList__name{width:var(--l-name-super-w)}}.userList__name .avatar-name{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;width:calc(100% - var(--user-avatar-size) - var(--user-avatar-gap) - var(--td-mobile-head-w))}@media screen and (min-width:768px){.userList__name .avatar-name{width:calc(100% - var(--user-avatar-size) - var(--user-avatar-gap))}}.name__string{overflow:hidden;max-width:200px;text-overflow:ellipsis;font-family:var(--inter-bold)}.user__status{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.tag{display:inline-block;vertical-align:middle;padding:4px 8px;border-radius:8px;background-color:var(--royal-blue-200);color:var(--royal-blue-800);font-family:var(--inter-semibold);font-size:11px;line-height:11px}.userList__email{overflow:hidden;-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4;white-space:nowrap;text-overflow:ellipsis}@media screen and (min-width:768px){.userList__email{overflow:hidden;width:var(--l-email-w)}}.userList__roles{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}@media screen and (min-width:768px){.userList__roles{width:var(--l-roles-w)}}.userList__extraPermissionNames{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}@media screen and (min-width:768px){.userList__extraPermissionNames{width:var(--l-extraPerms-w)}}.userList__action{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}@media screen and (min-width:768px){.userList__action{width:var(--l-action-w)}}.user__add{margin:0}.user__delete,.user__resend{padding:6px}