.memos-header-container {
  @apply sticky top-0 pt-4 pb-1 mb-1 backdrop-blur-sm flex flex-row justify-between items-center w-full h-auto flex-nowrap shrink-0 z-10;

  > .title-container {
    @apply flex flex-row justify-start items-center mr-2 shrink-0 overflow-hidden;

    > .action-btn {
      @apply flex sm:hidden flex-row justify-center items-center w-6 h-6 mr-1 shrink-0 bg-transparent;

      > .icon-img {
        @apply w-5 h-auto dark:text-gray-200;
      }
    }

    > .title-text {
      @apply font-bold text-lg leading-10 mr-1 text-ellipsis shrink-0 cursor-pointer overflow-hidden text-gray-700 dark:text-gray-200;
    }
  }

  > .btns-container {
    @apply flex flex-row justify-end items-center;
  }
}
