.daily-memo-wrapper {
  @apply flex flex-row justify-start items-start relative w-full flex-nowrap pb-6;

  &:last-child {
    > .split-line {
      @apply hidden;
    }
  }

  > .split-line {
    @apply h-full px-px bg-gray-50 dark:bg-zinc-600 absolute top-1 left-6 z-0 -ml-px;
  }

  > .time-wrapper {
    @apply mt-px mr-4 w-12 h-7 shrink-0 text-xs leading-6 text-center font-mono rounded-lg bg-gray-100 dark:bg-zinc-600 border-2 border-white dark:border-zinc-800 text-gray-600 dark:text-gray-300 z-10;
  }

  > .memo-container {
    @apply w-full overflow-x-hidden flex flex-col justify-start items-start;

    .memo-content-text {
      @apply mt-1;
    }
  }
}