.fcr-message-input {
  min-width: 312px;
  max-height: 110px;

  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 8px 8px 0 10px;

  background: var(--fcr_ui_scene_input);
  border-radius: var(--fcr_cornerradius_m);
  border: 1px solid var(--fcr_ui_scene_line1);
  font-size: 12px;

  position: relative;
}

.fcr-input__box {
  display: flex;
  flex: 1;
  /* margin-bottom: 4px; */
}

.fcr-message-input__focus {
  border: 1px solid var(--fcr_ui_scene_ramp_brand6);
}

.fcr-message-input__error {
  border: 1px solid var(--fcr_ui_scene_ramp_red6);
}

.fcr-message-input textarea {
  background: inherit;
  color: var(--fcr_ui_scene_icontext1);
  width: 100%;
  resize: none;
  line-height: 18px;
  overflow: auto;
  scrollbar-width: none;
}

.fcr-message-input textarea:focus {
  outline: none;
}

.fcr-input__bottom-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}

.fcr-bar__buttons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}

.fcr-bar__buttons button {
  background: var(--fcr_web_ui_scene_fill2);
  border: none;
  margin-right: 4px;
}

.fcr-bar__confirm {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  color: var(--fcr_ui_scene_icontext1);
}

.fcr-bar__confirm button {
  background: var(--fcr_ui_scene_input);
  border: none;
  width: 32px;
  height: 32px;
}

.fcr-confirm_error {
  color: var(--fcr_ui_scene_ramp_red6);
}

.fcr-confirm_normal {
  color: var(--fcr_ui_scene_icontext2);
}

.fcr-bar__confirm span {
  font-weight: 400;
}

.fcr-button-icons {
  display: flex;
  align-items: center;
  background: var(--fcr_web_ui_scene_fill2);
  border-radius: var(--fcr_cornerradius_xs);
}

.fcr-button-icons button {
  margin: 0;
  cursor: inherit;
}

.fcr-icon-drop {
  margin-left: -4px;
  background: transparent;
  height: 16px;
  width: 16px;
  cursor: pointer;
}
