.public-list-search {
  grid-column: 1 / -1;
  width: 100%;
  margin: 0;
  padding: 1rem 2rem;
}

.public-list-search .input-group {
  width: min(50%, 640px);
  flex-wrap: nowrap;
}

.public-list-search .input-group-text {
  color: #9bb9d8;
  background-color: #16213e;
  border-color: #34495e;
}

.public-list-search .form-control {
  min-width: 0;
  color: #ecf0f1;
  background-color: #16213e;
  border-color: #34495e;
}

.public-list-search .form-control::placeholder {
  color: #9aa8b7;
  opacity: 1;
}

.public-list-search .form-control:focus {
  color: #ecf0f1;
  background-color: #16213e;
  border-color: #4a90e2;
  box-shadow: 0 0 0 0.2rem rgb(74 144 226 / 20%);
}

.participants-grid .public-list-search {
  padding: 0;
}

@media (max-width: 768px) {
  .public-list-search {
    padding: 1rem;
  }

  .public-list-search .input-group {
    width: 100%;
  }

  .participants-grid .public-list-search {
    padding: 0;
  }
}