/* Local review only: restrained feedback on existing SVG icons. */
@media (prefers-reduced-motion: no-preference) {
  #app .tab svg,
  #app .notification-button svg,
  #app .content button:not(.call):not(.danger):not(:disabled) > svg,
  #app .operator-identity-actions-button svg,
  #profile-menu button svg {
    transition: transform 140ms cubic-bezier(.23, 1, .32, 1);
  }
  @media (hover: hover) and (pointer: fine) {
    #app .tab:not(:disabled):hover:not(:focus-visible) svg,
    #app .notification-button:not(:disabled):hover:not(:focus-visible) svg,
    #app .content button:not(.call):not(.danger):not(:disabled):hover:not(:focus-visible) > svg,
    #app .operator-identity-actions-button:not(:disabled):hover:not(:focus-visible) svg,
    #profile-menu button:not(:disabled):hover:not(:focus-visible) svg {
      transform: translateY(-2px);
    }
  }
  #app .tab:not(:disabled):active:not(:focus-visible) svg,
  #app .notification-button:not(:disabled):active:not(:focus-visible) svg,
  #app .content button:not(.call):not(.danger):not(:disabled):active:not(:focus-visible) > svg,
  #app .operator-identity-actions-button:not(:disabled):active:not(:focus-visible) svg,
  #profile-menu button:not(:disabled):active:not(:focus-visible) svg {
    transform: translateY(1px) scale(.96);
  }
}