@value (colorBackgroundTertiary) from '../../styles/variables/_color.css';
@value (
  sizeFluid,
  size140,
  size42,
  size200,
  size160
) from '../../styles/variables/_size.css';
@value (
  spaceSmall,
  spaceMedium
) from '../../styles/variables/_space.css';

.wrapper {
  display: flex;
  flex-flow: column;
  width: sizeFluid;
  gap: spaceSmall;
}

.inputActionWrapper {
  display: flex;
  width: sizeFluid;
  gap: spaceSmall;
}

.styledPromptContainer {
  composes: borderTopPrimary from '../../styles/border.module.css';
  background: colorBackgroundTertiary;
  padding: spaceMedium;
}

.actionButton {
  width: auto;
  flex-shrink: 0;
}

.promptInputBox {
  height: initial;
  min-height: size42;
}

.textarea {
  width: sizeFluid;
  max-height: size200;
  min-height: sizeFluid;
}

.secondaryRow {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.textCounter {
  margin-left: auto;
}