.chat-feed {
  width: 100%;
  margin: 0 auto;
  max-width: var(--max-width);
  display: flex;
  flex-direction: column;
  padding: 1rem;
  gap: 1rem;
  padding-bottom: 140px;
  position: relative;
  z-index: 0;
  overflow-y: auto;
  flex: 1;
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity var(--transition-speed),
    transform var(--transition-speed);
}

body.chat-active .chat-feed {
  opacity: 1;
  transform: translateY(0);
}