commerce/site/components/common/UserNav/CustomerMenuContent/CustomerMenuContent.module.css

.link {
  @apply text-primary flex cursor-pointer px-6 py-3
  transition ease-in-out duration-150 leading-6
  font-medium items-center capitalize w-full box-border
  outline-0;
}

.link:hover {
  @apply bg-accent-1 outline-none;
}

.link.active {
  @apply font-bold bg-accent-2;
}

.root {
  @apply inset-0 fixed;
  left: 72px;
  z-index: 10;
  height: 100vh;
  min-width: 100vw;
  transition: none;
}

.placeholder {
  height: 68px;
}

@media screen(lg) {
  .root {
    @apply static;
    min-width: inherit;
    height: inherit;
  }
}