.collection-search {
  display: grid;
  gap: 8px;
  max-width: 32rem;
  margin: 0 0 1.25rem;
}

.collection-search label {
  color: #bcaeb8;
  font: 10px/1.6 "Courier New", monospace;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.collection-search input {
  width: 100%;
  min-height: 46px;
  padding: 11px 14px;
  border: 1px solid #f5e9db40;
  border-radius: 0;
  background: #171218;
  color: #f5e9db;
  font: inherit;
}

.collection-search input::placeholder {
  color: #bcaeb8;
}

.collection-search input:focus-visible {
  outline: 2px solid #ed69a6;
  outline-offset: 3px;
}

.search-feedback {
  margin: -0.5rem 0 1rem;
  color: #bcaeb8;
  font-size: 0.875rem;
}