commerce/components/core/UserNav/DropdownMenu.module.css

.dropdownMenu {
  @apply fixed pt-6 right-0 z-20 w-full h-full;

  @screen lg {
    @apply absolute right-0 w-screen;
    max-width: 185px;
  }

  & .dropdownMenuContainer {
    @apply flex-col py-6 bg-primary h-full justify-around;

    @screen lg {
      @apply border border-accents-1 shadow-lg py-2 h-auto;
    }
  }

  & .link {
    @apply flex cursor-pointer px-6 py-3 block hover:bg-accents-1 transition ease-in-out duration-150 text-base leading-6 font-medium text-gray-900 items-center;
    text-transform: capitalize;
  }

  &.off {
    @apply hidden;
  }
}