.item {
  background-color: var(--item-background, transparent);
  border: 1px solid var(--item-border-color, var(--color-border));
  border-radius: var(--rounded-md);
  padding: var(--size-4);
}

.item--muted {
  --item-background: rgb(from var(--color-border-light) r g b / .5);
}

.item--borderless {
  --item-border-color: transparent;
}

.item--link:hover {
  --item-background: rgb(from var(--color-border-light) r g b / .5);
}

.item--link:focus-visible {
  outline: 2px solid var(--color-selected-dark);
}

.item--check:has(:checked) {
  --item-background: rgb(from var(--color-border-light) r g b / .5);
  --item-border-color: var(--color-primary);
}