.sidebarItem {
  border-right: var(--hoverBorderWidth) solid var(--borderColor);
  border-bottom: var(--bottomBorderWidth) solid var(--bottomBorderColor);
}

.sidebarItem:hover {
  border-right: var(--hoverBorderWidth) solid var(--hoverBorderColor);
}

.infoHeader {
  font-size: var(--infoHeaderFontSize);
  display: flex;
  color: var(--infoHeaderColor);
}

.interactionType {
  width: 60%;
}

.pointsPossible {
  width: 40%;
}

.displayNumber {
  color: var(--darkTextColor);
  font-size: var(--numberFontSize);
  font-weight: var(--numberFontWeight);
}

.itemBody {
  font-size: var(--itemBodyFontSize);
  color: var(--darkTextColor);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: var(--itemBodyMarginTop);
}

.mainText {
  position: relative;
  cursor: pointer;
}

.sidebarClosed {
  padding: var(--sidebarClosedPadding) 0;
  margin: 0 var(--sidebarClosedMargin);
  text-align: center;
}

.pinWrapper {
  display: flex;
  justify-content: flex-end;
}

.inStimulus {
  border-bottom: none;
}

/* ========================= */
/* sidebar_is_open overrides */
/* ========================= */

.sidebarIsOpen {
  padding: var(--sidebarIsOpenPadding);

  &.inStimulus {
    margin-left: 10%;
  }

  & .mainText {
    font-size: var(--sidebarIsOpenMainTextFontSize);
    margin-top: var(--mainTextPaddingTop);
  }
}
