.frontend-search-input {
  width: 100%;
  border: 1px solid var(--theme-frontend-field-border);
  border-radius: 1rem;
  background: var(--theme-frontend-field-background);
  color: var(--theme-frontend-field-text);
  box-shadow: var(--theme-frontend-field-shadow);
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.frontend-search-input::placeholder {
  color: var(--theme-frontend-field-placeholder);
}

.frontend-search-input:focus {
  border-color: var(--theme-frontend-field-focus-border);
  box-shadow: var(--theme-frontend-field-focus-ring);
}