.search-form,
.da-search-form {
  display: flex;
  width: min(100%, 580px);
  gap: 8px;
  margin-inline: auto;
}

.search-field,
.da-search-field {
  min-width: 0;
  flex: 1;
  min-height: 48px;
  padding-inline: 18px;
  border: 1px solid var(--da-border);
  border-radius: 24px;
  outline: 0;
  background: var(--da-surface);
  color: var(--da-text);
}

.search-field:focus,
.da-search-field:focus {
  border-color: color-mix(in srgb, var(--da-primary) 55%, var(--da-border));
  box-shadow: 0 0 0 4px var(--da-primary-soft);
}

.search-submit,
.da-search-submit {
  min-height: 48px;
  padding-inline: 20px;
  border: 0;
  border-radius: 24px;
  background: var(--da-primary);
  color: var(--da-white);
  cursor: pointer;
}