.search-query-error { margin: 0 0 24px; padding: 12px 14px; border: 1px solid light-dark(#b24c4024, #c57a7024); border-radius: 6px; background: light-dark(#b24c4008, #c57a700a); color: light-dark(#a03225, #e5a69e); font-size: 13px; line-height: 21px; overflow-wrap: anywhere; }
.search-page-form { display: none; }
@media (max-width: 767px) {
  .search-page-form { display: flex; gap: 8px; margin-bottom: 20px; }
  .search-page-form input { min-width: 0; width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid light-dark(#20212424, #ffffff20); border-radius: 5px; background: light-dark(#ffffff, #202124); color: light-dark(#202124, #e8eaed); font: inherit; font-size: 14px; line-height: 22px; outline: none; box-shadow: none; }
  .search-page-form input:focus { border-color: light-dark(#626872, #a3a7af); }
  .search-page-form button { flex-shrink: 0; min-height: 44px; padding: 10px 14px; border: 0; border-radius: 5px; color: light-dark(#ffffff, #202124); background: light-dark(#202124, #e8eaed); font: inherit; font-size: 12px; cursor: pointer; }
  .search-page-form button:hover,
  .search-page-form button:focus-visible { opacity: 0.85; outline: none; box-shadow: none; }
}