/**
 * Swap & Micro-Interaction Animations for Search Cockpit
 */

.text-input {
  transition: transform 0.28s ease, opacity 0.28s ease;
}

.anim-swap-right {
  transform: translateX(18px);
  opacity: 0.15;
}

.anim-swap-left {
  transform: translateX(-18px);
  opacity: 0.15;
}

.anim-swap-rotate {
  transform: rotate(180deg) scale(1.08);
}