.web .bot-message {
  padding: 15px 20px;
  border-radius: 7px;
  font-size: 13px;
  width: 264px;
  max-width: unset;
  margin-right: unset;
  background-color: #f0f0f0;
  font-family: 'Poppins', sans-serif;
  color: #101010; }

.mobile .bot-message {
  width: 207px;
  font-size: 12px;
  padding: 7px 10px;
  background-color: #f0f0f0;
  max-width: unset;
  margin-right: unset;
  border-radius: 7px;
  font-family: 'Poppins', sans-serif;
  color: #101010; }

.mobile .user-message {
  padding: 10px;
  border-radius: 4px;
  font-size: 13px; }

.mobile .user-message-container {
  display: flex;
  font-size: 13px;
  padding: unset;
  top: -29px;
  position: unset;
  margin: unset; }

.web .bot-logo,
.mobile .bot-logo {
  object-fit: cover; }

.web .user-message {
  padding: 15px 20px;
  background-color: #1c4d9b;
  color: #b8e986;
  font-size: 13px;
  border-radius: 7px; }

.web .user-message-container {
  display: flex;
  position: absolute;
  justify-content: flex-end;
  right: 20px;
  top: 76px;
  margin-top: 10px;
  border-radius: 7px;
  margin-bottom: 20px;
  width: 200px; }

.mobile .bot-message-container span,
.web .bot-message-container span {
  color: #aaaaaa;
  font-size: 10px;
  margin-left: 10px;
  margin-top: 16px;
  margin-right: 10px; }

.web .user-message-container span,
.mobile .user-message-container span {
  float: right;
  color: #aaaaaa;
  font-size: 10px;
  margin-right: 10px;
  margin-top: 16px; }

.web .bot-message-container,
.mobile .bot-message-container {
  align-items: unset; }

.web .message-options-button,
.mobile .message-options-button {
  width: 100%;
  height: 32px;
  border-radius: 4px;
  border: solid 1px #637178;
  background-color: #ffffff; }

.web .options-message,
.mobile .options-message {
  margin-bottom: unset; }

.web .icon-emoji {
  margin-top: 2px; }

.web .icon-emoji:before,
.mobile .icon-emoji:before {
  font-size: 20px;
  color: #afb2b3;
  margin: 0px 18px 0px 18px; }

.web .icon-cross:before,
.mobile .icon-cross:before {
  color: currentColor; }