@use '../../../scss/base/_variables.scss' as var;

.divider {
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--medium-purple);
}

.commonContainer {
  display: grid;
  background: var(--lighter-gray);
  grid-template-columns: 5px 1fr; // We want the 2nd column to expand to fill the remaining space.
  height: 100%;
  @media only screen and (min-width: var.$breakpoint-md) {
    grid-template-columns: 5px 67px; // We want the total width to be 72px.
  }
  &::-webkit-scrollbar {
    width: 0px; /* remove scrollbar space */
    background: transparent;
  }
}

.linkContainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}