/*!
 * @afd-software/web-components vdev
 * (c) AFD Software
 */
:root {
  --afd-results-font-family: sans-serif;
  --afd-results-color: #333;

  --afd-results-list-max-width: 100%;
  --afd-results-list-max-height: auto;
  --afd-results-list-width: auto;
  --afd-results-list-height: auto;
  --afd-results-list-overflow-y: auto;
  --afd-results-list-background-color: #fcfcfc;
  --afd-results-list-border-width: 1px;
  --afd-results-list-border-style: solid;
  --afd-results-list-border-color: #ccc;
  --afd-results-list-list-style: none;
  --afd-results-list-position: inherit;
  --afd-results-list-top: 0;
  --afd-results-list-bottom: auto;
  --afd-results-list-left: 0;
  --afd-results-list-right: 0;
  --afd-results-list-padding: 0;
  --afd-results-list-margin: 0;
  --afd-results-list-font-family: var(--afd-results-font-family);
  --afd-results-list-font-size: inherit;
  --afd-results-list-font-weight: inherit;
  --afd-results-list-font-style: normal;
  --afd-results-list-cursor: pointer;

  --afd-results-list-item-padding: 8px 4px 8px 8px;
  --afd-results-list-item-margin: auto;

  --afd-results-list-item-match-position-color: var(--afd-results-color);
  --afd-results-list-item-match-position-background-color: transparent;
  --afd-results-list-item-match-position-font-family: var(
    --afd-results-font-family
  );
  --afd-results-list-item-match-position-font-size: inherit;
  --afd-results-list-item-match-position-font-weight: bold;
  --afd-results-list-item-match-position-font-style: normal;

  --afd-results-list-item-hover-background-color: #2272b9;
  --afd-results-list-item-hover-color: #fff;
  --afd-results-list-item-hover-font-family: var(--afd-results-font-family);
  --afd-results-list-item-hover-font-size: inherit;
  --afd-results-list-item-hover-font-weight: inherit;
  --afd-results-list-item-hover-font-style: normal;

  --afd-results-list-item-few-results-color: var(--afd-results-color);
  --afd-results-list-item-few-results-background-color: #fcfcfc;
  --afd-results-list-item-few-results-font-family: var(
    --afd-results-font-family
  );
  --afd-results-list-item-few-results-font-size: inherit;
  --afd-results-list-item-few-results-font-weight: inherit;
  --afd-results-list-item-few-results-font-style: normal;
}

.afd-results-list {
  display: block;
  max-width: var(--afd-results-list-max-width);
  max-height: var(--afd-results-list-max-height);
  width: var(--afd-results-list-width);
  height: var(--afd-results-list-height);
  overflow-y: var(--afd-results-list-overflow-y);
  background-color: var(--afd-results-list-background-color);
  border-width: var(--afd-results-list-border-width);
  border-style: var(--afd-results-list-border-style);
  border-color: var(--afd-results-list-border-color);
  list-style: var(--afd-results-list-list-style);
  position: var(--afd-results-list-position);
  padding: var(--afd-results-list-padding);
  margin: var(--afd-results-list-margin);
  top: var(--afd-results-list-top);
  left: var(--afd-results-list-left);
  right: var(--afd-results-list-right);
  font-family: var(--afd-results-list-font-family), sans-serif;
  font-size: var(--afd-results-list-font-size);
  font-weight: var(--afd-results-list-font-weight);
  font-style: var(--afd-results-list-font-style);
  cursor: var(--afd-results-list-cursor);
  z-index: 100;
}

.afd-results-list-item {
  display: block;
  padding: var(--afd-results-list-item-padding);
  color: var(--afd-results-color);
}

.afd-typeahead-results-item__content {
  pointer-events: none;
}

.afd-results-list-item-match-position {
  color: var(--afd-results-list-item-match-position-color);
  background-color: var(
    --afd-results-list-item-match-position-background-color
  );
  font-family: var(--afd-results-list-item-match-position-font-family),
    sans-serif;
  font-size: var(--afd-results-list-item-match-position-font-size);
  font-weight: var(--afd-results-list-item-match-position-font-weight);
  font-style: var(--afd-results-list-item-match-position-font-style);
}

.afd-results-list-item-highlighted {
  background-color: var(--afd-results-list-item-hover-background-color);
  color: var(--afd-results-list-item-hover-color);
  font-family: var(--afd-results-list-item-hover-font-family), sans-serif;
  font-size: var(--afd-results-list-item-hover-font-size);
  font-weight: var(--afd-results-list-item-hover-font-weight);
  font-style: var(--afd-results-list-item-hover-font-style);
}

