.lfl-mention-menu {
  position: fixed;
  z-index: 10000;
  max-height: 300px;
  overflow-y: auto;
  padding: 6px;
  border: 1px solid rgba(148, 163, 184, .38);
  border-radius: 12px;
  background: #111827;
  color: #f8fafc;
  box-shadow: 0 16px 42px rgba(0, 0, 0, .38);
}

.lfl-mention-menu[hidden] { display: none !important; }

.lfl-mention-option {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 2px;
  padding: 9px 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.lfl-mention-option span,
.lfl-mention-loading {
  color: #a8b3c7;
  font-size: .82rem;
}

.lfl-mention-option:hover,
.lfl-mention-option[aria-selected="true"] {
  background: rgba(59, 130, 246, .22);
}

.lfl-mention-loading {
  display: block;
  padding: 10px;
}