/* S2100: keep every small identity/status icon geometrically centered with the user name. */
.smile-user-search-v2400 .card .name {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.smile-user-search-v2400 .card .name > [data-smile-account-name] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  direction: rtl;
  line-height: inherit;
}

.smile-user-search-v2400 .card .name > [data-smile-account-name] > .smile-account-badge,
.smile-user-search-v2400 .card .name > [data-smile-account-name] > .smile-account-lock-badge,
.smile-user-search-v2400 .card .name > [data-smile-account-name] > [data-smile-account-badge],
.smile-user-search-v2400 .card .name > [data-smile-account-name] > [data-smile-account-lock-badge] {
  flex: 0 0 auto;
  align-self: center;
  position: static !important;
  inset: auto !important;
  margin: 0 !important;
  transform: none !important;
  vertical-align: middle !important;
}

.smile-user-search-v2400 .card .name > .status-badge,
.smile-user-search-v2400 .card .name > .demo-badge,
.smile-user-search-v2400 .card .name > .online-badge {
  flex: 0 0 auto;
  align-self: center;
  position: static;
  margin: 0;
  transform: none;
  vertical-align: middle;
}