.chat-textarea {
  --textarea-bg: hsl(40deg 3.7% 15.9% / 25%);
  --textarea-collapsed-padding-y: 18px;
  --textarea-expanded-padding-y: 8px;

  background: var(--textarea-bg);
  height: 62px;
  min-height: 62px;
  max-height: 520px;
  overflow-y: hidden;
  padding-top: var(--textarea-collapsed-padding-y);
  padding-bottom: var(--textarea-collapsed-padding-y);
  resize: none;
  transition:
    height 0.12s ease,
    padding 0.12s ease;

  &.chat-textarea-expanded {
    padding-top: var(--textarea-expanded-padding-y);
    padding-bottom: var(--textarea-expanded-padding-y);
  }

  &.ctrl-resize {
    resize: vertical;
  }
}

.send-btn {
  opacity: 0;
  pointer-events: none;
  transform: scale(0.85);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;

  &.visible {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
  }
}