.vuiChatTurn {
  position: relative;
  left: 0;
  box-shadow: $shadowLargeStart;
  background-color: var(--vui-color-empty-shade);
  padding: $sizeL $sizeS $sizeL $sizeL;
  margin-right: $sizeXxs;
  transition: all $transitionSpeed;

  &:hover {
    box-shadow: $shadowLargeEnd;
    z-index: 1;
    left: $sizeXxs;
  }
}

.vuiChatTurn + .vuiChatTurn {
  margin-top: 1px;
}

.vuiChatQuestion {
  color: var(--vui-color-accent-shade);
  font-weight: $fontWeightBold;
  font-size: $fontSizeStandard;
  margin-bottom: $sizeXs;
}

.vuiChatQuestion--error {
  color: var(--vui-color-danger-shade);
}

.vuiChat__inspectButton {
  margin-top: -$sizeXxs;
}

.vuiChatAnswer {
  color: var(--vui-color-full-shade);
}