.vuiSummary {
  font-size: $fontSizeMedium;
}

.vuiSummaryCitation {
  vertical-align: middle;
  position: relative;
  top: -2px;
  display: inline-block;
  background-color: var(--vui-color-light-shade);
  color: var(--vui-color-dark-shade);
  padding: $sizeXxxs $sizeXs;
  font-size: $fontSizeSmall;
  border-radius: $sizeXxs;
  font-weight: $fontWeightBold;
  line-height: 1.4;
  transition: all $transitionSpeed;

  &:hover {
    color: var(--vui-color-primary-shade);
    background-color: var(--vui-color-primary-lighter-shade);
    text-decoration: underline;
  }
}

.vuiSummaryCitation-isSelected {
  background-color: var(--vui-color-primary-shade);
  color: var(--vui-color-empty-shade);
}