body {
  min-width: 280px;
  max-width: 600px;
  margin: auto;
}

[v-cloak] {
  display: none;
}

.message {
  display: flex;
}
.message .content {
  min-width: 0;
}
.message .content p:last-of-type {
  margin-bottom: 0;
}
.message .content * {
  font-size: 1rem;
}
.message.role-user {
  justify-content: flex-end;
}
.message.role-user .content {
  background-color: #f1f0f0;
}
.message.role-__error .content {
  color: red;
}
.message.role-__product {
  display: block;
}

/*# sourceMappingURL=chatbot.css.map */