.speech-bubble {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25px;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  min-height: 47px;
  padding: 10px 15px 12px 15px;
  position: relative;
  word-break: break-word; }
  @media (min-width: 501px) {
    .speech-bubble {
      max-width: 290px; } }

.speech-bubble--user {
  background-color: var(--color-brand-primary);
  border-radius: 12px 12px 3px 12px;
  color: var(--color-white); }

.speech-bubble--bot {
  background-color: var(--color-gray-10);
  border-radius: 3px 12px 12px 12px; }

.speech-bubble__wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 5px;
  padding-top: 5px;
  position: relative; }

.speech-bubble__avatar {
  left: 0;
  position: absolute; }

/*# sourceMappingURL=speech-bubble.css.map */