.profileCard {
  font-family: "Proxima Nova", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 20px;
  font-weight: 400;
  font-size: 0.875rem;
  margin: 0;
}

.profileName {
  cursor: pointer;
  border: 0;
  padding: inherit;
  background-color: transparent;
  box-shadow: none;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

.profileName:hover {
  background-color: transparent;
  box-shadow: none;
}

.error {
  padding: 0px 24px;
  margin-top: 15px;
}

.loading {
  text-align: center;
  padding: 24px;
}

.avatar {
  margin-top: 4px;
  border-radius: 50%;
  height: 64px;
  width: 64px;
}

.cardSection {
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
}

.detailsColumn {
  box-sizing: content-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-left: 24px;
  width: 198px;
}

.name {
  font-weight: normal;
  margin: 0;
  font-size: 1rem;
  line-height: 28px;
}

.title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.actions {
  padding-top: 8px;
}

:global(.messageButton) {
  margin-left: 4px !important;
}

:global(.action) {
  box-sizing: border-box;
  box-shadow: none;
  float: right;
}