/* Search, filters, and autocomplete */
.applied-filters {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}
.applied-filters a.filter {
    background-color: var(--scampi-700);
    color: white;
    border-radius: 2px;
    margin: 0 0.25rem;
    padding: 0 0.25rem;
    text-decoration: none;
    white-space: nowrap;
  }
:is(.applied-filters a.filter):hover {
      background-color: var(--scampi-900);
    }
:is(.applied-filters a.filter) svg.filter-desktop-only {
      display: none;
    }
@media (width >= 500px) {
:is(.applied-filters a.filter) svg.filter-desktop-only {
        display: var(--fa-display, inline-block);
    }
      }
.autocomplete {
  position: relative;
}
.autocomplete ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    max-height: 200px;
    overflow-y: auto;
  }
.autocomplete li + li {
    border-bottom: var(--lightest-gray);
  }
.autocomplete .results {
    background-color: white;
    position: absolute;
    width: 100%;
    filter: drop-shadow(rgb(0 0 0 / 0.1) 0 1px 1px);
    z-index: calc(infinity);
  }
:is(.autocomplete .results) .selected {
      background-color: var(--medium-blue);
    }
:is(.autocomplete .results) .suggestion {
      color: black;
      display: block;
      text-decoration: none;
      cursor: pointer;
      width: 100%;
      padding: 1rem;
    }
:is(.autocomplete .results) .suggestion:hover {
      background: var(--light-gray);
    }
.dark-mode .results {
    background: var(--gray-700);
    color: white;
  }
:is(.dark-mode .results) .suggestion {
      color: white;
    }
:is(.dark-mode .results) a {
      color: white;
    }
.selected:is(:is(.dark-mode .results) a),:is(:is(.dark-mode .results) a):hover {
        color: black;
      }
.date-filter-form {
  --input-padding: 0.25rem 0.5rem;

  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0 1rem 1rem;
}
.date-filter-form label {
    font-size: 0.875rem;
  }
.date-filter-form input[type="date"] {
    font-size: 0.875rem;
  }
.search-filter-toggle {
  --border-radius: 4px;

  align-items: center;
  background-color: inherit;
  border: none;
  border-radius: var(--border-radius);
  color: black;
  cursor: pointer;
  display: inline-flex;
  gap: 0.25rem;
  text-decoration: none;
  padding: 1px 6px;
}
.search-filter-toggle.test {
    color: var(--orange-800);
  }
.search-filter-toggle:hover {
    background-color: var(--light-blue);
  }
.search-filter-toggle svg {
    width: 16px;
  }
.search-form {
  display: flex;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
}
.search-form label {
    display: none;
  }
.search-form input[type="submit"] {
    display: none;
  }
.search-form input[type="search"] {
    padding: 14px;
    width: 100%;
    border: none;
    border-radius: 0;
    outline: none;
  }
.search-form input[type="search"]::-webkit-search-decoration,.search-form input[type="search"]::-webkit-search-cancel-button,.search-form input[type="search"]::-webkit-search-results-button,.search-form input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
            appearance: none;
  }
.search-form .clear-search {
    color: var(--gray-500);
    width: 4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
  }
:is(.search-form .clear-search):hover {
      background: #eee;
    }
:is(.search-form .clear-search):visited {
      color: var(--gray-500);
    }
.search-sort-filter {
  display: flex;
  border-top: 1px solid var(--light-gray);
}
.search-sort-filter .search-form {
    flex: 1;
  }
.search-sort-filter  > .dropdown {
    border-bottom: none;
  }
.search-sort-filter.with-border {
  border-bottom: 1px solid var(--light-gray);
}

/*# sourceMappingURL=/assets/application-search-f1c381be.css.map */