/* forms.filters */
.dropdown-actions {
  --_search-width: 18ch;
  width: 100%;
  display: grid;
  grid-auto-flow: column;
  place-items: center start;
  grid-template-columns: [L] 2em max-content [C] 1fr [R];
  grid-template-areas: "every reset search";
  border-bottom: var(--border-width) solid var(--border-color);
}
.dropdown-actions input[type],
.dropdown-actions button[type],
.dropdown-actions select {
  min-width: unset;
}

.c_listing-filter input[name=search-institution] {
  --input-icon: none;
  paropdowding-left: calc(var(--form-element-spacing-inline) + 1ch);
  padding-right: var(--form-element-spacing-inline);
  background-position: var(--icon-pos-end);
}
.c_listing-filter input[name=search-institution]:invalid {
  --icon-invalid: none;
  padding-left: calc(var(--form-element-spacing-inline) + 1ch);
  padding-right: var(--form-element-spacing-inline);
}

button[data-reset]::before,
button[data-reset]::after {
  content: "";
  --b: 1px dotted var(--color-4);
  padding-left: var(--sizex-2);
  padding-right: var(--sizex-2);
}

button[data-reset]::before {
  border-left: var(--b);
}

button[data-reset]::after {
  border-right: var(--b);
}

/*filters*/