.ql-mention-list-container {
  width: 120px;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 2px 12px 0 rgba(30, 30, 30, 0.08);
  display: block;
}

.ql-mention-list {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
  position: absolute;
  z-index: 100;
  left: 0;
  right: 0;
  list-style-type: none;
  overflow-y: auto;
  max-height: 480px;
  padding-left: 0;
  background: #fff;
}

.ql-mention-list-item {
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  font-size: 11px;
  padding: 0 10px;
  vertical-align: middle;
  list-style-position: inside;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ql-mention-loading {
  line-height: 44px;
  font-size: 16px;
  padding: 0 20px;
  vertical-align: middle;
}

.ql-mention-list-item.selected {
  background-color: #d3e1eb;
  text-decoration: none;
  list-style-position: inside;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mention {
  height: 24px;
  width: 65px;
  border-radius: 6px;
  background-color: #d3e1eb;
  padding: 3px 0;
}

.mention > span {
  margin: 0 3px;
}

.mention {
  color: #0366d6;
}

/* padding: 3px 5px;
font-size: 11px;
line-height: 1;
text-shadow: none;
background-color: #e0e0e0;
font-weight: 600;
color: #4b4b4b;
border-radius: 3px;
background-color: #0072EC;
color: #fff;
margin-right: 2px;
color: white; */

.quill-editor {
  white-space: pre-wrap;
}