/* The brief grows with its text between two and eight lines. */ .chat-research-brief { min-block-size: calc(2lh + 1rem); max-block-size: calc(8lh + 1rem); resize: none; field-sizing: content; } /* A card that changes state in this session settles in rather than snapping. */ .chat-research[data-entering] { animation: chat-research-enter var(--duration-base) var(--motion-smooth-out) both; } @keyframes chat-research-enter { from { opacity: 0; transform: translateY(0.25rem); } } @media (prefers-reduced-motion: reduce) { .chat-research[data-entering] { animation: none; } }