/* stylelint-disable selector-pseudo-class-no-unknown */
@import "tailwindcss" reference;
@import "../../assets/css/theme.css" reference;
@import "../../assets/css/utilities.css" reference;

.notes-body {
  @apply overflow-y-auto rounded-lg p-5 max-h-[200px] text-base leading-[1.5] bg-bg-tertiary text-secondary;
}

.notes-body :deep(h1),
.notes-body :deep(h2),
.notes-body :deep(h3) {
  @apply font-bold text-main mt-5 mb-2;
}

.notes-body :deep(h1:first-child),
.notes-body :deep(h2:first-child),
.notes-body :deep(h3:first-child) {
  @apply mt-0;
}

.notes-body :deep(p) {
  @apply mb-2;
}

.notes-body :deep(ul),
.notes-body :deep(ol) {
  @apply list-inside my-3.5 pl-6;
}

.notes-body :deep(li) {
  @apply mb-1.5;
}

.notes-body :deep(a) {
  @apply text-accent underline;
}

.notes-body :deep(a:hover) {
  @apply text-accent-hover;
}

.notes-body :deep(img) {
  @apply max-w-full rounded-md;
}

/* Buttons */
.btn-ghost {
  @apply  inline-flex justify-center items-center border-none rounded-lg px-5 py-2.5 text-sm font-[inherit] font-semibold transition-all duration-fast ease-standard cursor-pointer gap-2 disabled:opacity-50 disabled:cursor-not-allowed text-secondary bg-bg-secondary shadow-md hover:-translate-y-px hover:shadow-lg focus-visible:focus-ring;
}

.btn-primary {
  @apply  inline-flex justify-center items-center border-none rounded-lg px-5 py-2.5 text-sm font-[inherit] font-semibold transition-all duration-fast ease-standard cursor-pointer gap-2 disabled:opacity-50 disabled:cursor-not-allowed text-white bg-accent shadow-md hover:-translate-y-px hover:shadow-lg focus-visible:focus-ring;
}

.btn-icon {
  @apply shrink-0 w-6 h-6;
}
