@import '../../../mixins/index';

.item {
  display: block;
  width: 100%;
  padding: 5px 10px;
  border-radius: 6px;
  line-height: 1.5;
  font-size: 14px;
  cursor: pointer;
  text-align: left;
  color: chaser-color('Dark Neutral 1');
  @include focusVisibleOutline(4);

  &:not(.noHover):hover {
    color: chaser-color('Dark Neutral 1');
  }
}

.item:not(.disabled):not(.noHover):hover {
  background: chaser-color('Light Neutral 2');
  cursor: pointer;
}

.item.disabled {
  opacity: 0.5;
  text-decoration: none;
  cursor: not-allowed;
}

.noHover.noHover {
  cursor: default;
}

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