/* assets/style.css */
.speech-balloon {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 1.5em 0;
  font-size: 0.95rem;
  color: #000;
  background: #fff;
  width: 100%;
}
.speech-balloon .speech-balloon__inner {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1em;
  max-width: 85%;
}
.speech-balloon .speech-balloon__inner .speech-balloon__icon {
  width: 4em;
  aspect-ratio: 1/1;
  text-align: center;
  font-weight: bold;
  font-size: 0.85rem;
  flex: 0 0 4em;
}
.speech-balloon .speech-balloon__inner .speech-balloon__icon .speech-balloon__avatar {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto 0.3em;
}
.speech-balloon .speech-balloon__inner .speech-balloon__body {
  position: relative;
  padding: 0.8em 1em;
  border-radius: 0.8em;
  border: 1px solid #ccc;
}
.speech-balloon .speech-balloon__inner .speech-balloon__body .speech-balloon__text {
  margin: 0;
}
.speech-balloon.speech-balloon--right {
  justify-content: flex-end;
  align-items: flex-start;
}
.speech-balloon.speech-balloon--right .speech-balloon__inner {
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: flex-start;
}
.speech-balloon.speech-balloon--right .speech-balloon__inner .speech-balloon__body {
  position: relative;
  padding: 0.8em 1em;
  border-radius: 0.8em;
  border: 1px solid #4FD269;
  background: #4FD269;
}
.speech-balloon.speech-balloon--right .speech-balloon__inner .speech-balloon__body .speech-balloon__text {
  margin: 0;
  color: #fff;
}/*# sourceMappingURL=style.css.map */