.summary {
  display: none;
}

.sidebarIsOpen {
  & .middleSection {
    flex-grow: 2;
  }

  & .endSection {
    flex-grow: 1;
    text-align: right;
  }

  & .questionCount {
    flex-grow: 1;
  }

  & .itemsContainer {
    color: var(--medium-gray);
    display: flex;
    width: 100%;
    padding: var(--standard-padding);
    border: dotted var(--standard-border-width);
    border-color: var(--medium-gray);
  }

  & .summary {
    margin: var(--large-margin) var(--large-margin) 0 var(--extra-large-margin);
    display: flex;
    flex-grow: 1;
  }
}