@import 'themes/default';

.Speech-Bubble {
  position: relative;
  display: inline-block;
  max-width: 100%;
}

.Speech-Bubble__Tail {
  border-style: solid;
  border-left-color: transparent;
  border-right-color: transparent;
  border-width: 0.5em;
  border-bottom-width: 0;
  display: inline-block;
  position: absolute;

  &--left {
    left: 1em;
  }

  &--right {
    right: 1em;
  }
}

.Speech-Bubble__Text {
  border-radius: var(--radius--med);
  margin-bottom: 0;
  padding: 1em;
  white-space: pre-wrap;
}