.column {
  display: flex;
  flex-flow: column;
  padding: var(--standard-padding);
  padding-bottom: 0;
}

.numberSummary {
  color: var(--dark-gray);
  margin: auto;
}

.firstNumberSummary {
  padding-bottom: var(--small-padding);
}

.secondNumberSummary {
  padding-top: var(--small-padding);
}

.iconArrow {
  color: var(--medium-gray);
  margin-top: 0.5rem;
  padding: 0.25rem;
  padding-bottom: 0;
}

.iconDownArrow:focus {
  border: dotted var(--standard-border-width);
  border-color: var(--medium-gray);
}

.verticalDots {
  margin: auto;
  height: 1.5rem;
  border-left: dotted var(--standard-border-width);
  border-color: var(--dark-gray);
}

.itemsContainer {
  display: none;
}

.sidebarIsClosed {
  display: flex;
}

.hideAll {
  display: none;
}

.sidebarIsOpen {
  & .bottomBorder {
    border-bottom: dashed var(--standard-border-width);
    border-color: var(--even-darker-gray);
  }

  & .itemsContainer {
    display: flex;
  }
}