.autocomplete-list {
  position: absolute;
  z-index: 1000;
  margin: var(--space-2xs) 0 0 0 ;
  padding: 0;
  list-style: none;

  &:not([hidden]) {
    background-color: var(--color-background);
    border: 1px solid var(--color-primary);
  }

  > li {
    padding: 0.5rem;
    cursor: pointer;

    &:hover {
      color: var(--color-text-active);
      background-color: var(--color-primary-major);        
    }
  }
}