Resolve #3310884 "Clear search button"

Closes #3310884

css/pb.css

@@ -627,6 +627,13 @@
   outline: none;
 }
 
+.search__search_term::-webkit-search-cancel-button,
+.search__search_term::-webkit-search-decoration,
+.search__search_term::-webkit-search-results-button,
+.search__search_term::-webkit-search-results-decoration {
+    display: none;
+}
+
 .search__search-bar {
   position: relative;
   height: 50px;
@@ -644,6 +651,16 @@
   inset-inline-end: 30px;
 }
 
+.search__search-clear {
+  position: absolute;
+  top: 0;
+  height: 100%;
+  cursor: pointer;
+  border: none;
+  background: none;
+  inset-inline-end: 60px;
+}
+
 .search__search_term::placeholder {
   display: flex;
   align-items: center;