.chevron {
  transition: transform 0.3s;

  &.isExpanded {
    transform: rotate(180deg);
  }
}

.dropdown {
  position: absolute;
  top: calc(
    3.5rem - 2px
  ); /* 3.5rem is the height of the main menu + bottom padding. */
  right: 0;
  background-color: var(--Surface-Primary-Default);
  border-radius: var(--Corner-radius-lg);
  box-shadow: 0 0 0.875rem 0.375rem rgba(0, 0, 0, 0.1);
  min-width: 20rem;
  z-index: var(--menu-overlay-z-index);
}

@media screen and (max-width: 767px) {
  .myPagesMenu {
    display: none;
  }
}