.nd-list {
  max-height: 400px;
  overflow: scroll;
  border: 1px solid var(--nd-color-border);
}

.nd-list-container {
  display: flex;
  flex-direction: column;
}

.nd-list-item {
  @include rem(10);
  display: flex;
  color: var(--nd-color-link);
  font-weight: 700;
  border: 1px solid var(--nd-color-border);
  border-bottom: 0;
  align-items: baseline;
  background: rgba(0, 0, 0, 0);
  transition: $default-transition;
  white-space: nowrap;
  padding: ($default-spacing) ($default-spacing * 1.5);
  user-select: none;
  cursor: pointer;
  outline: 0;

  &:first-child {
    border-top: 0;
  }

  &:last-child {
    border-bottom: 0;
  }

  &:first-child:last-child {
    border: 0;
  }

  &:hover,
  &:focus {
    background: rgba(0, 0, 0, 0.02);
  }

  a {
    flex: 1;
    color: var(--nd-color-link);
    text-decoration: none;

    &::after {
      content: '';
    }
  }

  i {
    margin-right: $default-spacing;
  }
}

.nd-list__empty {
  @include rem(10);
  font-style: italic;
  font-weight: 700;
  padding: $default-spacing ($default-spacing * 1.5);
}

.nd-list__results {
  @include rem(10);
  padding: ($default-spacing * 0.5) 0;
  font-weight: 400;
  font-style: italic;
  color: var(--nd-color-subtle);
}