@import "~tributejs/dist/tribute.css";

.tribute-container {
  box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25);
  border-radius: .25rem;
}

.tribute-container ul {
  margin-top: 0 !important;
  background: var(--color-body) !important;
}

.tribute-container li {
  padding: 3px .5rem !important;
}

.tribute-container li span.fullname {
  font-weight: normal;
  font-size: .8rem;
  margin-left: 3px;
}

.tribute-container li.highlight,
.tribute-container li:hover {
  background: var(--color-primary) !important;
  color: #ffffff !important;
}

.tribute-item {
  display: flex;
  align-items: center;
}

.tribute-item .emoji,
.tribute-item img[src*="/avatar/"] {
  margin-right: .5rem;
}

.tribute-container img {
  width: 1.5rem !important;
  height: 1.5rem !important;
}