/* Fast, restrained feedback; motion belongs to the action, not the label. */
.button {
  transition: transform 180ms var(--ease), background-color 180ms var(--ease);
}
.text-link .arrow,
.product-card .arrow {
  transition: transform 180ms var(--ease);
}
.menu-button,
.motion-toggle,
.copy-button,
.precision-film-step,
.wire-step {
  transition: transform 180ms var(--ease), background-color 180ms var(--ease), color 180ms var(--ease);
}
.machine-tab {
  transition: transform 180ms var(--ease), background-color 180ms var(--ease), color 180ms var(--ease);
}
[data-machine-input="keyboard"] .machine-tab {
  transition: none;
}
.product-card,
.reviewed-site .reviewed-product-card {
  transition: transform 180ms var(--ease);
}
.product-card:hover,
.reviewed-site .reviewed-product-card:hover {
  transform: none;
  box-shadow: none;
}
.product-card:hover img {
  transform: none;
}
@media (hover: hover) and (pointer: fine) {
  .button:hover { transform: translateY(-1px); }
  .product-card:hover,
  .reviewed-site .reviewed-product-card:hover { transform: translateY(-2px); }
  .product-card:hover .arrow,
  .text-link:hover .arrow { transform: translateX(3px); }
  .machine-tab:hover { background: #ffffff80; color: var(--ink); }
  .machine-tab[aria-selected="true"]:hover { background: #fff; }
  .menu-button:hover,
  .motion-toggle:hover { background: #e9ecf2; }
}
@media (hover: none), (pointer: coarse) {
  .button:hover { transform: none; background: var(--blue); }
  .button.outline:hover { background: transparent; }
  .button.light:hover { background: #fff; }
  .text-link:hover .arrow,
  .product-card:hover .arrow { transform: none; }
  .machine-tab:hover { background: transparent; color: #646a76; }
  .machine-tab[aria-selected="true"]:hover { background: #fff; color: var(--ink); }
}
.button:active,
.menu-button:active,
.motion-toggle:active,
.copy-button:active,
.machine-tab:active,
.precision-film-step:active,
.wire-step:active,
.product-card:active,
.reviewed-site .reviewed-product-card:active {
  transform: scale(.99);
  transition-duration: 100ms;
}
.button:focus-visible:active,
.menu-button:focus-visible:active,
.motion-toggle:focus-visible:active,
.copy-button:focus-visible:active,
.machine-tab:focus-visible:active,
.precision-film-step:focus-visible:active,
.wire-step:focus-visible:active,
.product-card:focus-visible:active,
.reviewed-site .reviewed-product-card:focus-visible:active {
  transform: none;
  transition: none;
}
html[data-motion-paused="true"] :is(.button, .menu-button, .motion-toggle, .copy-button, .machine-tab, .precision-film-step, .wire-step, .product-card),
html[data-motion-paused="true"] .reviewed-site .reviewed-product-card,
html[data-motion-paused="true"] :is(.text-link, .product-card) .arrow {
  transition: none;
  transform: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .button,
  .menu-button,
  .motion-toggle,
  .copy-button,
  .machine-tab,
  .precision-film-step,
  .wire-step,
  .product-card,
  .reviewed-site .reviewed-product-card,
  .text-link .arrow,
  .product-card .arrow {
    transition: none;
    transform: none !important;
  }
}
