/* Features.css */
.Features {
  contain: strict;
  flex: 1;
  display: flex;
}

.FeaturesList {
  width: 200px;
  contain: strict;
  padding-left: 24px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  flex-shrink: 0;
}

/* TODO rename to featurelistitem */
.Feature {
  height: 22px;
  contain: strict;
  background: transparent;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  align-items: center;
  border: none;
  color: var(--WorkbenchForeground);
  flex-shrink: 0;
  text-overflow: ellipsis;
  white-space: pre;
}

.Feature:hover {
  background: var(--ListHoverBackground, color-mix(in srgb, var(--WorkbenchForeground) 8%, transparent));
  color: var(--ListHoverForeground, var(--WorkbenchForeground));
}

/* TODO rename to featurelistItemSelected */
.FeatureSelected {
  background: var(--ListInactiveSelectionBackground, color-mix(in srgb, var(--WorkbenchForeground) 12%, transparent));
  color: var(--WorkbenchForeground);
}

.DefinitionListItemHeading {
  font-size: 12px;
  white-space: pre;
  font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
}
