.fcr-textarea {
  border-color: var(--fcr_ui_scene_line1);
  background: var(--fcr_ui_scene_input);
  border-radius: var(--fcr_cornerradius_l);
  border-style: solid;
  border-width: 1px;
  padding-bottom: 26px;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
  position: relative;
}

.fcr-textarea textarea {
  color: var(--fcr_ui_scene_icontext1);
  outline: none;
  width: 100%;
  height: 100%;
  border: none;
  font-size: 12px;
  background: transparent;
  display: block;
  padding: 12px;
  overflow: hidden;
  font-weight: 300;
}

.fcr-textarea textarea::placeholder {
  color: var(--fcr_ui_scene_icontext3);
}

.fcr-textarea:hover:not(.fcr-textarea--disabled) {
  border-color: var(--fcr_ui_scene_line1);
}

.fcr-textarea.fcr-textarea--focused:not(.fcr-textarea--disabled) {
  border-color: var(--fcr_ui_scene_ramp_brand6);
  box-shadow: 0 0 0 3px var(--fcr_ui_scene_ramp_brand4);
}

.fcr-textarea-wc {
  color: var(--fcr_ui_scene_icontext3);
  position: absolute;
  font-size: 12px;
  bottom: 7px;
  right: 12px;
  line-height: 1;
}
.fcr-textarea--non-count {
  padding-bottom: 0;
}
.fcr-textarea--non-resizable textarea {
  resize: none;
}

.fcr-textarea-divider {
  border-color: var(--fcr_ui_scene_line1);
  border-top-width: 1px;
  border-top-style: solid;
}

.fcr-textarea.fcr-textarea--disabled {
  cursor: not-allowed;
  opacity: 50%;
}
.fcr-textarea.fcr-textarea--disabled textarea {
  color: var(--fcr_ui_scene_icontext2);
  cursor: not-allowed;
}
.fcr-textarea.fcr-textarea--disabled textarea::placeholder {
  color: var(--fcr_ui_scene_icontext2);
}

.fcr-textarea.fcr-textarea-borderless {
  border-radius: 0;
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  background: none;
  display: flex;
  align-items: center;
  padding-left: 4px;
  padding-bottom: 12px;
  padding-right: 12px;
}

.fcr-textarea.fcr-textarea-borderless.fcr-textarea--focused {
  border-color: var(--fcr_ui_scene_ramp_brand6);
  box-shadow: none;
}

.fcr-textarea.fcr-textarea-borderless .fcr-textarea-label {
  font-weight: var(--fcr_font_weight_x);
  color: var(--fcr_ui_scene_icontext1);
  font-size: 20px;
  margin-right: 22px;
}

.fcr-textarea .fcr-textarea__inner-editor {
  color: var(--fcr_ui_scene_icontext1);
  outline: none;
  word-break: break-all;
  font-size: 12px;
  font-weight: 400;
}

.fcr-textarea .fcr-textarea__inner-editor[contenteditable='true']:empty::before {
  color: var(--fcr_ui_scene_icontext3);
  content: attr(placeholder);
}

::-webkit-scrollbar {
  display: none;
}
