.tom-select-it {
  z-index: 9999999999;
  max-width: min-content;
  border: 1.5px solid #0d0d0d0d;
  border-radius: 8px;
}

.ts-dropdown {
  border: 1.5px solid #0d0d0d0d;
}

.tom-select-dropdown-container {
  top: auto !important;
  bottom: 100% !important;
  min-width: 200px;
  width: auto !important;
  position: absolute !important;
  margin-bottom: 4px !important;
  border-radius: 8px !important;
}

.tom-select-option {
  margin-top: 0 !important;
  padding: 7px 25px 7px 15px !important;
}

.ts-dropdown-content {
  max-height: 300px;
  border-radius: 8px;
  box-shadow: 1px 5px 12px #23242714;
}

.tom-select-item-to {
  padding-left: 6px;
  color: var(--align-jb-gray);
}

.tom-select-item {
  padding: 0 0 !important;
}

.tom-select-item .mention-result-bubble.tight {
  width: 20px !important;
  height: 20px !important;
  align-self: center;
  margin: 0 0 0 4px;
  border-radius: 8px;
}

.tom-select-item .mention-result-bubble.tight.without-username {
  align-self: center;
  margin: 0px 7px;
  border-radius: 8px;
}

.mention-result-card.tom-select-option.option.selected {
  background-color: var(--align-very-light-grey);
}

.tom-select-item .mention-result {
  padding: 0 6px;
  font-weight: 400;
  font-size: 13px;
}
.tom-select-item .vertical-line {
  width: 1px;
  background-color: #0d0d0d12;
  height: calc(100% + 8px);
}
.tom-select-item .arrow-icon.down {
  width: 18px;
  height: 18px;
  padding-bottom: 0;
  margin: 0px 4px;
  opacity: 0.6;
}

.mention-result-card.tom-select-item.item {
  min-width: auto;
  border-radius: 6px;
  padding: 2px 0px !important;
  align-items: center;
}

.tom-select-it {
  .ts-control {
    border: 0 !important;
    width: max-content;
    padding: 0px;
    border-radius: 6px;
  }
  .ts-control:focus-visible {
    outline: none;
    border: none;
  }
  .ts-control:not(.rtl) {
    padding-right: 0 !important;
  }

  .dropdown-input-wrap {
    display: none;
  }
}

.optgroup-header {
  text-align: left;
  text-transform: uppercase;
  font-weight: 600;
  color: #929292 !important;
  font-size: 11px;
}

.optgroup .mention-result {
  font-weight: 500;
  font-size: 14px;
  border-radius: 8px;
}

.optgroup .mention-result-initials {
  font-weight: 500;
  font-size: 10px;
  border-radius: 8px;
}

.profile-image {
  border-radius: 8px;
}

.private-message-icon {
  width: 18px;
  height: 18px;
  margin-right: 4px;
}