.autoComplete_wrapper {
  width: 100%;
  position: relative;

  input {
    color: #000;
    width: 100%;
    margin: 0;
  }

  ul {
    position: absolute;
    margin: 0;

    li {
      color: var(--secondary);

      span {
        &.author__avatar {
          display: inline-block;
        }
      }

      &:hover,
      &[aria-selected="true"] {
        background-color: #ededed;
      }

      &.disabled {
        pointer-events: none;
        opacity: 0.6;
      }

      .is-group {
        float: right;
      }
    }
  }

  span {
    &.autocomplete__selected-item.sticky {
      position: absolute;
      overflow: hidden;
      height: 40px;
      padding: 1rem;
    }
  }

  .clear-sticky-selection {
    display: inline;
    position: absolute;
    font-size: 1.3rem;
    cursor: pointer;
    right: 1rem;
    height: 40px;
  }

  .clear-multi-selection {
    cursor: pointer;
  }

  .search-prompt {
    color: #000;
    border: 1px solid #6b7280cc;
    padding: 0.2rem;
  }
}

.multiselect {
  background-color: #fff;
  display: inline-block;
  border: 1px solid #6b7280cc;
  width: 100%;
  cursor: text;
  padding: 0 0.5rem;
  min-height: 2.4375rem;

  span {
    display: inline-block;
    position: relative;
    margin: 0.5rem 0.5rem 0.5rem 0;

    input {
      border: none;
      outline: none;
    }

    &.clear-multi-selection {
      margin: 0 0 0 0.2rem;
      cursor: pointer;
    }
  }
}
