Allow multiple search engines

assets/css/_html.css

@@ -34,7 +34,6 @@
 @import "print-cheatsheet.css";
 @import "makeup.css";
 @import "tabset.css";
-@import "preview.css";
 
 body:not(.dark) .content-inner img[src*="#gh-dark-mode-only"],
 body.dark .content-inner img[src*="#gh-light-mode-only"] {

assets/css/autocomplete.css

@@ -19,58 +19,6 @@
   background-color: transparent;
 }
 
-.autocomplete-preview {
-  width: 100%;
-  margin: 0;
-  height: 100%;
-  line-height: 20px;
-  background-color: var(--background);
-  font-family: var(--sansFontFamily);
-  border: 4px solid var(--autocompleteBorder);
-  padding: 12px 16px;
-}
-
-.autocomplete-preview div, .autocomplete-preview span {
-  display: none;
-}
-
-.autocomplete-preview.loading div {
-  float: left;
-  display: block;
-  border: 5px solid var(--autocompleteBorder);
-  border-radius: 50%;
-  border-top: 5px solid var(--textDetailAccent);
-  width: 20px;
-  height: 20px;
-  animation: spinner 4s linear infinite;
-}
-
-.autocomplete-preview.loading span {
-  color: var(--autocompleteResults);
-  display: inline;
-  margin-left: 6px;
-}
-
-.autocomplete-preview.loading span:after {
-  color: var(--autocompleteResults);
-  content: "Loading";
-}
-
-@keyframes spinner {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
-}
-
-.autocomplete-preview.loading iframe {
-  height: 0;
-}
-
-.autocomplete-preview iframe {
-  width: 100%;
-  height: 100%;
-  border: 0;
-}
-
 .autocomplete-results {
   list-style: none;
   margin: 0;
@@ -117,22 +65,6 @@
   scrollbar-width: thin;
 }
 
-.autocomplete-suggestions.previewing:has(.selected) {
-  max-height: 80vh;
-}
-
-.autocomplete-suggestions.previewing:has(.selected) .autocomplete-suggestion:not(.selected) {
-  display: none;
-}
-
-.autocomplete-suggestions.previewing:not(:has(.selected)) .autocomplete-preview {
-  display: none;
-}
-
-.autocomplete-suggestions:not(.previewing) .autocomplete-preview {
-  display: none;
-}
-
 .autocomplete-suggestion {
   color: var(--textHeaders) !important;
   display: block;
@@ -141,6 +73,9 @@
   transition: var(--transition-colors);
   border-top: 1px solid var(--suggestionBorder);
   font-size: 0.9rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .autocomplete-suggestion.selected {
@@ -153,57 +88,18 @@
   background-color: var(--autocompleteHover);
 }
 
-.autocomplete-suggestion:not(.selected) .autocomplete-preview-indicator {
-  display: none;
-}
-
-.autocomplete-preview-indicator {
-  float: right;
-}
-
-.autocomplete-preview-indicator button {
-  color: var(--iconAction);
-  display: flex;
-  align-items: center;
-  text-decoration: none;
-  border: 1px solid var(--suggestionBorder);
-  border-radius: var(--borderRadius-base);
-  transition: var(--transition-colors);
-  background-color: var(--autocompletePreview);
-  cursor: pointer;
-  padding: 4px 8px;
-  font-size: var(--text-sm);
-}
-
-.autocomplete-preview-indicator button:hover {
-  color: var(--iconActionHover);
-  background-color: var(--autocompleteHover);
-}
-
-.autocomplete-preview-indicator button i {
-  margin-right: 4px;
-}
-
-.autocomplete-suggestions.previewing .autocomplete-preview-indicator-closed {
-  display: none;
-}
-
-.autocomplete-suggestions:not(.previewing) .autocomplete-preview-indicator-open {
-  display: none;
-}
-
-.autocomplete-suggestion:hover:not(.selected) .autocomplete-preview-indicator-closed {
-  display: block;
-}
-
 .autocomplete-suggestion em {
   font-style: normal;
   font-weight: bold;
 }
 
+.autocomplete-suggestion .separator {
+  opacity: 0.4;
+  margin: 0 2px;
+}
+
 .autocomplete-suggestion .description {
   opacity: 0.6;
-  padding-top: 3px;
 }
 
 .autocomplete-suggestion .label {
@@ -218,23 +114,8 @@
   font-size: 0.7rem;
 }
 
-.autocomplete-suggestion .header {
-  margin-right: 5px;
-}
-
-.autocomplete-suggestion .title,
-.autocomplete-suggestion .description {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  width: 100%;
-}
 
 @media screen and (hover: none) {
-  .autocomplete-preview-indicator {
-    display: none !important;
-  }
-
   .autocomplete-results .press-return {
     display: none !important;
   }

assets/css/layout.css

@@ -45,7 +45,7 @@ body {
 }
 
 .sidebar-button {
-  padding: 26px 12px 18px 19px;
+  padding: 20px 12px 18px 19px;
   position: fixed;
   z-index: 200;
   top: 0;