void-list {
  display: flex;
  flex-direction: column;
  font-family: var(--void-font-sans);
}

void-list[dividers] void-list-item + void-list-item {
  border-top: 1px solid var(--void-color-border);
}

void-list-item {
  display: flex;
  align-items: center;
  gap: var(--void-space-3);
  padding: var(--void-space-2) var(--void-space-3);
  font-size: var(--void-text-sm);
  color: var(--void-color-text);
}

void-list-item[interactive] {
  cursor: pointer;
  transition: background var(--void-duration-fast) var(--void-ease-in-out);
}

void-list-item[interactive]:hover {
  background: var(--void-color-bg-hover);
}

void-list-item[selected] {
  background: color-mix(in srgb, var(--void-color-accent) 10%, transparent);
  color: var(--void-color-accent);
}

void-list-item[disabled] {
  opacity: 0.5;
  pointer-events: none;
}