/* Shared semantic icon motion for filter controls and removable filter chips. */
.catalog-command--atlas .inline-filters .atlas-compact-option > img {
  transform-origin: center;
  transition: transform 180ms cubic-bezier(.2, .75, .25, 1);
}

.catalog-command--atlas .inline-filters .misc-filter-icon {
  color: var(--filter-accent);
}

.catalog-command--atlas .inline-filters .atlas-compact-option:is(:not(:disabled):hover, :focus-visible) > img {
  transform: translateY(-1px) scale(1.1) rotate(-3deg);
}

.catalog-command--atlas .inline-filters .atlas-compact-option:is(:not(:disabled):hover, :focus-visible) > .misc-filter-icon {
  color: var(--filter-accent);
  filter: drop-shadow(0 1px 2px rgb(0 0 0 / 58%));
  transform: translateY(-1px) scale(1.1) rotate(-3deg);
}

.catalog-command--atlas .active-chip > :is(.active-chip-icon, .active-chip-icon-image, .misc-filter-icon) {
  transform-origin: center;
  transition: transform 180ms cubic-bezier(.2, .75, .25, 1);
}

.catalog-command--atlas .active-chip:is(:hover, :focus-visible) > :is(.active-chip-icon, .active-chip-icon-image, .misc-filter-icon) {
  transform: translateY(-1px) scale(1.1) rotate(-3deg);
}

.catalog-command--atlas .active-chip:active > :is(.active-chip-icon, .active-chip-icon-image, .misc-filter-icon) {
  transform: scale(.9);
}

@media (prefers-reduced-motion: reduce) {
  .catalog-command--atlas .inline-filters .atlas-compact-option > :is(img, .misc-filter-icon),
  .catalog-command--atlas .active-chip > :is(.active-chip-icon, .active-chip-icon-image, .misc-filter-icon) { transition: none; }
  .catalog-command--atlas .inline-filters .atlas-compact-option:is(:hover, :focus-visible) > :is(img, .misc-filter-icon),
  .catalog-command--atlas .active-chip:is(:hover, :focus-visible, :active) > :is(.active-chip-icon, .active-chip-icon-image, .misc-filter-icon) { transform: none; }
}