:root {
  --textarea-max-height: 300px;
}

@media (max-width: 1366px), (max-height: 768px) {
  :root {
    --textarea-max-height: 200px;
  }

  body:not(.chat-active) .input-area {
    top: 42%;
    bottom: auto;
    transform: translateX(-50%);
  }
}

@media (max-width: 768px), (max-height: 600px) {
  :root {
    --textarea-max-height: 150px;
  }
}