.turns.quote-bubbles {
  gap: 20px;
}

.user-quote-highlight,
.blossom-question-highlight,
.blossom-reply-highlight {
  position: relative;
  width: fit-content;
  max-width: 100%;
  background: #ffffff;
  color: #111111;
  padding: 10px 12px;
  border-left: 3px solid var(--blossom);
  border-radius: 14px;
  box-shadow: 0 3px 8px rgba(12, 14, 13, 0.08);
}

.user-quote-highlight::after,
.blossom-question-highlight::after,
.blossom-reply-highlight::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 18px;
  border-width: 13px 13px 0 0;
  border-style: solid;
  border-color: #ffffff transparent transparent transparent;
}

.user-quote-highlight.fullwidth,
.blossom-question-highlight.fullwidth,
.blossom-reply-highlight.fullwidth {
  width: 100%;
}