feat: Change omnibox results to use :where selectors instead of :is selectors, b=no-bug, c=common, workspaces

src/zen/common/styles/zen-animations.css

@@ -4,41 +4,6 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 
-@keyframes zen-theme-picker-dot-animation {
-  from {
-    transform: scale(0.8) translate(-50%, -50%);
-  }
-  50% {
-    transform: scale(1.2) translate(-50%, -50%);
-  }
-  to {
-    transform: scale(1) translate(-50%, -50%);
-  }
-}
-
-/* Mark: Zen Glance */
-@keyframes zen-glance-overlay-animation {
-  from {
-    opacity: 0;
-    transform: scale(0.8);
-  }
-
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-
-@keyframes zen-glance-overlay-animation-out {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-  }
-}
-
 @keyframes zen-back-and-forth-text {
   0%,
   10% {

src/zen/common/styles/zen-omnibox.css

@@ -183,7 +183,7 @@
   background: transparent !important;
 }
 
-:root:is([zen-single-toolbar="true"], [zen-has-empty-tab="true"]) {
+:root:where([zen-single-toolbar="true"], [zen-has-empty-tab="true"]) {
   #zen-copy-url-button[disabled] {
     display: none !important;
   }
@@ -394,7 +394,7 @@
 /* Border radius on hover */
 #urlbar .urlbar-page-action,
 #urlbar #tracking-protection-icon-container,
-#urlbar:not([breakout-extend="true"]) #identity-box:is(:not(.chromeUI), [pageproxystate="invalid"]) #identity-icon-box {
+#urlbar:not([breakout-extend="true"]) #identity-box:where(:not(.chromeUI), [pageproxystate="invalid"]) #identity-icon-box {
   border-radius: var(--urlbar-icon-border-radius) !important;
   min-width: 26px;
 }
@@ -667,7 +667,7 @@
       color: var(--zen-selected-color) !important;
     }
 
-    &:is([type="switchtab"], [type="dynamic"], [type="history_serp"], [type^="autofill_"], [type="top_site"]) .urlbarView-favicon,
+    &:where([type="switchtab"], [type="dynamic"], [type^="history"], [type^="autofill_"], [type="top_site"]) .urlbarView-favicon,
     & .urlbarView-shortcutContent {
       fill: var(--zen-selected-color) !important;
       background-color: rgba(255, 255, 255, 0.9) !important;

src/zen/workspaces/zen-gradient-generator.css

@@ -266,7 +266,6 @@
     }
     cursor: pointer;
     border: 3px solid #ffffff;
-    animation: zen-theme-picker-dot-animation 0.5s;
     transform: translate(-50%, -50%);
     pointer-events: none;
     transform-origin: left top;