/* A symbol is always painted, including while a photo is loading or unavailable. */
.admin-activity .conversation-event-link,
.activity-list .conversation-event-link {
  display: inline-flex;
  align-items: baseline;
  gap: .5em;
  max-width: 100%;
  min-height: 2.75rem;
  padding: .35rem 0;
  border: 0;
  border-radius: .2rem;
  background: transparent;
  box-shadow: none;
  color: inherit;
  font: inherit;
  text-align: left;
  white-space: normal;
  overflow-wrap: anywhere;
  cursor: pointer;
}
.conversation-event-link:hover { text-decoration: underline; text-underline-offset: .2em; }
.conversation-event-link:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.conversation-event-link > span { flex-shrink: 0; }
.conversation-avatar {
  position: relative;
  display: inline-grid;
  place-items: center;
  flex-shrink: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--line, #e0e3e1);
  border-radius: 50%;
  color: #303a35;
  background: #eef1ef;
}
.conversation-avatar > svg {
  display: block;
  width: 1.1rem;
  height: 1.1rem;
  max-width: 65%;
  max-height: 65%;
}
.conversation-avatar > .conversation-avatar__photo {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
}
.conversation-avatar[data-photo="ready"] > .conversation-avatar__photo { opacity: 1; }
.admin-card--conversation .admin-activity li { padding-inline-start: 0; }
.admin-activity__avatar.conversation-avatar { margin-left: 0; }
html[data-theme="dark"] .conversation-avatar {
  color: #edf3ef;
  background: #252e29;
  border-color: #414c45;
}