@keyframes tool-result-expand-in { 0% { transform: translate3d(0, -4px, 0) scaleY(0.985); } 100% { transform: translate3d(0, 0, 0) scaleY(1); } } @keyframes tool-result-expand-out { 0% { transform: translate3d(0, 0, 0) scaleY(1); } 100% { transform: translate3d(0, -3px, 0) scaleY(0.985); } } .tool-result-expand-in { animation: tool-result-expand-in 200ms cubic-bezier(0.23, 1, 0.32, 1) both; transform-origin: top; will-change: transform; } .tool-result-expand-out { animation: tool-result-expand-out 180ms cubic-bezier(0.23, 1, 0.32, 1) both; pointer-events: none; transform-origin: top; will-change: transform; } @media (prefers-reduced-motion: reduce) { .tool-result-expand-in, .tool-result-expand-out { animation: none; will-change: auto; } }