.afd-results-list-item-few-results {
  color: var(--afd-results-list-item-few-results-color);
  background-color: var(--afd-results-list-item-few-results-background-color);
  font-family: var(--afd-results-list-item-few-results-font-family), sans-serif;
  font-size: var(--afd-results-list-item-few-results-font-size);
  font-weight: var(--afd-results-list-item-few-results-font-weight);
  font-style: var(--afd-results-list-item-few-results-font-style);
}

:root {
  --afd-utility-font-family: sans-serif;
  --afd-utility-font-size: 0.875rem;
  --afd-utility-font-weight: normal;
  --afd-utility-font-style: normal;
  --afd-utility-color: #2272b9;
  --afd-utility-background-color: transparent;
  --afd-utility-border-width: 0;
  --afd-utility-border-style: none;
  --afd-utility-border-color: transparent;
  --afd-utility-border-radius: 0;
  --afd-utility-padding: 0.375rem 0;
  --afd-utility-margin: 0.25rem 0 0 0;
  --afd-utility-cursor: pointer;
  --afd-utility-display: inline-block;
  --afd-utility-text-decoration: none;
  --afd-utility-text-align: left;
  --afd-utility-width: auto;
  --afd-utility-max-width: 100%;

  --afd-utility-hover-color: #10437c;
  --afd-utility-hover-background-color: transparent;
  --afd-utility-hover-text-decoration: none;

  --afd-utility-search-again-font-family: var(--afd-utility-font-family);
  --afd-utility-search-again-font-size: var(--afd-utility-font-size);
  --afd-utility-search-again-font-weight: var(--afd-utility-font-weight);
  --afd-utility-search-again-color: var(--afd-utility-color);
  --afd-utility-search-again-background-color: var(
    --afd-utility-background-color
  );
  --afd-utility-search-again-padding: var(--afd-utility-padding);
  --afd-utility-search-again-margin: var(--afd-utility-margin);
  --afd-utility-search-again-text-decoration: var(
    --afd-utility-text-decoration
  );

  --afd-utility-manual-input-font-family: var(--afd-utility-font-family);
  --afd-utility-manual-input-font-size: var(--afd-utility-font-size);
  --afd-utility-manual-input-font-weight: var(--afd-utility-font-weight);
  --afd-utility-manual-input-color: var(--afd-utility-color);
  --afd-utility-manual-input-background-color: var(
    --afd-utility-background-color
  );
  --afd-utility-manual-input-padding: var(--afd-utility-padding);
  --afd-utility-manual-input-margin: var(--afd-utility-margin);
  --afd-utility-manual-input-text-decoration: var(
    --afd-utility-text-decoration
  );
}

afd-typeahead-utility {
  display: var(--afd-utility-display);
  font-family: var(--afd-utility-font-family), sans-serif;
  font-size: var(--afd-utility-font-size);
  font-weight: var(--afd-utility-font-weight);
  font-style: var(--afd-utility-font-style);
  color: var(--afd-utility-color);
  background-color: var(--afd-utility-background-color);
  border-width: var(--afd-utility-border-width);
  border-style: var(--afd-utility-border-style);
  border-color: var(--afd-utility-border-color);
  border-radius: var(--afd-utility-border-radius);
  padding: var(--afd-utility-padding);
  margin: var(--afd-utility-margin);
  cursor: var(--afd-utility-cursor);
  text-decoration: var(--afd-utility-text-decoration);
  text-align: var(--afd-utility-text-align);
  width: var(--afd-utility-width);
  max-width: var(--afd-utility-max-width);
}

afd-typeahead-utility:hover {
  color: var(--afd-utility-hover-color);
  background-color: var(--afd-utility-hover-background-color);
  text-decoration: var(--afd-utility-hover-text-decoration);
}

.afd-typeahead-search-again {
  font-family: var(--afd-utility-search-again-font-family), sans-serif;
  font-size: var(--afd-utility-search-again-font-size);
  font-weight: var(--afd-utility-search-again-font-weight);
  color: var(--afd-utility-search-again-color);
  background-color: var(--afd-utility-search-again-background-color);
  padding: var(--afd-utility-search-again-padding);
  margin: var(--afd-utility-search-again-margin);
  text-decoration: var(--afd-utility-search-again-text-decoration);
}

.afd-typeahead-manual-input {
  font-family: var(--afd-utility-manual-input-font-family), sans-serif;
  font-size: var(--afd-utility-manual-input-font-size);
  font-weight: var(--afd-utility-manual-input-font-weight);
  color: var(--afd-utility-manual-input-color);
  background-color: var(--afd-utility-manual-input-background-color);
  padding: var(--afd-utility-manual-input-padding);
  margin: var(--afd-utility-manual-input-margin);
  text-decoration: var(--afd-utility-manual-input-text-decoration);
}