.catalog-results, .catalog-sidebar, .catalog-categories { transition: opacity .18s ease, transform .18s ease; }
.catalog-results { scroll-margin-top: 105px; }
.catalog-results.is-loading, .catalog-sidebar.is-loading { opacity: .42; pointer-events: none; }
.catalog-results.is-loading { transform: translateY(5px); }
.catalog-results.is-ready { animation: catalog-results-in .26s ease both; }
@keyframes catalog-results-in { from { opacity: .35; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
.catalog-sidebar form[aria-busy="true"] button[type="submit"] { position: relative; color: transparent; }
.catalog-sidebar form[aria-busy="true"] button[type="submit"]::after { position: absolute; width: 17px; height: 17px; border: 2px solid rgb(255 255 255 / 45%); border-top-color: #fff; border-radius: 50%; content: ""; animation: catalog-spin .65s linear infinite; }
@keyframes catalog-spin { to { transform: rotate(360deg); } }
.catalog-async-status { position: absolute; overflow: hidden; width: 1px; height: 1px; clip: rect(0 0 0 0); white-space: nowrap; }
.catalog-search-hint { display: block; margin-top: 6px; color: var(--muted); font-size: .68rem; font-weight: 500; text-transform: none; }
.catalog-search-hint[hidden] { display: none; }
@media (prefers-reduced-motion: reduce) {
  .catalog-results, .catalog-sidebar, .catalog-categories { transition: none; animation: none; }
}