.page {
  @apply flex;
  min-width: 370px;
}
.sidebar {
  @apply w-full md:w-64 sm:w-32 flex-none;
}
.primary {
  @apply flex-auto w-screen min-w-0;
  @apply bg-gray-100 text-gray-700;
  :global(.dark) & {
    @apply bg-gray-700 text-gray-300;
  }
  .wrapper {
    @apply mx-auto max-w-screen-lg;
  }
}
.pageHeader {
  @apply p-3 bg-gray-50 flex justify-between;

  :global(.dark) & {
    @apply bg-gray-800;
  }
}
.headerBtn {
  @apply sm:hidden text-green-400;
  @apply w-4 h-4 p-0 focus:outline-none;

  &.opened {
    @apply text-white;
  }

  & > * {
    @apply absolute;
  }
}