.search {
  padding: 5px 20px;
  border-style: ridge;
  border-width: 2px;
}

.component {
  margin: 1em 0;
}

.component-description {
  margin-bottom: 0.5em;
  font-size: 12px;
}

.component-label {
  color: white;
  background-color: #1974d2;
  font-weight: 600;
  font-size: 14px;
  margin-right: 4px;
}

#query {
  width: 100%;
  padding: 5px;
  resize: vertical;
  line-height: 1.5em;
  overflow-y: hidden;
}

.search button {
  padding: 8px 16px;
  font-weight: 600;
}

.button-group {
  display: flex;
  gap: 16px;
}

.button-group>* {
  flex: auto;
}