:host {
  @apply flex flex-col box-border;
}

.note-input {
  @apply flex flex-row items-center;

  textarea {
    @apply flex-grow text-regular h-12 outline-none w-full px-3 border-disabled-branch border-solid border-2 rounded-card pt-3;
  }

  textarea::placeholder {
    @apply font-bold text-regular text-inactive-branch mt-2;
  }

  .cta-save {
    @apply text-cta-l border-none outline-none font-bold text-brand bg-transparent ml-4;
  }
}

.notes {
  @apply overflow-scroll;
  max-height: 25rem;

  .note {
    @apply mt-6;

    .note-text {
      @apply text-lg font-bold whitespace-pre-line break-words;
    }

    .note-date {
      @apply text-sm font-semibold text-inactive-branch mt-1;
    }
  }
}
