.fcr-text-bubble {
  display: flex;
  justify-content: center;

  text-align: center;
  vertical-align: middle;
  display: flex;
  align-self: center;

  border-radius: 50px;

  font-family: 'Helvetica Neue';
  cursor: default;
}

.fcr-text-bubble--gray {
  color: var(--fcr_ui_scene_icontext1);
  background: var(--fcr_chat_bg);
}

.fcr-text-bubble--gray-2 {
  color: var(--fcr_ui_scene_icontext1);
  background: var(--fcr_ui_scene_input);
  border-radius: 10px;
  border: 1px solid var(--fcr_ui_scene_line1);
}

.fcr-text-bubble--white {
  color: var(--fcr_ui_scene_icontext1);
  background: var(--fcr_mobile_ui_scene_color_popup_block1);
}

.fcr-text-bubble--white:hover {
  color: var(--fcr_web_ui_scene_mainicon2);
  background: var(--fcr_web_ui_scene_hover);
}

.fcr-text-bubble--white:hover path {
  fill: var(--fcr_web_ui_scene_mainicon2);
}

.fcr-text-bubble--purple {
  color: var(--fcr_ui_scene_icontext1);
  background: var(--fcr_ui_scene_ramp_purple3);
  border: 0.5px solid var(--fcr_ui_scene_ramp_purple5);
}

.fcr-text-bubble--large {
  font-size: 14px;
  padding: 10px 20px;
}

.fcr-text-bubble--medium {
  font-size: 12px;
  padding: 7px 16px;
}

.fcr-text-bubble--small {
  font-size: 10px;
  padding: 5px 12px;
}

.fcr-text-bubble--weight-bold {
  font-weight: 700;
}

.fcr-text-bubble--weight-normal {
  font-weight: 400;
}

.fcr-text-bubble--line-height-large {
  line-height: 16px;
}

.fcr-text-bubble--line-height-medium {
  line-height: 14px;
}

.fcr-text-bubble--line-height-small {
  line-height: 12px;
}

.fcr-text-bubble--transparent {
  color: var(--fcr_ui_scene_black4);
  padding: 0;
  background: transparent;
  font-family: Helvetica;
}
