.myPagesMenuContent {
  padding: var(--Spacing-x3) var(--Spacing-x2);
}

.intro {
  padding: 0 var(--Spacing-x1);
}

.myPagesMenuContent .friendTypeWrapper {
  color: var(--UI-Text-Medium-contrast);
}

.divider {
  margin: var(--Spacing-x2) 0;
}

.friendType {
  font-family: var(--typography-Title-5-fontFamily);
  letter-spacing: var(--typography-Title-5-letterSpacing);
  font-size: var(--typography-Caption-Bold-fontSize);
  text-transform: uppercase;
}

.friendType::after {
  content: " · ";
  display: inline;
  padding: 0 var(--Spacing-x-half);
}

.groups,
.menuItems {
  list-style: none;
}

.link:not(:hover) .arrow {
  opacity: 0;
}

.arrow {
  flex-shrink: 0;
}

@media screen and (min-width: 768px) {
  .myPagesMenuContent {
    padding: var(--Spacing-x2) var(--Spacing-x4);
  }
  .intro.noMembership,
  .userName {
    display: none;
  }
}
