/* Feedback belongs to controls, while product illustrations keep their geometry. */
.button,
.control-update-button,
[data-agent-replay],
.menu-toggle {
  transition:
    transform 180ms cubic-bezier(0.22, 0.68, 0, 1),
    background-color 180ms ease,
    border-color 180ms ease;
}
.button:active,
.control-update-button:active,
[data-agent-replay]:not(:disabled):active,
.menu-toggle:active {
  transform: scale(0.98);
}
.text-link .icon {
  transition: transform 180ms cubic-bezier(0.22, 0.68, 0, 1);
}
.editorial-filter-menu summary > .icon:last-child {
  transition: transform 180ms cubic-bezier(0.22, 0.68, 0, 1);
}
@media (hover: hover) and (pointer: fine) {
  .text-link:hover .icon {
    transform: translateX(4px);
  }
  .context-notes button .note-arrow {
    transform: translateX(-3px);
    transition:
      transform 180ms ease,
      opacity 180ms ease;
  }
  .context-notes button:hover .note-arrow,
  .context-notes button[aria-pressed="true"] .note-arrow {
    transform: translateX(0);
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .button,
  .control-update-button,
  [data-agent-replay],
  .menu-toggle,
  .text-link .icon,
  .note-arrow {
    transform: none !important;
  }
}
html[data-capture="true"]
  :is(
    .button,
    .control-update-button,
    [data-agent-replay],
    .menu-toggle,
    .text-link .icon,
    .note-arrow
  ) {
  transform: none !important;
}
/* Comfortable touch targets for the actual landing-page controls. */
@media (max-width: 800px) {
  .logo,
  .site-footer nav a,
  .text-link {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
  .header-cta,
  .menu-toggle,
  .pano-focus-control button,
  .pano-move-button,
  .editorial-filter-menu summary,
  .editorial-filter-menu .filter-toolbar button,
  .match-options button {
    min-height: 44px;
  }
}