/* Every actionable storefront element gets the same physical pressed state. */
:where(button:not(:disabled), input[type="button"]:not(:disabled), input[type="submit"]:not(:disabled), input[type="reset"]:not(:disabled), a[href], [role="button"]:not([aria-disabled="true"]), [onclick], [data-action], [tabindex]:not([tabindex="-1"])) {
  -webkit-tap-highlight-color: transparent;
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
  transform-origin: center;
}

:where(button:not(:disabled), input[type="button"]:not(:disabled), input[type="submit"]:not(:disabled), input[type="reset"]:not(:disabled), a[href], [role="button"]:not([aria-disabled="true"]), [onclick], [data-action], [tabindex]:not([tabindex="-1"])):active,
.nomatic-pressing {
  transform: translateY(2px) scale(.985);
  filter: brightness(.98);
  box-shadow: inset 0 1px 3px rgba(18, 29, 56, .16);
}

@media (prefers-reduced-motion: reduce) {
  :where(button:not(:disabled), input[type="button"]:not(:disabled), input[type="submit"]:not(:disabled), input[type="reset"]:not(:disabled), a[href], [role="button"]:not([aria-disabled="true"]), [onclick], [data-action], [tabindex]:not([tabindex="-1"])) {
    transition: none;
  }
}