/* ViewletSearch.css */
:root {
  --ErrorBackground: #5a1d1d;
  --ErrorForeground: rgb(156, 162, 160);
  --ToolBarHoverBackground: rgba(90, 93, 94, 0.31);
}

.Search {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.SearchResults {
  overflow-y: auto;
  height: 100%;
}

.DropTarget {
  background: rgba(0, 0, 90, 0.5);
}

.TreeItem {
  --SearchRemoveDisplay: none;
  --SearchBadgeDisplay: flex;
}

.TreeItem:hover {
  --SearchRemoveDisplay: flex;
  --SearchBadgeDisplay: none;
}

.SearchRemove {
  border-radius: 5px;
  width: 20px;
  height: 20px;
  contain: strict;
  display: var(--SearchRemoveDisplay);
  background: transparent;
  color: inherit;
  border: none;
  cursor: pointer;
}

.SearchRemove:where(:hover) {
  background: var(--ToolBarHoverBackground);
}

.Badge {
  display: var(--SearchBadgeDisplay);
}

.SearchInputError {
  position: absolute;
  top: 35px;
  left: 20px;
  background: var(--ErrorBackground);
  color: var(--ErrorForeground);
  padding-inline: 10px;
  flex: 1;
  display: flex;
  contain: content;
}
