/* Styles for the advanced search panel. Every rule hangs from the 'advanced-search-panel' host element to scope it
   to the component. */

advanced-search-panel .advanced-search-panel__heading {
  display: flex;
  flex-direction: column;
  gap: var(--md-spacing-sm);
}

advanced-search-panel .advanced-search-panel__title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

advanced-search-panel .advanced-search-panel__title {
  margin: 0;
  font-size: var(--md-text-heading-xs-font-size);
  font-weight: var(--md-text-heading-xs-bold-font-weight);
}

advanced-search-panel .advanced-search-panel__body {
  display: flex;
  flex-direction: column;
  gap: var(--md-spacing-xs);
  max-height: 48vh;
  overflow: auto;
}

/* Help text and criteria counter */
advanced-search-panel .advanced-search-panel__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--md-content-secondary);
  font-size: var(--md-font-size-2);
  font-weight: var(--md-font-weight-regular);
}

advanced-search-panel .advanced-search-panel__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

advanced-search-panel .advanced-search-panel__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--md-spacing-xs);
}