@scientist-softserv/webstore-component-library/src/components/SearchBar/search-bar.css

A React component library intended for use with WebStore applications

.search-bar {
  flex-grow: 2;
  border: none;
  font-size: 16px;
}

.search-bar:focus {
  outline: none;
}

.search-bar-container {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

.search-bar-form {
  display: flex;
  flex-direction: row;
  border: 1px solid #000000;
  border-radius: 5px;
  padding: 15px;
  width: 100%;
}

.search-button {
  background-color: transparent;
  cursor: pointer;
  border: none;
}

.visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}