.filter {
  padding: var(--size-4);
}

.filter__input {
  padding: var(--input-padding, 0.375rem 0.75rem);
}

.filter__list {
  padding-block-start: var(--size-2);
}

.filter__item {
  padding: var(--size-1);

  &:hover {
    background: var(--color-border-light);
  }

  &[aria-selected="true"] {
    background: var(--color-border-light);
  }
}