/* Filter tree related css */
.filter-tree-branch .filter-operator {
  padding: 3px 10px;
  font-size: 0.7rem;
  border-radius: 4rem;
  width: 4rem;
}

.filter-tree-branch .filter-expander {
  border: none;
  padding: 0 5px;
  color: var(--color-text-subtle);
}

.filter-tree-branch .filter-delete-group {
  padding: 3px 5px;
  color: var(--color-text-subtle);
}

.filter-tree-branch .group-drag-handle {
  margin-top: 6px;
}

.filter-tree-branch .filter-add-branch {
  padding: 2px 10px;
  opacity: 0.4;
  font-size: 0.7rem;
  font-weight: normal;

  &:hover {
    opacity: 1;
  }
}

.filter-tree-branch .filter-tree-filters .pill.filter {

  width: fit-content;

  >.pill__predicate,
  .pill__filter-value {
    display: none;
  }

  >.pill__name {
    max-inline-size: 18ch;
  }

  >form.button_to {
    display: none;
  }
}

/* Element list */
.element-item .element-only {
  visibility: hidden;
}

.element-item:hover .element-only {
  visibility: visible;
}

.date-input-wrapper .flatpickr-wrapper {
  inline-size: 100%;
}