.chat-input-wrapper {
  transition: border-color 0.15s ease;

  &:focus-within {
    border-color: hsl(var(--primary)) !important;
  }
}

.chat-textarea {
  --textarea-collapsed-padding-y: 18px;
  --textarea-expanded-padding-y: 8px;

  background: transparent;
  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);
  }
}
