.header {
  @apply flex h-12 p-2 gap-2 items-center;
  @apply bg-gray-300 dark:bg-gray-700;

  &__logo {
    @apply h-full dark:hidden;
  }

  &__logo-dark {
    @apply h-full hidden dark:block;
  }

  &__logo-text {
    @apply text-lg text-center text-black dark:text-white;
  }

}