revert: remove chip animation

static/css/index.css

@@ -313,11 +313,6 @@
       padding-right: 4px;
     }
 
-    @keyframes chipIn {
-      from { opacity: 0; transform: translateY(6px) scale(.96); }
-      to   { opacity: 1; transform: translateY(0)   scale(1); }
-    }
-
     .chip {
       border: 1px solid #ccdbf7;
       border-radius: 999px;
@@ -327,8 +322,7 @@
       font-size: 13px;
       cursor: pointer;
       user-select: none;
-      transition: background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease, opacity .18s ease;
+      transition: .18s ease;
-      animation: chipIn .5s ease both;
     }
 
     .chip:hover {

static/js/index.js

@@ -204,7 +204,6 @@
       if (vendorQ && !normalize(vendor.name).includes(vendorQ)) continue;
       const node = document.createElement("button");
       node.className = "chip";
-      node.style.animationDelay = Math.min(vi * 64, 800) + 'ms';
       vi++;
       if (state.selectedVendors.has(vendor.id)) node.classList.add("active");
       else if (!allowedVendors.has(vendor.id)) node.classList.add("dim");
@@ -238,7 +237,6 @@
       if (showOnlyLinkedCategories && !allowedCategories.has(category.id) && !state.selectedCategories.has(category.id)) continue;
       const node = document.createElement("button");
       node.className = "chip";
-      node.style.animationDelay = Math.min(ci * 56, 700) + 'ms';
       ci++;
       if (state.selectedCategories.has(category.id)) node.classList.add("active");
       else if (!allowedCategories.has(category.id)) node.classList.add("dim");