.smart-search {
  max-width: 100%;
  min-width: 0;
  position: relative;
  width: 100%;
}

.smart-search-input-wrap { min-width: 0; position: relative; }
.smart-search .input[type="search"] {
  background: transparent;
  padding-inline-start: 2.35rem;
  position: relative;
  width: 100%;
  z-index: 2;
}
.smart-search-icon {
  color: var(--muted);
  inset-inline-start: .8rem;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}
.smart-search-completion {
  align-items: center;
  color: var(--muted);
  display: inline-flex;
  font: inherit;
  inset: 0;
  overflow: hidden;
  padding-inline: 2.35rem .8rem;
  pointer-events: none;
  position: absolute;
  white-space: nowrap;
  z-index: 3;
}
.smart-search-completion-prefix { visibility: hidden; }
.smart-search-diagnostics { color: var(--danger, #b42335); font-size: .82rem; margin: var(--space-1) 0 0; }
.smart-search-diagnostics ul { margin: 0; padding-inline-start: 1.2rem; }
.smart-search.htmx-request .input { cursor: progress; }
@media (max-width: 640px) {
  .smart-search .input[type="search"] { min-height: 44px; }
}